@charset "UTF-8";
@keyframes progressBar {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

html, body {
  overscroll-behavior-y: contain; 
  -webkit-overflow-scrolling: auto; 
}

.wrap {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  /* overflow:hidden; */
}

.header-move-bx {
  position:fixed;
  top:0;
  left:0;
  z-index:3333333;
  width:100%;
  transition:all 0.5s ease;
}

.header-move-bx.main-header {
  transform:translateY(calc(-100% + 62px));
  transition:all 0.8s ease-in-out;
}

.header-move-bx.main-header.start {
  transition:all 0.5s ease;
}

.header-move-bx.down {
  height: 0;
  opacity: 0;
  overflow:hidden
}

.mobile-dim {
  display:none;
}

@media screen and (max-width:767px) {
  .header-move-bx.main-header {
    transform:translateY(calc(-100% + 56px));
  }

  .header-move-bx.mobile-open {
    width:100vw;
    height:100vh;
    overflow-x:hidden;
    overflow-y:auto;
  }

  .mobile-dim {
    position:fixed;
    top:0;
    left:0;
    z-index:333;
    transform:translateX(100%);
    display:block;
    width:100%;
    height:100vh;
    transition: all 0.4s ease-in-out;
    background:var(--white100);
  }

  .mobile-dim.mobile-open {
    transform:translateX(0);
  }

}

/* header */
#header {
  position:relative;
  width: 100%;
  height: 62px;
  /* background-color: var(--white100); */
  z-index: 100;
  transform-origin: 100% 0;
  /* transition:all 0.5s ease-in-out; */
}

#header.main-header {
  /* top:60px; */
  /* background-color:transparent; */
}

.main-header.on {
  /* background-color: transparent */
}

#header.down {
  height: 0;
  opacity: 0;
}

@media screen and (max-width:767px) {
  #header {
    height:56px;
  }
}

#header-banner {
  width: 100%;
  padding:18px 0;
  /* height: 60px; */
  overflow: hidden;
    background: var(--primary);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  overflow: hidden;
  transition: all 0.8s ease-in-out;
  transition-delay:1.6s;
}

.header-banner-wrap {
  width: 100%;
  height: 100%;
}

.header-banner-wrap .container {
  justify-content: space-between;
  align-items: center;
  height: 100%;
}
.header-banner-wrap .container a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.header-banner-wrap .container a p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
  transition: all 0.8s ease-in-out;
  transition-delay:1.6s;
}
.header-banner-wrap .container a .arrow-bx span {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.44;
  transition: all 0.8s ease-in-out;
  transition-delay:1.6s;
}
.header-banner-wrap .container a .arrow-bx i {
  width: 16px !important;
  height: 16px !important;
  background-color: rgba(0, 0, 0, 0.8);
  transition: all 0.8s ease-in-out;
  transition-delay:1.6s;
}

@media screen and (max-width: 1599px) {
  #header-banner {
    padding:18.5px 0;
  }

  .header-banner-wrap .container a p {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}
@media screen and (max-width: 1023px) {
  #header-banner {
    padding:16.5px 0;
  }
}
@media screen and (max-width: 767px) {
  #header-banner {
    padding:18.5px 0;
  }

  .header-move-bx #header-banner {
    position:relative;
    z-index:999999;
  }

  .header-banner-wrap .container a {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
  }
}
.header-inner {
  position: relative;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.header-inner.bg {
  background:var(--white100);
}

.logo a {
  display: block;
  width: 110px;
  height: 18px;
  background: url("../../images/logo-gnb-m.svg") no-repeat center/contain;
}

@media screen and (max-width: 1023px) {
  .logo a {
    width: 98px;
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .logo a {
    width: 107px;
    height: 18px;
  }
}
.gnb {
  height: 100%;
}
.gnb > ul {
  height: 100%;
}
.gnb > ul > li {
  position:relative;
  height: 100%;
}
.gnb > ul > li > a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  transition: all 0.4s ease-in-out;
}
.gnb > ul > li > a i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(170%) translateY(-50%);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.gnb > ul > li > a:hover {
  color: var(--black80);
}
.gnb > ul > li > a:hover i {
  opacity: 1;
}
.gnb > ul > li > a.active {
  color: var(--black80);
}

@media screen and (max-width: 1599px) {
  .gnb > ul > li > a {
    font-size: 1.4rem;
  }
}
.nav-depth2-wrap {
  position: absolute;
  top:100%;
  transform:translateY(-20px);
  z-index: 33;
  width:390px;
  height: 0;
  padding:0 21px;
  opacity: 0;
  overflow: hidden;
}
.nav-depth2-wrap.open {
  height: 184px;
  opacity: 1;
  transform:translateY(0);
  overflow: visible;
}

.nav-depth2-wrap .nav-depth2-inner {
  display: flex;
  justify-content:flex-start;
  gap: 20px;
  width:100%;
  height: 100%;
  padding: 22px 0 30px 0;
}
.nav-depth2-wrap .nav-depth2-inner ul {
  width: 100%;
  max-width: 185px;
}
.nav-depth2-wrap .nav-depth2-inner ul li a {
  display: inline-flex;
  transition: all 0.4s ease-in-out;
}
.nav-depth2-wrap .nav-depth2-inner ul li a i {
  opacity: 0;
  background: var(--black80);
  transition: all 0.4s ease-in-out;
}
.nav-depth2-wrap .nav-depth2-inner ul li a:hover {
  color: var(--black80);
}
.nav-depth2-wrap .nav-depth2-inner ul li a:hover i {
  opacity: 1;
}

@media screen and (max-width: 1599px) {
  .nav-depth2-wrap.open {
    height: 166px;
  }
  .nav-depth2-wrap .nav-depth2-inner ul li a span {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 1023px) {
  .gnb {
    display: none;
  }
}
.depth2-nav-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 244px;
  background: var(--white100);
  pointer-events: none;
  opacity: 0;
  background: #fff;
}
.depth2-bg-bx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  transform:translateY(244px);
  z-index: -1;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 1;
  will-change: backdrop-filter;
  pointer-events: none;
}

@media screen and (max-width:1023px) {
  .depth2-nav-bg {
    display:none;
  }
}

.lang-cover {
  width: 100%;
  max-width: 110px;
}
.lang-cover .lang {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.lang-cover .lang li:not(:first-of-type)::before {
  content: "|";
  display: inline-block;
  margin: 0 6px;
  font-size: 1.3rem;
  line-height: 2.4rem;
  color: var(--black50);
}

.lang-cover .lang li a {
  display:inline-block;
}

@media screen and (max-width: 1023px) {
  .lang-cover {
    display: none;
    margin: 0 20px 0 auto;
  }
}
/* mobile-btn */
.mobile-nav-open {
  display: none;
  width: 24px;
  height: 24px;
}

.mobile-nav-open button {
  position: relative;
  display:flex;
  width: 100%;
  height: 100%;
}

.mobile-nav-open button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 2px;
  border-radius: 30px;
  background: var(--black100);
  transition: all 0.35s ease;
}

/* mobile-nav */
.mobile-nav-open button span:nth-child(1) {
  top: calc(50% - 5.5px);
}

.mobile-nav-open button span:nth-child(3) {
  top: calc(50% + 5.5px);
}

.mobile-nav-open.mobile-open button span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.mobile-nav-open.mobile-open button span:nth-child(2) {
  opacity: 0;
}

.mobile-nav-open.mobile-open button span:nth-child(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media screen and (max-width: 1023px) {
  .mobile-nav-open {
    display: block;
  }
}
.mobile-nav-wrap {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  z-index: 9999;
  display: none;
  width: 384px;
  height: 100dvh;
  background: var(--white100);
  transition: all 0.4s ease-in-out;
  opacity:1;
  overflow-y:auto;
}

.mobile-white-bg {
  display:none;
}

.mobile-nav-wrap.mobile-open {
  transform: translateX(0);
}

.mobile-nav-inner {
  padding: 0 32px;
}

@media screen and (max-width: 767px) {
  .mobile-nav-inner {
    padding: 0 20px;
  }

  .mobile-white-bg {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateX(100%);
    z-index: 2;
    display: block;
    width: 100vw;
    height: 100%;
    background: var(--white100);
    transition: all 0.4s ease-in-out;
    opacity:1;
  }

  .mobile-white-bg.mobile-open {
    transform:translateX(0);
  }

}

.mobile-nav-menu {
  padding:106px 0;
  list-style: none;
}

.mobile-nav-menu > ul > li {
  margin-bottom: 22px;
  border-bottom: 1px solid var(--black30);
}

.mobile-nav-menu > ul > li > a,
.mobile-nav-menu > ul > li > button {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 0 22px 0;
}

.mobile-nav-menu > ul > li > a i,
.mobile-nav-menu > ul > li > button i {
  transition:all 0.45s ease;
}
.mobile-nav-menu > ul > li > a i.down,
.mobile-nav-menu > ul > li > button i.down {
  transform: rotate(-180deg);
}

.mobile-nav-menu > ul > li > ul {
  display: none;
  padding-bottom: 40px;
}

.mobile-nav-menu > ul > li > ul > li {
  margin-bottom: 18px;
}

.mobile-nav-menu > ul > li > ul > li:last-child {
  margin-bottom: 0;
}

.mobile-nav-menu .mobile-depth3-wrap {
  height:100%;
  max-height:0;
  overflow:hidden;
  transition:all 0.45s ease;
}

.mobile-nav-menu .mobile-depth3-wrap.active {
  max-height:300px;
  padding-top:8px;
  padding-bottom:40px;
}

.tablet-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index:-1;
  background: #E6E6E650;
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  opacity: 0;
  will-change: backdrop-filter;
  transition: all 0.4s ease;
  pointer-events: none;
}


@media screen and (max-width: 1023px) {
  .tablet-bg.active {
    opacity:1;
  }
  .mobile-nav-wrap {
    display: block;
  }

  .mobile-nav-menu #mobile-intro-menu , 
  .mobile-nav-menu #mobile-investment-menu {
    display:flex;
    flex-wrap:wrap;
    gap:18px 30px;
  }
  
  .mobile-nav-menu #mobile-intro-menu li , 
  .mobile-nav-menu #mobile-investment-menu li {
    width:calc(50% - 15px);
    margin-bottom:0;
  }
}

@media screen and (max-width: 767px) {
  .mobile-nav-wrap {
    width: 100%;
    height:auto;
    min-height:calc(100vh - 56px);
    overflow-y:visible;
  }

  .mobile-nav-menu {
    padding:106px 0 50px 0;
  }

  .tablet-bg.active {
    display:none;
    opacity:0;
  }
}
/* footer */
#footer {
  padding: 80px 0 40px 0;
  background-color: var(--black10);
  overflow: hidden;
}

.footer-inner {
  position: relative;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  padding-left: calc(var(--gutter) / 2);
  padding-right: calc(var(--gutter) / 2);
  font-size: 1.4rem;
}
.footer-inner .footer-pc-wrap .ft-top-area {
  /* gap: 30px; */
  gap: 126px;
  margin-bottom: 148px;
}
.footer-inner .footer-pc-wrap .ft-top-area .logo-area {
  width: 100%;
  min-width: 160px;
  max-width: 160px;
}
.footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap {
  flex-wrap: wrap;
  gap: 50px 20px;
  width: 100%;
  max-width: 832px;
  padding-right: 6.944%;
}
.footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li {
  width: calc(33.333% - 13.333px);
}
.footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li > a {
  display: inline-block;
}
.footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li ol li {
  margin-bottom: 6px;
}
.footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li ol li:last-child {
  margin-bottom: 0;
}
.footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li ol li a {
  transition: all 0.4s ease-in-out;
}
.footer-inner .footer-pc-wrap .ft-bt-area {
  gap: 126px;
}
.footer-inner .footer-pc-wrap .ft-bt-area .logo-area {
  width: 100%;
  min-width: 160px;
  max-width: 160px;
  gap: 24px;
}
.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area {
  width: 100%;
  max-width: 832px;
}
.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul {
  flex-wrap: wrap;
  margin-bottom: 18px;
  gap: 8px 0;
}
.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul li {
  position: relative;
  margin-right: 8px;
  padding-right: 9px;
}
.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul li::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  max-height: 13px;
  background: var(--black60);
}

.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul li:last-child::after {
  display: none;
}

.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul li a {
  transition: all 0.4s ease-in-out;
}
.footer-inner .footer-pc-wrap .ft-bt-area .privacy-area .info-area {
  gap: 15px;
}

.footer-inner .footer-pc-wrap .ft-bt-area .logo-area .logo-bx:nth-child(1) figure {
  max-width:45px;
}

.footer-inner .footer-mo-wrap {
  display: none;
}
@media screen and (min-width: 1025px) {
  .footer-inner .privacy-area ul li a:hover {
    color: var(--black100);
  }
}

@media screen and (min-width: 1025px) {
  .footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li ol li a:hover {
    color: var(--black100);
  }
}

@media screen and (max-width: 1599px) {
  #footer {
    padding: 80px 0 40px 0;
  }
  
  .footer-inner {
    padding-left: calc(var(--gutter) * 3 - 8px);
    padding-right: calc(var(--gutter) * 3 - 8px);
  }
}
@media screen and (max-width: 1023px) {
  #footer {
    padding:42px 0;
  }

  .footer-inner {
    padding-left: calc(var(--gutter) * 2);
    padding-right: calc(var(--gutter) * 2);
  }
  .footer-inner .footer-pc-wrap .ft-top-area {
    flex-direction: column;
    gap: 60px;
    margin-bottom: 80px;
  }
  .footer-inner .footer-pc-wrap .ft-top-area .logo-area {
    width: 100%;
    max-width: 100%;
  }
  .footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }
  .footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li > a {
    display: inline-block;
  }
  .footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li ol li {
    margin-bottom: 6px;
  }
  .footer-inner .footer-pc-wrap .ft-top-area .ft-menu-wrap > li ol li:last-child {
    margin-bottom: 0;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area {
    flex-direction: column-reverse;
    gap: 40px;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .logo-area {
    width: 100%;
    min-width: 160px;
    max-width: 100%;
    gap: 24px;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .logo-area .logo-bx:last-child {
    display: none;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .privacy-area {
    width: 100%;
    max-width: 100%;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul {
    flex-wrap: wrap;
    margin-bottom: 18px;
    gap: 9px 0;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .privacy-area ul li.m-none {
    display: none;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .privacy-area .info-area {
    gap: 8px 15px;
    flex-wrap: wrap;
  }
  .footer-inner .footer-pc-wrap .ft-bt-area .privacy-area .info-area h6:last-child {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #footer {
    padding:40px 0;
  }

  .footer-inner {
    padding-left: calc(var(--gutter) * 2 - 4px);
    padding-right: calc(var(--gutter) * 2 - 4px);
  }
  .footer-inner .footer-pc-wrap {
    display: none;
  }
  .footer-inner .footer-mo-wrap {
    display: block;
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap {
    margin-bottom: 40px;
    border-top: 1px solid var(--black30);
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li {
    border-bottom: 1px solid var(--black30);
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li button {
    width: 100%;
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li button .arrow-ic {
    pointer-events: none;
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li button .arrow-ic i {
    pointer-events: none;
    transition:all 0.45s ease;
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li button .arrow-ic.down i {
    transform: rotate(-180deg);
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li ol {
    /* display:none; */
    max-height: 0;
    /* padding:0 0 30px 0; */
    overflow: hidden;
    transition:all 0.45s ease;
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li ol.open {
    max-height: 160px;
    /* overflow:visible; */
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li ol li {
    margin-bottom: 6px;
  }
  .footer-inner .footer-mo-wrap .ft-menu-wrap > li ol li:last-child {
    margin-bottom: 0;
    padding: 0 0 30px 0;
  }
  .footer-inner .footer-mo-wrap .ft-privacy-links {
    margin-bottom: 60px;
  }
  .footer-inner .footer-mo-wrap .ft-info-wrap .logo-copy-area .logo-bx {
    margin-bottom:12px !important;
  }

  .footer-inner .footer-mo-wrap .ft-info-wrap .logo-copy-area .logo-bx figure {
    max-width:45px;
  }
}
.top-scroll-btn {
  position: absolute;
  top: 0;
  right: calc(var(--gutter) / 2);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--black30);
  overflow: hidden;
}
.top-scroll-btn::after {
  content: "";
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: url("../../images/ic/ic-arrow-up.svg") no-repeat center/contain;
  transition: all 0.4s ease-in-out;
}
.top-scroll-btn i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-in-out;
}

@media screen and (min-width: 1025px) {
  .top-scroll-btn:hover::after {
    top: 50%;
  }
  .top-scroll-btn:hover i {
    top: -150%;
  }
}
@media screen and (max-width: 1599px) {
  .top-scroll-btn {
    right: calc(var(--gutter) * 3 - 8px);
    width: 52px;
    height: 52px;
  }
}
@media screen and (max-width: 1023px) {
  .top-scroll-btn {
    right:calc(var(--gutter) * 2);
  }
}
@media screen and (max-width: 767px) {
  .top-scroll-btn {
    display: none;
  }
}
main {
  flex-grow: 1;
  /* padding-top: 80px; */
  padding-bottom: 200px;
}

@media screen and (max-width: 1599px) {
  main {
    padding-bottom: 160px;
  }
}
@media screen and (max-width: 1023px) {
  main {
    padding-bottom: 100px;
  }
}

.scroll-down-bx {
  position:absolute;
  left:50%;
  bottom:30px;
  z-index:333;
  transform:translateX(-50%);
}

@keyframes scrollDown {
  0% {transform:translateY(0)}
  100% {transform:translateY(10px)}
}

.scroll-down-bx i {
  display:inline-block;
  width:40px;
  height:40px;
  background:var(--white100);
  animation:scrollDown 1.8s linear infinite alternate;
  animation-fill-mode:both;
}

@media screen and (max-width:1599px) {
  .scroll-down-bx {
    bottom:20px;
  }

  .scroll-down-bx i {
    width:32px;
    height:32px;
  }
}


/* 
===================================================

                Main Home CSS : Start

===================================================
*/
/* Main 공통 */
.main .m-title {
  margin-bottom: 60px;
}
.main .m-title h2 {
  color: var(--black100);
}

@media screen and (max-width: 1599px) {
  .main .m-title {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .main .m-title {
    margin-bottom: 30px;
  }
}
/* section__1 : S */
.main_home .section__1 {
  position: relative;
  width: 100%;
  /* height:100dvh; */
  height:100svh;
  /* height: calc(100dvh - 60px); */
  display: flex;
  justify-content: center;
  align-items: center;
  /* margin-top:60px; */
  overflow: hidden;
}

.main_home .section__1.non-banner {
  /* height: 100dvh !important; */
  height: 100svh !important;
  margin-top:0;
}
.main_home .section__1 .default-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.main_home .section__1 .default-wrap .text-item .text-cover {
  overflow: hidden;
}
.main_home .section__1 .default-wrap .text-item .default-text {
  color: #000;
  /* font-size: 120px; */
  font-size: 6.25vw;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.01em;
}
.main_home .section__1 .default-wrap .text-item .default-text span {
  display: inline-block;
  transform: translateY(100%);
}
.main_home .section__1 .mask-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 33;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.main_home .section__1 .mask-wrap .text-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 33;
  width: 100vw;
}

.main_home .section__1 svg {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100vh;
  /* transform-origin: 50% 50%; */
}

#maskRectEl {
  width:90px;
  height:443px;
  transform-box: fill-box;
  transform-origin: 50% 50%;  
  /* transform:scale(1) rotate(12deg); */
  /* transition:all 1.2s ease-in-out; */
}

/* #maskRectEl.rotate {
  transition:all 0.9s ease-in-out;
  transform:scale(1) rotate(0);
}

#maskRectEl.active {
  transition:all 2s cubic-bezier(0.01, 0.01, 0.5, 1);
  transform:scaleY(8) scaleX(80) rotate(0);
}

 #maskRectEl.active2 {
  transition:all 1.2s cubic-bezier(0, 0.25, 0.5, 1);
  transform:scaleY(8) scaleX(80) rotate(0);
} */

@media screen and (max-width:1920px) {
  #maskRectEl {
    width:72px;
    height:336px;
  }
}

@media screen and (max-width:1599px) {
  #maskRectEl {
    width:60px;
    height:280px;
  }
}

@media screen and (max-width:1023px) {
  #maskRectEl {
    width:54px;
    height:250px;
  }
}

@media screen and (max-width:767px) {
  #maskRectEl {
    width:42px;
    height:194px;
  }
}


.main_home .section__1 .mask-wrap .text-item .text-cover {
  /* opacity: 0; */
  overflow:hidden;
}
.main_home .section__1 .mask-wrap .text-item .text-cover .default-text {
  display:inline-block;
  color: var(--white100);
  /* font-size: 120px; */
  font-size:6.25vw;
  font-weight: 800;
  line-height: 1.3;
  letter-spacing: -0.01em;
  opacity: 0.4;
  transform: translateY(100%);
}

.main_home .section__1 .mask-wrap .mask-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  /* background:#000; */
}
.main_home .section__1 .mask-wrap .mask-item .video-bx {
  width: 100%;
  height: 100%;
}
.main_home .section__1 .mask-wrap .mask-item .video-bx .video-con {
  width: 100%;
  height: 100%;
}
.main_home .section__1 .mask-wrap .mask-item .video-bx .video-con video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width:2561px) {
  .main_home .section__1 .default-wrap .text-item .default-text {
    font-size:160px;
  }

  .main_home .section__1 .mask-wrap .text-item .text-cover .default-text  {
    font-size:160px;
  }
}

@media screen and (max-width: 1599px) {
  .main_home .section__1 {
    /* height: calc(100dvh - 60px); */
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-top:60px; */
    overflow: hidden;
  }
}

@media screen and (max-width: 1023px) {
  .main_home .section__1 .default-wrap .text-item .default-text {
    font-size: 6.6406vw;
    letter-spacing: -0.01em;
  }
  /* .main_home .section__1 .mask-wrap {
    width: 54px;
    height: 250px;
  } */
  .main_home .section__1 .mask-wrap .text-item .text-cover .default-text {
    font-size: 6.6406vw;
    letter-spacing: -0.01em;
  }
}
@media screen and (max-width: 767px) {
  .main_home .section__1 {
    /* height: calc(100dvh - 122px); */
    /* margin-top:122px; */
  }

  .main_home .section__1 .default-wrap .text-item .default-text {
    font-size: 10.1333vw;
    letter-spacing: -0.01em;
  }
  /* .main_home .section__1 .mask-wrap {
    width: 42px;
    height: 194px;
  } */
  .main_home .section__1 .mask-wrap .text-item .text-cover .default-text {
    font-size: 10.1333vw;
    letter-spacing: -0.01em;
  }
}
/* section__1 : E */
/* section__2 : S */
.main_home .section__2 {
  width: 100%;
  overflow: hidden;
  padding-top:200px;
}
.main_home .section__2 .m-title h2 {
  opacity: 0;
  transform:translateY(20px)
}
.main_home .section__2 .slide-container {
  position:relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 665px;
  opacity: 0;
  transform:translateY(20px)
}

.main_home .section__2 .slide-container .swiper-container {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:1920px;
  height: 100%;
  padding: 9px 0 110px 0;
}

.main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  position: absolute;
  top: 0;
  left: calc(50% + 9px);
  transform: translateX(-50%);
  width: 335px !important;
  height: 550px;
  max-width: 335px;
  border-radius: 20px; 
  overflow: hidden;
}
/* .main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
} */
.main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) {
  top: 0;
  z-index: 33;
}

@media screen and (max-width: 1599px) {
  .main_home .section__2 {
    padding-top:160px;
  }

  .main_home .section__2 .slide-container {
    position:relative;
    height:555px;
  }
  .main_home .section__2 .slide-container .swiper-container {
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:1536px;
    height: 100%;
    padding: 7px 0 77px 0;
  }
  .main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    width: 268px !important;
    height: 440px;
    max-width: 335px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .main_home .section__2 {
    padding-top:100px;
  }

  .main_home .section__2 .slide-container {
    height:auto;
  }

  .main_home .section__2 .slide-container .swiper-container {
    position:relative;
    top:auto;
    left:auto;
    transform:translateX(0);
    width:100%;
    height:500px;
    padding:60px 0 3vw 0;
  }

  .main_home .section__2 .slide-container .swiper-container .swiper-wrapper {
    position: relative;
  }
  .main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    position: relative;
    top: auto;
    left: auto;
    transform: translateY(2vw);
    width: auto !important;
    min-width: 245px;
    height: 400px;
    max-width: 245px;
    border-radius: 16px;
    overflow: visible;
  }
  .main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide figure {
    transition: all 0.35s ease;
    border-radius: inherit;
    overflow:hidden;
  }
  .main_home .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active figure {
    transform: translateY(-60px);
  }
}

@media screen and (max-width:767px) {
  .main_home .section__2 .slide-container .swiper-container {
    position:relative;
    top:auto;
    left:auto;
    transform:translateX(0);
    width:100%;
    height:500px;
    padding:52px 0 3vw 0;
  }
}
/* section__2 : E */
/* section__3 : S */
.main_home .section__3 {
  opacity: 0;
  transform:translateY(20px);
}
.main_home .section__3 .flex-container {
  gap: 60px;
}
.main_home .section__3 .flex-container > div {
  width: calc(50% - 30px);
}
.main_home .section__3 .flex-container > div.left-cont a {
  display: inline-flex;
  width: 100%;
}
.main_home .section__3 .flex-container > div.left-cont a .img-area {
  position:relative;
  width: 100%;
  height: 460px;
  overflow: hidden;
}
.main_home .section__3 .flex-container > div.left-cont a .img-area::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.83%, rgba(0, 0, 0, 0.05) 65.22%, rgba(0, 0, 0, 0.4) 100%), rgba(0, 0, 0, 0.4);
  transition:all 0.3s cubic-bezier(.4,0,.2,1);
}
.main_home .section__3 .flex-container > div.left-cont a .img-area .img-elm {
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  transition:all 0.3s cubic-bezier(.4,0,.2,1);
  overflow:hidden;
  border-radius: 20px;
}

.main_home .section__3 .flex-container > div.left-cont a .img-area .img-elm figure {
  transition:all 0.3s cubic-bezier(.4,0,.2,1);
}

.main_home .section__3 .flex-container > div.left-cont a .img-area .text-elm {
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 500px;
  height: 100%;
}
.main_home .section__3 .flex-container > div.left-cont a .img-area .text-elm .news-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main_home .section__3 .flex-container > div.left-cont .date-area {
  padding: 32px 40px;
}
.main_home .section__3 .flex-container > div.left-cont .date-area time {
  display: flex;
  flex-direction: column;
}
.main_home .section__3 .flex-container > div.left-cont .date-area time span {
  display: inline-block;
}
.main_home .section__3 .flex-container > div.left-cont .date-area time span:nth-child(2) {
  margin-top: -10px;
}
.main_home .section__3 .flex-container > div.right-cont .right-item {
  border-top: 1px solid var(--Black-30, #E6E6E6);
  display: flex;
  align-items: center;
  /* min-height: 194px; */
}
.main_home .section__3 .flex-container > div.right-cont .right-item a {
  width: 100%;
}
.main_home .section__3 .flex-container > div.right-cont .right-item a .text-area {
  max-width: 500px;
}
.main_home .section__3 .flex-container > div.right-cont .right-item a .text-area .news-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.35s ease;
}

@media screen and (min-width: 1025px) {
  .main_home .section__3 .flex-container > div.left-cont a:hover .img-area::after {
    transform: translate(-50%, -50%) scale(0.99);
  }
  .main_home .section__3 .flex-container > div.left-cont a:hover .img-area .img-elm {
    transform: translate(-50%, -50%) scale(0.99);
  }
  .main_home .section__3 .flex-container > div.left-cont a:hover .img-area .img-elm figure {
    transform: scale(1.01);
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item a:hover .text-area .news-title {
    color: var(--black80);
  }
}
@media screen and (max-width: 1599px) {
  .main_home .section__3 .flex-container {
    gap: 40px;
  }
  .main_home .section__3 .flex-container > div {
    width: calc(50% - 20px);
  }
  .main_home .section__3 .flex-container > div.left-cont a .img-area {
    /* height: 302px; */
    height:auto;
    aspect-ratio:452 / 302;
    margin-bottom:16px;
    border-radius: 16px;
  }
  .main_home .section__3 .flex-container > div.left-cont a .img-area::after {
    border-radius: 16px;
  }
  .main_home .section__3 .flex-container > div.left-cont .date-area {
    padding: 24px 30px;
  }
  .main_home .section__3 .flex-container > div.left-cont .date-area time span:nth-child(2) {
    margin-top: -5px;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item {
    /* min-height: 166px; */
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item a {
    gap:40px;
  }
  
  .main_home .section__3 .flex-container > div.right-cont .right-item a .text-area {
    /* max-width: 351px; */
    max-width: 570px;
  }
}
@media screen and (max-width: 1023px) {
  .main_home .section__3 .flex-container {
    flex-direction: column;
    gap: 40px;
  }
  .main_home .section__3 .flex-container > div {
    width: 100%;
  }
  .main_home .section__3 .flex-container > div.left-cont a .img-area {
    /* height: 469px; */
    aspect-ratio:704 / 470;
    margin-bottom:16px;
  }

  .main_home .section__3 .flex-container > div.left-cont a .img-area .text-elm .news-desc {
      -webkit-line-clamp: 3;
  }

  .main_home .section__3 .flex-container > div.left-cont .date-area {
    padding: 20px 24px;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item {
    min-height: auto;
  }

  .main_home .section__3 .flex-container > div.right-cont .right-item:first-child {
    padding-top:0;
    border-top:none;
  }

  .main_home .section__3 .flex-container > div.right-cont .right-item a {
    gap: 40px;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item a .text-area {
    max-width: 588px;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item:first-child a {
    padding-top: 0;
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .main_home .section__3 .flex-container {
    gap: 30px;
  }

  .main_home .section__3 .flex-container > div.left-cont a .img-area {
    /* height: 223px; */
    aspect-ratio:335 / 224;
    margin-bottom:12px;
  }

  .main_home .section__3 .flex-container > div.left-cont a .img-area::after {
    background:linear-gradient(0deg, rgba(0, 0, 0, 0.00) 28.08%, rgba(0, 0, 0, 0.05) 42.09%, rgba(0, 0, 0, 0.40) 100.1%), rgba(0, 0, 0, 0.40);
  }

  .main_home .section__3 .flex-container > div.left-cont a .img-area .text-elm .news-desc {
    display: none;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item a {
    flex-direction: column;
    gap: 0;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item a .text-area {
    max-width: 100%;
  }
  .main_home .section__3 .flex-container > div.right-cont .right-item a .text-area .news-desc {
    display: none;
  }
}
/* section__3 : E */
/* section__4 : S */
.main_home .section__4 {
  overflow: hidden;
  transform:translateY(20px);
  opacity: 0;
}
.main_home .section__4 .slide-container {
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
  padding-left: calc(var(--gutter) / 2);
  padding-right: calc(var(--gutter) / 2);
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right:0 !important;
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a {
  position: relative;
  width: 100%;
  height: 368px;
  overflow: hidden;
}
.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .img-elm {
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  border-radius: inherit;
  transform-origin: 50% 50%;
  overflow: hidden;
}
.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .img-elm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 3;
  width: 100%;
}
.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div {
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -100%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  background: url("../../images/ic/ic-link-arrow-right-black.svg") no-repeat center/contain;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  transition: all 0.3s ease-in-out;
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div i.ic-link-right-w {
  background:var(--white100);
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div.default {
  background: var(--black30);
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div.white {
  background: rgba(255, 255, 255, 0.4);
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div.white::after {
  background: url("../../images/ic/ic-link-arrow-right-white.svg") no-repeat center/contain;
}

.main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div.white i path {
  fill: #fff;
}

@media screen and (min-width: 1025px) {
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a:hover .img-elm {
    transform: translate(-50%, -50%) scale(0.98);
  }
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a:hover .img-elm img {
    transform: scale(1.02);
  }
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a:hover .info-elm .arrow-div::after {
    left: 50%;
    transition: all 0.3s ease-in-out;
  }
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a:hover .info-elm .arrow-div i {
    left: 200%;
  }
}

@media screen and (max-width: 1599px) {
  .main_home .section__4 .slide-container {
    max-width:100%;
    padding-left: calc(var(--gutter) * 3 - 8px);
    padding-right: calc(var(--gutter) * 3 - 8px);
  }

  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a {
    height: auto;
    aspect-ratio: 304 / 240;
  }
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div {
    width: 28px;
    height: 28px;
  }

  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div::after {
    width: 13px;
    height: 13px;
  }
  
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div i {
    width: 13px;
    height: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .main_home .section__4 .slide-container {
    padding-left:0;
    padding-right:0;
  }

  .main_home .section__4 .swiper-container {
    padding-left: calc(var(--gutter) * 2);
    padding-right:calc(var(--gutter) * 2);
  }

  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide {
    width:304px !important;
    height:240px;
  }

  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a {
    width:100%;
    height:100%;
  }
  .main_home .section__4 .swiper-container .swiper-wrapper .swiper-slide a .info-elm .arrow-div {
    width: 28px;
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .main_home .section__4 .swiper-container {
    padding-left: calc(var(--gutter) * 2 - 4px);
    padding-right:calc(var(--gutter) * 2 - 4px);
  }
}
/* section__4 : E */
/* section__5 : S */
.main_home .section__5 .m-title h2 {
  opacity: 0;
  transform:translateY(20px);
}
.main_home .section__5 .slide-container {
  overflow: hidden;
  opacity: 0;
  transform:translateY(20px);
}

.main_home .section__5 .slide-container .left-slide {
  width: 57.639%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}
.main_home .section__5 .slide-container .left-slide .logo-bx {
  gap: 10px;
}
.main_home .section__5 .slide-container .left-slide .logo-bx .icon-bx {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}
.main_home .section__5 .slide-container .left-slide .logo-bx .icon-bx i {
  -webkit-background-position: center;
  -webkit-background-size: contain;
  -webkit-background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  background-color:transparent !important;
}

.main_home .section__5 .slide-container .left-slide .text-bx {
  max-width: 500px;
}
.main_home .section__5 .slide-container .left-slide .text-bx .story-title {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.main_home .section__5 .slide-container .left-slide .text-bx .story-desc {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.main_home .section__5 .slide-container .left-slide .swiper-controls {
  position: absolute;
  top: 40px;
  right: 40px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.main_home .section__5 .slide-container .left-slide .swiper-controls button {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
}
.main_home .section__5 .slide-container .left-slide .swiper-controls button::after {
  display: none;
}

.main_home .section__5 .slide-container .right-slide {
  width: 42.361%;
  overflow: hidden;
}
.main_home .section__5 .slide-container .right-slide .swiper-container {
  position: relative;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide {
  height: 610px;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide .video-elm {
  width: 100%;
  height: 100%;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide .video-elm video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide .img-elm {
  height: 100%;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide .img-elm .img-cont {
  width: 100%;
  height: 100%;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide .img-elm video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 33;
  width: calc(100% - 80px);
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination {
  position: relative;
  gap: 12px;
  width: 100%;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination.start .swiper-pagination-bullet-active {
  background-color: transparent;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination.start .swiper-pagination-bullet-active b {
  animation: progressBar 5s ease-in;
  animation-fill-mode: forwards;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination.start .swiper-pagination-bullet.is-passed b {
  width: 100%;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet {
  position: relative;
  flex-grow: 1;
  height: 4px;
  text-align: left;
  border-radius: 0;
  opacity: 1;
  border-radius: 30px;
  background-color: transparent;
  overflow: hidden;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet i {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 4px;
  background-color: var(--black30);
  opacity: 0.6;
}
.main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet b {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 4px;
  background-color: var(--white100);
}

@media screen and (max-width: 1599px) {
  .main_home .section__5 .slide-container .left-slide {
    /* width:100%; */
    /* max-width:971px; */
    width:59.45%;
  }
  .main_home .section__5 .slide-container .left-slide .logo-bx {
    gap: 10px;
  }
  .main_home .section__5 .slide-container .left-slide .logo-bx .icon-bx {
    border-radius: 7.5px;
  }
  .main_home .section__5 .slide-container .left-slide .logo-bx .icon-bx i {
    width: 24px !important;
    height: 24px !important;
  }
  .main_home .section__5 .slide-container .left-slide .swiper-controls {
    top: 30px;
    right: 30px;
    gap: 16px;
  }
  .main_home .section__5 .slide-container .left-slide .swiper-controls button i {
    width: 24px !important;
    height: 24px !important;
  }
  .main_home .section__5 .slide-container .right-slide {
    /* width:100%; */
    /* max-width:610px; */
    /* min-width:472px; */
    width:40.55%;
    aspect-ratio: 1 / 1;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container {
    height:100%;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide {
    height: 100%;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar {
    bottom: 30px;
    width: calc(100% - 80px);
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination {
    gap: 8px;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet {
    height: 4px;
    border-radius: 30px;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet i {
    height: 4px;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet b {
    height: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .main_home .section__5 .slide-container {
    flex-direction: column-reverse;
  }
  .main_home .section__5 .slide-container .left-slide {
    width: 100%;
    max-width:100%;
    height:320px;
  }
  .main_home .section__5 .slide-container .left-slide .logo-bx {
    gap: 7px;
  }
  .main_home .section__5 .slide-container .left-slide .logo-bx .icon-bx {
    border-radius: 6px;
  }
  .main_home .section__5 .slide-container .left-slide .logo-bx .icon-bx i {
    width: 20px !important;
    height: 20px !important;
  }
  .main_home .section__5 .slide-container .left-slide .swiper-controls {
    top: 24px;
    right: 24px;
    gap: 16px;
  }
  .main_home .section__5 .slide-container .right-slide {
    width: 100%;
    max-width:100%;
    min-width:auto;
    height:472px;
    aspect-ratio:unset;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .swiper-slide {
    height: 100%;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar {
    bottom: 24px;
    width: calc(100% - 48px);
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination {
    gap: 8px;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet {
    height: 3px;
    border-radius: 30px;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet i {
    height: 3px;
  }
  .main_home .section__5 .slide-container .right-slide .swiper-container .progress-bar .swiper-pagination .swiper-pagination-bullet b {
    height: 3px;
  }
}
@media screen and (max-width: 767px) {
  .main_home .section__5 .slide-container .left-slide  {
    height:335px;
  }

  .main_home .section__5 .slide-container .left-slide .swiper-controls {
    gap: 12px;
  }
  .main_home .section__5 .slide-container .right-slide {
    height: 335px;
  }
}
/* section__5 : E */
/* section__6 : S */
.main_home .section__6 {
  opacity: 0;
  transform:translateY(20px);
}
.main_home .section__6 .flex-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.main_home .section__6 .flex-container .flex-item {
  width: calc(50% - 10px);
}
.main_home .section__6 .flex-container .flex-item a {
  width: 100%;
}
.main_home .section__6 .flex-container .flex-item a h6 {
  transition: all 0.35s ease;
}
.main_home .section__6 .flex-container .flex-item a .arrow-elm {
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
}
.main_home .section__6 .flex-container .flex-item a .arrow-elm i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  transition: all 0.3s ease-in-out;
}
.main_home .section__6 .flex-container .flex-item a .arrow-elm::after {
  content: "";
  position: absolute;
  top: 200%;
  left: -100%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 14px;
  background: url("../../images/ic/ic-circle-outlink-b.svg") no-repeat center/contain;
  transition: all 0.3s ease-in-out;
}

@media screen and (min-width: 1025px) {
  .main_home .section__6 .flex-container .flex-item a:hover h6 {
    color: var(--black80);
  }
  .main_home .section__6 .flex-container .flex-item a:hover .arrow-elm::after {
    top: 50%;
    left: 50%;
  }
  .main_home .section__6 .flex-container .flex-item a:hover .arrow-elm i {
    top: -100%;
    left: 200%;
  }
}
@media screen and (max-width: 1599px) {
  .main_home .section__6 .flex-container {
    gap: 16px;
  }
  .main_home .section__6 .flex-container .flex-item {
    width: calc(50% - 8px);
  }
  .main_home .section__6 .flex-container .flex-item a .arrow-elm {
    width: 28px;
    height: 28px;
  }

  .main_home .section__6 .flex-container .flex-item a .arrow-elm i {
    width: 10px;
    height: 10px;
  }
  .main_home .section__6 .flex-container .flex-item a .arrow-elm::after {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .main_home .section__6 .flex-container {
    gap: 16px;
  }
  .main_home .section__6 .flex-container .flex-item {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main_home .section__6 .flex-container {
    gap: 12px;
  }
}
/* section__6 : E */
/* 
===================================================

                Main Home CSS : End

===================================================
*/
/* 
===================================================

                Main Intro CSS : Start

===================================================
*/
/* section__1 : S */
.main_intro .section__1 {
  position:relative;
  width: 100%;
  height: 100svh;
  overflow:hidden;
  margin-bottom: 100px;
}
.main_intro .section__1 .video-bx {
  width: 100%;
  height: 100%;
}
.main_intro .section__1 .video-bx .video-con {
  width: 100%;
  height: calc(100% + 2px);
}
.main_intro .section__1 .video-bx .video-con video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1599px) {
  .main_intro .section__1 {
    /* height: auto;
    aspect-ratio: 16/9; */
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .main_intro .section__1 {
    /* aspect-ratio: 3/4; */
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  .main_intro .section__1 {
    /* min-height: 635px; */
    /* aspect-ratio: 62/105; */
  }
}
/* section__1 : E */
/* section__2 : S */
.main_intro .section__2 .m-title h2 {
  opacity: 0;
  transform: translateY(20px);
}
.main_intro .section__2 .flex-cont {
  gap: 20px;
  transform: translateY(20px);
  opacity: 0;
}
.main_intro .section__2 .flex-cont .slide-area {
  width: 67.5%;
  overflow: hidden;
}
.main_intro .section__2 .flex-cont .slide-area .swiper-slide {
  /* height: 720px; */
  aspect-ratio: 972 / 720;
}
.main_intro .section__2 .flex-cont .slide-area .swiper-slide .video-cont {
  width: 100%;
  height: 100%;
}
.main_intro .section__2 .flex-cont .slide-area .swiper-slide .video-cont .video-bx {
  width: 100%;
  height: 100%;
}
.main_intro .section__2 .flex-cont .slide-area .swiper-slide .video-cont .video-bx video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main_intro .section__2 .flex-cont .slide-area .change-txt {
  display: none;
}
.main_intro .section__2 .flex-cont .text-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 32.5%;
  padding: 40px;
  border-radius: 20px;
  overflow: hidden;
}

.main_intro .section__2 .flex-cont .text-area .change-txt p {
  font-size:2rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.2px;
}

.main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
}
.main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet {
  position:relative;
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  height: auto;
  margin: 0;
  color: var(--balck100);
  font-size: 30px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.6px;
  border-radius: 0;
  background: none;
}
.main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet i {
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  width: 30px !important;
  height: 30px !important;
  transition:all 0.3s ease-in-out;
  opacity:0;
}
.main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet-active i {
  opacity:1;
}

.main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet span {
  display:inline-block;
  transition:all 0.3s ease-in-out;
}

.main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet-active span {
  transform:translateX(36px);
}

@media screen and (max-width: 1599px) {
  .main_intro .section__2 .flex-cont {
    gap: 16px;
  }
  .main_intro .section__2 .flex-cont .slide-area {
    width: 67.8%;
  }
  .main_intro .section__2 .flex-cont .slide-area .swiper-slide {
    /* height: 482px; */
    /* aspect-ratio: 624 / 482; */
    width:100%;
    aspect-ratio: 1008 / 710;

  }
  .main_intro .section__2 .flex-cont .text-area {
    width: 32.2%;
    padding: 30px;
    border-radius: 16px;
  }

  .main_intro .section__2 .flex-cont .text-area .change-txt p {
    font-size:1.8rem;
    letter-spacing:-0.18px;
  }

  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination {
    gap: 4px;
  }
  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet {
    gap: 4px;
    font-size: 24px;
    line-height: 1.44;
    letter-spacing: -0.48px;
  }

  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet i {
    width: 24px !important;
    height: 24px !important;
  }
  
  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet-active span {
    transform:translateX(28px);
  }
}
@media screen and (max-width: 1023px) {
  .main_intro .section__2 .flex-cont {
    flex-direction: column;
    gap: 0;
    border-radius: 16px;
    overflow: hidden;
  }
  .main_intro .section__2 .flex-cont .slide-area {
    width: 100%;
    border-radius: 0;
  }
  .main_intro .section__2 .flex-cont .slide-area .swiper-container {
    position: relative;
  }
  .main_intro .section__2 .flex-cont .slide-area .swiper-slide {
    position: relative;
    /* height: 400px; */
    aspect-ratio: 704 / 400;
    overflow: hidden;
  }
  /* .main_intro .section__2 .flex-cont .slide-area .swiper-slide::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1252px;
    aspect-ratio: 167/297;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.7%, rgba(0, 0, 0, 0.7) 69.17%), linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  } */
  .main_intro .section__2 .flex-cont .slide-area .change-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 12;
    display: block;
    padding: 24px;
  }
  .main_intro .section__2 .flex-cont .slide-area .change-txt p {
    color: var(--white100);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.15px;
  }
  .main_intro .section__2 .flex-cont .text-area {
    width: 100%;
    padding: 24px;
    border-radius: 0;
  }
  .main_intro .section__2 .flex-cont .text-area .change-txt {
    display: none;
  }
  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination {
    gap: 6px;
  }

  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet i {
    width: 20px !important;
    height: 20px !important;
  }
  
  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet-active span {
    transform:translateX(24px);
  }

}
@media screen and (max-width: 767px) {
  .main_intro .section__2 .flex-cont {
    flex-direction: column;
    gap: 0;
    border-radius: 16px;
    overflow: hidden;
  }
  .main_intro .section__2 .flex-cont .slide-area {
    width: 100%;
    border-radius: 0;
  }
  .main_intro .section__2 .flex-cont .slide-area .swiper-slide {
    /* height: 374px; */
    aspect-ratio: 335 / 374;
  }
  .main_intro .section__2 .flex-cont .slide-area .change-txt p {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .main_intro .section__2 .flex-cont .text-area {
    width: 100%;
    border-radius: 0;
  }
  .main_intro .section__2 .flex-cont .text-area .change-txt {
    display: none;
  }
  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination {
    gap: 6px;
  }
  .main_intro .section__2 .flex-cont .text-area .swiper-bullet .swiper-pagination .swiper-pagination-bullet {
    gap: 4px;
    font-size: 20px;
    letter-spacing: -0.4px;
  }
}
/* section__2 : E */
/* section__3 : S */
.main_intro .section__3 .m-title h2 {
  opacity: 0;
  transform: translateY(20px);
}
.main_intro .section__3 .slide-container {
  opacity: 0;
  transform: translateY(20px);
}

.main_intro .section__3 .swiper-slide {
  /* height:320px; */
  aspect-ratio:466 /320;
}
.main_intro .section__3 .swiper-slide:last-child {
  margin-right:0 !important;
}

.main_intro .section__3 .swiper-slide a {
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  width:100%;
  height:100%;
  border-radius:24px;
  overflow:hidden;
}

.main_intro .section__3 .swiper-slide a .slide-img-wrap {
  width:100%;
  height:100%;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.main_intro .section__3 .swiper-slide a .slide-img-wrap::before ,
.main_intro .section__3 .swiper-slide a .slide-img-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius:24px;
  z-index: 333;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.main_intro .section__3 .swiper-slide a .slide-img-wrap::after ,
.main_intro .section__3 .swiper-slide a .slide-img-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 solid var(--white100);
  border-radius: 24px;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.main_intro .section__3 .swiper-slide a .slide-img-wrap img {
  width:100%;
  height:100%;
  object-fit:cover;
  aspect-ratio:466 / 320;
}

.main_intro .section__3 .swiper-slide a .slide-text-wrap {
  position:absolute;
  bottom:40px;
  left:0;
  z-index:3;
  width:100%;
  padding:0 40px;
}
.main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-title-bx {
  margin-bottom:16px;
}

.main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-title-bx:last-child {
  margin-bottom:0;
}

.main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-title-bx h3 {
  color:var(--black100);
  font-size:2.2rem;
  font-weight:700;
  line-height:1.44;
  letter-spacing:-0.44px;
}

.main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-name-bx p {
  color:var(--black100);
  font-size:1.6rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.16px;
}

@media screen and (min-width:1025px) {
  .main_intro .section__3 .swiper-slide a:hover .slide-img-wrap::before ,
  .main_intro .section__3 .swiper-slide a:hover .slide-img-wrap::before {
    border:4px solid var(--white100);
  }
  
  .main_intro .section__3 .swiper-slide a:hover .slide-img-wrap::after ,
  .main_intro .section__3 .swiper-slide a:hover .slide-img-wrap::after {
    border:4px solid var(--white100);
  }
}

@media screen and (max-width:1599px) {
  .main_intro .section__3 .swiper-slide {
    /* height:319px; */
  }

  .main_intro .section__3 .swiper-slide a {
    /* padding:30px; */
    border-radius:16px;
  }

  .main_intro .section__3 .swiper-slide a .slide-img-wrap img {
    aspect-ratio:466 / 319;
  }

  .main_intro .section__3 .swiper-slide a .slide-img-wrap::before ,
  .main_intro .section__3 .swiper-slide a .slide-img-wrap::before {
    border-radius:16px;
  }
  
  .main_intro .section__3 .swiper-slide a .slide-img-wrap::after ,
  .main_intro .section__3 .swiper-slide a .slide-img-wrap::after {
    border-radius: 16px;
  }
  
  .main_intro .section__3 .swiper-slide a .slide-text-wrap {
    bottom:30px;
    padding:0 30px;
  }

  .main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-title-bx {
    margin-bottom:8px;
  }

  .main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-title-bx h3 {
    font-size:1.8rem;
    letter-spacing:-0.18px;
  }
  
  .main_intro .section__3 .swiper-slide a .slide-text-wrap .slide-name-bx p {
    font-size:1.4rem;
    letter-spacing:-0.14px;
  }
}

@media screen and (max-width:1023px) {
  .main_intro .section__3 {
    padding-bottom:100px;
  }

  .main_intro .section__3 .slide-container {
    padding-left:0;
    padding-right:0;
  }

  .main_intro .section__3 .slide-container .swiper-container {
    padding-left: calc(var(--gutter) * 2);
    padding-right: calc(var(--gutter) * 2);
  }

  .main_intro .section__3 .swiper-slide {
    width:295px !important;
    height:295px;
  }
  
  .main_intro .section__3 .swiper-slide a {
    border-radius:15px;
  }
  
  .main_intro .section__3 .swiper-slide a .slide-img-wrap img {
    aspect-ratio:295 / 295;
  }

  .main_intro .section__3 .swiper-slide a .slide-text-wrap {
    bottom:24px;
    padding:0 24px;
  }

}

@media screen and (max-width:767px) {
  .main_intro .section__3 {
    padding-bottom:65px;
  }

  .main_intro .section__3 .slide-container .swiper-container {
    padding-left: calc(var(--gutter) * 2 - 4px);
    padding-right: calc(var(--gutter) * 2 - 4px);
  }
}

/* section__3 : E */
/* section__4 : S */
.main_intro .section__4 .m-title h2 {
  transform: translateY(20px);
  opacity: 0;
}
.main_intro .section__4 > .container {
  transform: translateY(20px);
  opacity: 0;
}
.main_intro .section__4 > .container .swiper-container {
  overflow: hidden;
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 20px;
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide {
  flex-shrink: 1;
  flex: 0 0 calc(50% - 10px);
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a {
  display: inline-flex;
  width: 100%;
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .img-area {
  position: relative;
  width: 258px;
  margin-right: 40px;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .img-area figure {
  width: 100%;
  height: 100%;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area {
  width: calc(100% - 298px);
  padding-right: 40px;
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-title {
  color: var(--black100);
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.44px;
  transition: all 0.4s ease-in-out;
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-desc {
  margin: 8px 0 20px 0;
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-date {
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}

@media screen and (min-width: 1025px) {
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a:hover .img-area {
    transform: scale(0.98);
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a:hover .img-area figure {
    transform: scale(1.02);
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-area .news-title {
    color: var(--black80);
  }
}
@media screen and (max-width: 1599px) {
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper {
    gap: 40px 36px;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(50% - 18px);
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .img-area {
    width:176px;
    height:118px;
    aspect-ratio: 176 / 118;
    margin-right: 24px;
    border-radius: 12px;
  }

  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .img-area img {
    width:100%;
    height:100%;
  }

  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area {
    width: calc(100% - 200px);
    padding-right: 0;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-title {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-desc {
    margin: 8px 0 20px 0;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-date {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}
@media screen and (max-width: 1023px) {
  .main_intro .section__4 {
    overflow: hidden;
  }
  .main_intro .section__4 > .container .swiper-container {
    overflow: visible;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    flex: none;
    width:295px !important;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .img-area {
    display: inline-block;
    width: 100%;
    height:auto;
    margin-right: 0;
    margin-bottom: 20px;
    border-radius: 0;
    aspect-ratio: 295 / 196;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .img-area img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area {
    width: 100%;
    max-width:270px;
    padding-right: 0;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-title {
    margin-bottom: 14px;
    letter-spacing: -0.18px;
  }
  .main_intro .section__4 > .container .swiper-container .swiper-wrapper .swiper-slide a .txt-area .news-desc {
    display: none;
  }
}
/* section__4 : E */
/* section__5 : S */
.main_intro .section__5 {
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
}

.main_intro .section__5 .container .swiper-container {
  width: auto !important;
  overflow:visible;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper {
  width: auto !important;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  width: auto !important;
  flex-shrink: 0;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .swiper-slide::after {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 1px;
  background: var(--black30);
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .year-bx {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 47px;
  border-radius: 100px;
  background: var(--black100);
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .year-bx h3 {
  padding: 8px 16px;
  color: var(--white100);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item {
  width: 355px;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item:last-child {
  padding-right: 20px;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li:last-child {
  margin: 0;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li .month-num {
  width: 36px;
  margin-right: 20px;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li .month-desc {
  width: calc(100% - 56px);
  max-width:260px;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li .month-desc p {
  margin-bottom: 9px;
}
.main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li .month-desc p:last-child {
  margin: 0;
}
.main_intro .section__5 .swiper-controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
.main_intro .section__5 .swiper-controls button {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: auto;
  height: auto;
  margin: 0;
}
.main_intro .section__5 .swiper-controls button::after {
  display: none;
}

@media screen and (max-width: 1599px) {
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .swiper-slide::after {
    top: 20px;
  }
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .year-bx {
    margin-bottom: 30px;
  }
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .year-bx h3 {
    padding: 8px 14px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -0.16px;
  }
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont {
    gap:0;
  }
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item {
    width: 304px;
  }
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li .month-num {
    width: 36px;
    margin-right: 8px;
  }
  .main_intro .section__5 .container .swiper-container .swiper-wrapper .history-cont .history-item li .month-desc {
    width: calc(100% - 44px);
    max-width:240px;
  }
  .main_intro .section__5 .swiper-controls {
    gap: 16px;
  }
  .main_intro .section__5 .swiper-controls button i {
    width: 24px !important;
    height: 24px !important;
  }
}

@media screen and (max-width: 1023px) {
  .main_intro .section__5 .swiper-controls {
    display:none;    
  }
}
/* section__5 : E */
/* section__6 : S */
.main_intro .section__6 {
  opacity: 0;
  transform: translateY(20px);
}
.main_intro .section__6 .flex-cont {
  overflow: hidden;
}
.main_intro .section__6 .flex-cont .left-area {
  width: 59.166%;
  height: 600px;
}
.main_intro .section__6 .flex-cont .left-area .img-cont {
  width: 100%;
  height: 100%;
}
.main_intro .section__6 .flex-cont .right-area {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40.834%;
}
.main_intro .section__6 .flex-cont .right-area .info-bx .info-item {
  padding: 18px 0;
  border-bottom: 1px solid var(--black30);
}
.main_intro .section__6 .flex-cont .right-area .info-bx .info-item:first-child {
  padding: 0 0 18px 0;
}
.main_intro .section__6 .flex-cont .right-area .info-bx .info-item:last-child {
  padding: 18px 0 0 0;
  border-bottom: none;
}
.main_intro .section__6 .flex-cont .right-area .info-bx .info-item h6 {
  margin-bottom: 6px;
}
.main_intro .section__6 .flex-cont .right-area .info-bx .info-item p {
  margin-bottom: 2px;
}
.main_intro .section__6 .flex-cont .right-area .info-bx .info-item p:last-child {
  margin: 0;
}

@media screen and (max-width: 1599px) {
  .main_intro .section__6 .flex-cont .left-area {
    /* width: 49.15%; */
    width:calc(100% - 480px);
    height: 464px;
  }
  .main_intro .section__6 .flex-cont .right-area {
    /* width: 50.85%; */
    width:480px;
  }
  .main_intro .section__6 .flex-cont .right-area .logo-bx {
    max-width: 106px;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item {
    padding: 18px 0 14px 0;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item:first-child {
    padding: 0 0 14px 0;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item:last-child {
    padding: 18px 0 0 0;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item h6 {
    margin-bottom: 2px;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item p {
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .main_intro .section__6 .flex-cont {
    flex-direction: column;
  }
  .main_intro .section__6 .flex-cont .left-area {
    width: 100%;
    height: 496px;
  }
  .main_intro .section__6 .flex-cont .right-area {
    width: 100%;
  }
  .main_intro .section__6 .flex-cont .right-area .logo-bx {
    max-width: 110px;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item {
    padding: 20px 0 14px 0;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item:first-child {
    padding: 0 0 14px 0;
  }
  .main_intro .section__6 .flex-cont .right-area .info-bx .info-item:last-child {
    padding: 20px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .main_intro .section__6 .flex-cont .left-area {
    height: 336px;
  }
}
/* section__6 : E */
/* 
===================================================

                Main Intro CSS : End

===================================================
*/
/* 
===================================================

                Main Service CSS : Start

===================================================
*/
/* section__1 : S */
.main_service {
  padding-top: 162px;
}
.main_service .swiper-controls {
  display: flex;
  align-items: center;
  gap: 20px;
}
.main_service .swiper-controls button {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
}
.main_service .swiper-controls button::after {
  display: none;
}
.main_service .service-title {
  margin-bottom: 60px;
}
.main_service .service-title h1 {
  opacity: 0;
  transform: translateY(20px);
  color: var(--black100);
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -1.2px;
}
.main_service .sticky-title-bar-wrap {
  position: sticky;
  top: 40px;
  z-index: 33;
  transition: all 0.5s ease-in-out;
}
.main_service .sticky-title-bar-wrap.active-buster {
  top: 92px;
}
.main_service .sticky-title-bar-wrap .sticky-title-bar {
  position: relative;
  display: inline-block;
  width: auto;
  margin: 0 auto;
  padding: 6px 6px;
  border-radius: 30px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
}
.main_service .sticky-title-bar-wrap .sticky-title-bar .highlight-box {
  position: absolute;
  top: 50%;
  left:6px;
  transform: translateY(-50%);
  width: 59px;
  height: 39px;
  border-radius: 30px;
  background: var(--black100);
  transition: left 0.5s ease;
}
.main_service .sticky-title-bar-wrap .sticky-title-bar ul {
  position: relative;
  z-index: 3;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.main_service .sticky-title-bar-wrap .sticky-title-bar ul li a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px 22px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.16px;
  border-radius: 50px;
  transition: all 0.5s ease;
}
.main_service .sticky-title-bar-wrap .sticky-title-bar ul li a.on {
  color: var(--white100);
}

@media screen and (max-width: 1599px) {
  .main_service {
    padding-top: 142px;
  }
  .main_service .swiper-controls button i {
    width: 24px !important;
    height: 24px !important;
  }
  .main_service .service-title {
    margin-bottom: 40px;
  }
  .main_service .service-title h1 {
    font-size: 4.2rem;
    letter-spacing: -0.84px;
  }
  .main_service .sticky-title-bar-wrap {
    top: 30px;
  }
  .main_service .sticky-title-bar-wrap.active-buster {
    top: 92px;
  }
}
@media screen and (max-width: 1023px) {
  .main_service {
    padding-top: 106px;
  }
  .main_service .swiper-controls {
    display: none;
  }

  .main_service .service-title {
    margin-bottom: 30px;
  }

  .main_service .service-title h1 {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
  }
  .main_service .sticky-title-bar-wrap {
    top: 30px;
  }
  .main_service .sticky-title-bar-wrap.active-buster {
    top: 92px;
  }
  .main_service .sticky-title-bar-wrap .sticky-title-bar {
    padding: 6px 6px;
  }
  .main_service .sticky-title-bar-wrap .sticky-title-bar .highlight-box {
    width: 36px;
    height: 34px;
  }
  .main_service .sticky-title-bar-wrap .sticky-title-bar ul {
    gap: 4px;
  }
  .main_service .sticky-title-bar-wrap .sticky-title-bar ul li a {
    min-height: 34px;
    padding: 7px 12px;
    font-size: 1.3rem;
    letter-spacing: -0.13px;
  }
}
/* section__2 ~ 5 : S */
.main_service .section__2 {
  /* margin-top: 50px; */
}

.main_service .section__2,
.main_service .section__3,
.main_service .section__4 {
  overflow: hidden;
}
.main_service .section__2 .m-title,
.main_service .section__3 .m-title,
.main_service .section__4 .m-title {
  opacity: 0;
  transform: translateY(20px);
}
.main_service .section__2 .slide-container,
.main_service .section__3 .slide-container,
.main_service .section__4 .slide-container {
  opacity: 0;
  transform: translateY(20px);
}
.main_service .section__2 .slide-container .swiper-container,
.main_service .section__3 .slide-container .swiper-container,
.main_service .section__4 .slide-container .swiper-container {
  padding: 0 20px 0 calc((100vw - 1455px) / 2);
  margin-bottom: 60px;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  position:relative;
  width:953px;
  height: 600px;
  overflow: hidden;
}

/* .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  padding: 40px;
  border-radius: 20px;
} */

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a {
  position: relative;
  display: inline-flex;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 40px;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  border-radius: 20px;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a::before ,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a::before ,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 333;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .video-bx ,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .video-bx,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .video-bx {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  z-index: 3;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
  top:calc(50% - 30px);
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
  top:calc(50% - 30px);
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
  top:calc(50% - 25px);
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(4) a .video-bx {
  top:calc(50% - 30px);
}

.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
  top:calc(50% - 21px);
}
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
  top:calc(50% - 20.5px);
}
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
  top:calc(50% - 20px);
}

.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
  top:calc(50% - 25.5px);
}
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
  top:calc(50% - 17px);
}
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
  top:calc(50% - 17px);
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius:20px;
  z-index: 1;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  outline: 0 solid var(--white100);
  overflow:hidden;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg::before ,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg::before ,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius:20px;
  z-index: 333;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg::after ,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg::after ,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 solid var(--white100);
  border-radius: 20px;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
  position: relative;
  z-index: 3;
  transition: all 0.4s ease-in-out;
  pointer-events: none;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5 {
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
  opacity: 0.8;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon {
  position: relative;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  overflow: hidden;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after {
  content: "";
  position: absolute;
  top: 150%;
  left: -150%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: url("../../images/ic/ic-circle-outlink-w.svg") no-repeat center/contain;
  transition: all 0.4s ease;
}
.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i,
.main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i,
.main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  transition: all 0.4s ease;
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i {
  background:var(--black100);
}

.main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after {
  background: url("../../images/ic/ic-circle-outlink-b-sm.svg") no-repeat center/contain;
}

.main_service .section__5 {
  overflow: hidden;
}
.main_service .section__5 .m-title {
  opacity: 0;
  transform: translateY(20px);
}
.main_service .section__5 .slide-container {
  opacity: 0;
  transform: translateY(20px);
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  gap: 20px;
  flex-shrink: 0;
  flex: 0 0 100%;
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .img-area {
  width: calc(50% - 10px);
  height: 500px;
  border-radius: 20px;
  overflow: hidden;
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .img-area .img-cont {
  width: 100%;
  height: 100%;
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area {
  width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  height: 500px;
  padding: 40px;
  border-radius: 20px;
  overflow: hidden;
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area h4 {
  color: var(--black100);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
}
.main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area p {
  color: var(--black80);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}

/* hover : S */
@media screen and (min-width: 1025px) {
  /* .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide  */
  /* .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide { */
    /* transform: scale(0.99); */
  /* } */

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover::before ,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover::before ,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover::before {
    border: 4px solid var(--white100);
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover ,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover ,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover {
    outline: 4px solid var(--white100);
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover::before ,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover::before ,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover::before {
    border: 4px solid var(--white100);
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover::after ,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover::after , 
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg:hover::after {
    border: 4px solid var(--white100);
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .arrow-icon::after,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .arrow-icon::after,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .arrow-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .arrow-icon i,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .arrow-icon i,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .arrow-icon i {
    position: absolute;
    top: -150%;
    left: 200%;
  }
}
/* hover : E */

@media screen and (max-width: 1599px) {
  .main_service .section__2 {
    /* margin-top: 40px; */
  }
  
  .main_service .section__2 .slide-container .swiper-container,
  .main_service .section__3 .slide-container .swiper-container,
  .main_service .section__4 .slide-container .swiper-container {
    margin-bottom: 40px;
    padding: 0 40px 0 calc(var(--gutter) * 3 - 8px);
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    width:788px;
    height:504px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a ,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a {
    padding: 30px 36px;
    border-radius: 16px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .slide-bg {
    /* border-radius: 16px; */
  }


  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
    top:calc(50% - 30px);
    width:244px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
    top:calc(50% - 30px);
    width:342px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
    top:calc(50% - 30px);
    width:342px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(4) a .video-bx {
    top:calc(50% - 30px);
    width:324px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5 {
    margin-bottom: 8px;
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont {
    gap: 8px;
    margin-bottom: 8px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper {
    gap: 16px;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    gap: 16px;
    flex: 0 0 100%;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .img-area {
    width: calc(50% - 8px);
    height: 400px;
    border-radius: 16px;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area {
    width: calc(50% - 8px);
    padding: 30px;
    height: 400px;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area h4 {
    font-size: 2.8rem;
    letter-spacing: -0.56px;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}

@media screen and (max-width: 1023px) {
  .main_service .section__2 {
    margin-top: 25px;
  }

  .main_service .section__2 .slide-container .swiper-container,
  .main_service .section__3 .slide-container .swiper-container,
  .main_service .section__4 .slide-container .swiper-container {
    margin-bottom:0;
    padding: 0 32px 0 calc(var(--gutter) * 2);
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    width: 305px;
    height: 460px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a {
    padding: 24px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
    top:calc(50% - 30px);
    width:186px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
    top:calc(50% - 30px);
    width:247px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
    top:calc(50% - 30px);
    width:239px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(4) a .video-bx {
    top:calc(50% - 30px);
    width:225px;
  }

  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
    top:calc(50% - 29px);
    width:234.5px;

  }
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
    top:calc(50% - 29px);
    width:241.5px;
  }
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
    top:calc(50% - 29.5px);
    width:133px;
  }
  
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(1) a .video-bx {
    top:calc(50% - 33.5px);
    width:234.5px;
  }
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2) a .video-bx {
    top:calc(50% - 30.5px);
    width:203px;
  }
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide:nth-child(3) a .video-bx {
    top:calc(50% - 29px);
    width:209.5px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5 {
    margin-bottom: 8px;
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h5.flex-cont {
    gap: 5px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }

  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p br , 
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx p br {
    display:none;  
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon {
    width: 24px;
    height: 24px;
  }

  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon::after {
    width: 8px;
    height: 8px;
  }
  .main_service .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i,
  .main_service .section__3 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i,
  .main_service .section__4 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .arrow-icon i {
    width: 8px;
    height: 8px;
  }

  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper {
    flex-direction: row;
    gap: 16px;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    flex-direction: column;
    gap: 0;
    flex: 0 0 calc(50% - 8px);
    width: auto;
    height: auto;
    border-radius: 16px;
    background:var(--black15);
    overflow: hidden;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .img-area {
    width: 100%;
    height: 344px;
    border-radius: 0;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area {
    width: 100%;
    height: auto;
    padding: 24px 24px 26px 24px;
    border-radius: 0;
    background:none !important;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area h4 {
    margin-bottom: 32px;
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area p {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}

@media screen and (max-width: 767px) {
  .main_service .section__2 .slide-container .swiper-container,
  .main_service .section__3 .slide-container .swiper-container,
  .main_service .section__4 .slide-container .swiper-container {
    padding: 0 20px 0 calc(var(--gutter) * 2 - 4px);
  }
  
  .main_service .section__5 .slide-container {
    padding-left:0;
    padding-right:0;
  }
  
  .main_service .section__5 .slide-container .swiper-container {
    padding-left:20px;
    padding-right:20px;
  }

  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper {
    gap: 0;
  }
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    flex-shrink: 1;
    flex: none;
  }
  
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide:last-child {
    margin-right:0 !important;
  }

  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .img-area {
    height: 305px;
  }
  
  .main_service .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .txt-area {
    min-height:237px;
  }
}
/* section__2 ~ 5 : E */

/* section__6 : S */
.main_service .section__6 {
  opacity: 0;
  transform: translateY(20px);
}
.main_service .section__6 .flex-cont .m-title {
  width: 25.35%;
}
.main_service .section__6 .flex-cont .accordion-wrap {
  width: 74.65%;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item {
  margin-bottom: 30px;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item:last-child {
  margin: 0;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  cursor: pointer;
  border-bottom: 1px solid var(--black30);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-title {
  color: var(--black100);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-ic {
  position: relative;
  width: 30px;
  height: 30px;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-ic span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 22px;
  height: 3px;
  border-radius: 12px;
  background: var(--black100);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-ic span:nth-child(1) {
  transform: translate(-50%, -50%);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-ic span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(90deg);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn.active .accordion-ic span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(-180deg);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn.active .accordion-ic span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(180deg);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm {
  display: none;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px 0 40px 0;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li {
  width: calc(33.333% - 13.333px);
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a {
  display: inline-flex;
  align-items: center;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a .accordion-icon {
  width: 36px;
  margin-right: 20px;
}
.main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a .accordion-name {
  width: calc(100% - 56px);
  color: var(--black100);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.2px;
  transition: all 0.35s ease;
}

/* hover : S */
@media screen and (min-width: 1025px) {
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a:hover .accordion-name {
    color: var(--black80);
  }
}
/* hover : E */
@media screen and (max-width: 1599px) {
  .main_service .section__6 .flex-cont .m-title {
    width: 30.35%;
  }
  .main_service .section__6 .flex-cont .accordion-wrap {
    width: 69.65%;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item {
    margin-bottom: 20px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn {
    padding: 16px 0;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-title {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-ic {
    width: 24px;
    height: 24px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-ic span {
    width: 15px;
    height: 2px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content {
    justify-content: space-between;
    padding: 30px 4px 20px 4px;
  }

  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li {
    width:304px;
  }

  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a .accordion-icon {
    width: 28px;
    margin-right: 12px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a .accordion-name {
    width: calc(100% - 40px);
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1023px) {
  .main_service .section__6 .flex-cont {
    flex-direction: column;
  }
  .main_service .section__6 .flex-cont .m-title {
    width: 100%;
  }
  .main_service .section__6 .flex-cont .accordion-wrap {
    width: 100%;
  }

  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item {
    margin-bottom: 12px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn {
    gap: 10px;
    padding: 16px 0;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-btn .accordion-title {
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content {
    gap: 16px;
    padding: 12px 4px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li {
    width: calc(50% - 8px);
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a .accordion-icon {
    width: 24px;
    margin-right: 10px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a .accordion-name {
    width: calc(100% - 34px);
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}
@media screen and (max-width: 767px) {
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item {
    margin-bottom: 12.5px;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content {
    gap: 0;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 12px 0;
  }
  .main_service .section__6 .flex-cont .accordion-wrap .accordion-item .accordion-elm .accordion-content li a {
    width: 100%;
  }
}
/* section__6 : E */
/* 
===================================================

                Main Service CSS : End

===================================================
*/
/* 
==================================================

                Sub CSS :

===================================================
*/
/* Sub 공통 비주얼 */
.sub .section__1 {
  /* margin-bottom:150px; */
}
.sub .section__1 .sub-visual-wrap {
  position:relative;
  z-index:555;
  width: 100%;
  height: 316px;
  padding: 182px 0 60px 0;
}
.sub .section__1 .sub-visual-title {
  color: var(--black100);
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -1.2px;
}
.sub .sub-nav-btn {
  display: inline-flex;
  gap: 10px;
  padding: 16px 0;
  position: relative;
  z-index: 333;
}
.sub .sub-nav-btn.active {
  transform: translateY(100px);
}
.sub .sub-nav-btn a {
  color: var(--black100);
  padding: 8px 17px;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.16px;
  border-radius: 30px;
  transition: all 0.35s ease;
}
.sub .sub-nav-btn a.on {
  color: var(--white100);
  background: var(--black100);
}
.sub .section__2 {
  padding-top: 100px;
}

.sub .sub-nav-btn .flex-cont i {
  margin:1px 0 0 0;
}

/* 서브 공통 타이틀 */
.sub-headline-title {
  margin-bottom: 30px;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -0.8px;
  word-break: keep-all;
}
.sub-headline-title:last-child {
  margin: 0;
}

.sub-headline-desc {
  color: var(--black60);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.2px;
}

@media screen and (max-width: 1599px) {
  .sub .section__1 {
    /* margin-bottom:120px; */
  }
  .sub .section__1 .sub-visual-wrap {
    height: 254px;
    padding: 162px 0 40px 0;
  }
  .sub .section__1 .sub-visual-title {
    font-size: 4.2rem;
    letter-spacing: -0.84px;
  }
  .sub .section__2 {
    padding-top: 80px;
  }
  .sub-headline-title {
    margin-bottom: 24px;
    font-size: 3.2rem;
    letter-spacing: -0.64px;
  }
  .sub-headline-title:last-child {
    margin: 0;
  }
  .sub-headline-desc {
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1023px) {
  .sub .section__1 {
    /* margin-bottom:75px; */
  }
  .sub .section__1 .sub-visual-wrap {
    height: 198px;
    padding: 116px 0 40px 0;
  }
  .sub .section__1 .container.overflow-x {
    display: flex;
    padding-right: 32px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .sub .section__1 .container.overflow-x::-webkit-scrollbar {
    display: none;
    width: 6px;
    height: 6px;
  }
  .sub .section__1 .container.overflow-x::-webkit-scrollbar-track {
    background: transparent;
  }
  .sub .section__1 .container.overflow-x::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
  }
  .sub .section__1 .container.overflow-x .sub-nav-btn {
    flex-shrink: 0;
  }
  .sub .section__1 .sub-visual-title {
    font-size: 3.2rem;
    letter-spacing: -0.64px;
    line-height: 1.3;
  }
  .sub .sub-nav-btn {
    gap: 2px;
    padding: 10px 0;
  }
  .sub .sub-nav-btn a {
    padding: 8px 17px;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub .section__2 {
    padding-top: 50px;
  }
  .sub-headline-title {
    margin-bottom: 20px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
  }
  .sub-headline-title:last-child {
    margin: 0;
  }
  .sub-headline-desc {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 767px) {
  .sub .section__1 .container.overflow-x-500 {
    display: flex;
    padding-right: 20px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .sub .section__1 .container.overflow-x-500 .sub-nav-btn {
    flex-shrink: 0;
  }
  .sub .section__1 .overflow-x-500 {
    /* 스크롤 트랙 (배경) */
    /* 스크롤 핸들(움직이는 막대) */
  }
  .sub .section__1 .overflow-x-500::-webkit-scrollbar {
    display:none;
    width: 6px;
    height: 6px;
  }
  .sub .section__1 .overflow-x-500::-webkit-scrollbar-track {
    background: transparent;
  }
  .sub .section__1 .overflow-x-500::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 4px;
  }
  .sub .section__1 .sub-visual-wrap {
    height: auto;
    padding: 126px 0 40px 0;
  }
  .sub-headline-title {
    margin-bottom: 20px;
    font-size: 2.8rem;
    letter-spacing: -0.56px;
  }
  .sub-headline-title:last-child {
    margin: 0;
  }
  .sub-headline-desc {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
/* 윤리경영 */
/* .sub_ethical .section__2 { */
  /* opacity: 0; */
  /* transform: translateY(20px); */
/* } */
.sub_ethical .section__2 .title-area {
  width: 100%;
  border-bottom: 1px solid var(--black30);
}

/* .sub_ethical .section__3.section__cont,
.sub_ethical .section__4.section__cont {
  opacity: 0;
  transform: translateY(20px);
} */
.sub_ethical .section__3 .ethical-title,
.sub_ethical .section__4 .ethical-title {
  margin-bottom: 40px;
}
.sub_ethical .section__3 .ethical-title h3,
.sub_ethical .section__4 .ethical-title h3 {
  color: var(--black100);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
}
.sub_ethical .section__3 ul li,
.sub_ethical .section__4 ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 34px 0;
  border-bottom: 1px solid var(--black30);
}
.sub_ethical .section__3 ul li:last-child,
.sub_ethical .section__4 ul li:last-child {
  border-bottom: none;
}
.sub_ethical .section__3 ul li .ethical-num,
.sub_ethical .section__4 ul li .ethical-num {
  display: flex;
  align-items: center;
  width: 325px;
  margin-right: 40px;
}
.sub_ethical .section__3 ul li .ethical-num h4,
.sub_ethical .section__4 ul li .ethical-num h4 {
  color: var(--black100);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.sub_ethical .section__3 ul li .ethical-num h4:first-child,
.sub_ethical .section__4 ul li .ethical-num h4:first-child {
  width: 26px;
  margin-right: 20px;
}
.sub_ethical .section__3 ul li .ethical-num h4:last-child,
.sub_ethical .section__4 ul li .ethical-num h4:last-child {
  width: calc(100% - 46px);
}
.sub_ethical .section__3 ul li .ethical-desc,
.sub_ethical .section__4 ul li .ethical-desc {
  width: calc(100% - 365px);
}

.sub_ethical .section__3 ul li .ethical-desc strong,
.sub_ethical .section__4 ul li .ethical-desc strong {
  font-weight:700;
}

.sub_ethical .section__3 ul li .ethical-desc a,
.sub_ethical .section__4 ul li .ethical-desc a {
  display: inline-block;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.sub_ethical .section__3 ul li .ethical-desc a, .sub_ethical .section__3 ul li .ethical-desc p,
.sub_ethical .section__4 ul li .ethical-desc a,
.sub_ethical .section__4 ul li .ethical-desc p {
  margin-bottom: 20px;
  color: var(--black80);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.2px;
  word-break: keep-all;
}
.sub_ethical .section__3 ul li .ethical-desc a.mb10, .sub_ethical .section__3 ul li .ethical-desc p.mb10,
.sub_ethical .section__4 ul li .ethical-desc a.mb10,
.sub_ethical .section__4 ul li .ethical-desc p.mb10 {
  margin-bottom: 10px;
}
.sub_ethical .section__3 ul li .ethical-desc a:last-child, .sub_ethical .section__3 ul li .ethical-desc p:last-child,
.sub_ethical .section__4 ul li .ethical-desc a:last-child,
.sub_ethical .section__4 ul li .ethical-desc p:last-child {
  margin-bottom: 0;
}
.sub_ethical .section__3 ul li .ethical-desc .span-text,
.sub_ethical .section__4 ul li .ethical-desc .span-text {
  margin-bottom: 20px;
  padding-left: 24px;
}
.sub_ethical .section__3 ul li .ethical-desc .span-text span,
.sub_ethical .section__4 ul li .ethical-desc .span-text span {
  padding-left: 22px;
  text-indent: -22px;
}
.sub_ethical .section__3 ul li .qr-code-bx,
.sub_ethical .section__4 ul li .qr-code-bx {
  position: absolute;
  top: 34px;
  right: 0;
}
.sub_ethical .section__3 .reception-link,
.sub_ethical .section__4 .reception-link {
  margin-top: 24px;
}
.sub_ethical .section__3 .reception-link span,
.sub_ethical .section__4 .reception-link span {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 9px 10px;
  border-radius: 50%;
  background: var(--black80);
}
.sub_ethical .section__3 .reception-link h6,
.sub_ethical .section__4 .reception-link h6 {
  width: calc(100% - 24px);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_ethical .section__3 .reception-link h6 a,
.sub_ethical .section__4 .reception-link h6 a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media screen and (max-width: 1599px) {
  .sub_ethical .section__3 .ethical-title,
  .sub_ethical .section__4 .ethical-title {
    margin-bottom: 30px;
  }
  .sub_ethical .section__3 .ethical-title h3,
  .sub_ethical .section__4 .ethical-title h3 {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
  }
  .sub_ethical .section__3 ul li,
  .sub_ethical .section__4 ul li {
    padding: 30px 0;
  }
  .sub_ethical .section__3 ul li .ethical-num,
  .sub_ethical .section__4 ul li .ethical-num {
    width: 254px;
    margin-right: 30px;
  }
  .sub_ethical .section__3 ul li .ethical-num h4,
  .sub_ethical .section__4 ul li .ethical-num h4 {
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .sub_ethical .section__3 ul li .ethical-num h4:first-child,
  .sub_ethical .section__4 ul li .ethical-num h4:first-child {
    margin-right: 16px;
  }
  .sub_ethical .section__3 ul li .ethical-num h4:last-child,
  .sub_ethical .section__4 ul li .ethical-num h4:last-child {
    width: calc(100% - 42px);
  }
  .sub_ethical .section__3 ul li .ethical-desc,
  .sub_ethical .section__4 ul li .ethical-desc {
    width: calc(100% - 284px);
  }
  .sub_ethical .section__3 ul li .ethical-desc a, .sub_ethical .section__3 ul li .ethical-desc p,
  .sub_ethical .section__4 ul li .ethical-desc a,
  .sub_ethical .section__4 ul li .ethical-desc p {
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .sub_ethical .section__3 ul li .ethical-desc .span-text,
  .sub_ethical .section__4 ul li .ethical-desc .span-text {
    padding-left: 16px;
  }
  .sub_ethical .section__3 ul li .ethical-desc .span-text span,
  .sub_ethical .section__4 ul li .ethical-desc .span-text span {
    padding-left: 22px;
    text-indent: -22px;
  }
  .sub_ethical .section__3 ul li .qr-code-bx,
  .sub_ethical .section__4 ul li .qr-code-bx {
    top: 22px;
    right: 0;
  }
  .sub_ethical .section__3 ul li .qr-code-bx figure,
  .sub_ethical .section__4 ul li .qr-code-bx figure {
    max-width: 111px;
  }
  .sub_ethical .section__3 .reception-link h6,
  .sub_ethical .section__4 .reception-link h6 {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_ethical .section__3 .ethical-title,
  .sub_ethical .section__4 .ethical-title {
    margin-bottom: 24px;
  }
  .sub_ethical .section__3 .ethical-title h3,
  .sub_ethical .section__4 .ethical-title h3 {
    line-height: 1.36;
  }
  .sub_ethical .section__3 ul li,
  .sub_ethical .section__4 ul li {
    flex-direction: column;
    padding: 40px 0;
  }
  .sub_ethical .section__3 ul li .ethical-num,
  .sub_ethical .section__4 ul li .ethical-num {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .sub_ethical .section__3 ul li .ethical-num h4:first-child,
  .sub_ethical .section__4 ul li .ethical-num h4:first-child {
    width: auto;
    margin-right: 5px;
  }
  .sub_ethical .section__3 ul li .ethical-num h4:last-child,
  .sub_ethical .section__4 ul li .ethical-num h4:last-child {
    width: auto;
  }
  .sub_ethical .section__3 ul li .ethical-desc,
  .sub_ethical .section__4 ul li .ethical-desc {
    width: 100%;
  }
  .sub_ethical .section__3 ul li .ethical-desc a, .sub_ethical .section__3 ul li .ethical-desc p,
  .sub_ethical .section__4 ul li .ethical-desc a,
  .sub_ethical .section__4 ul li .ethical-desc p {
    margin-bottom: 12px;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_ethical .section__3 ul li .ethical-desc a.mb6-mo, .sub_ethical .section__3 ul li .ethical-desc p.mb6-mo,
  .sub_ethical .section__4 ul li .ethical-desc a.mb6-mo,
  .sub_ethical .section__4 ul li .ethical-desc p.mb6-mo {
    margin-bottom: 6px;
  }
  .sub_ethical .section__3 ul li .ethical-desc a,
  .sub_ethical .section__4 ul li .ethical-desc a {
    margin-bottom: 5px;
  }
  .sub_ethical .section__3 ul li .ethical-desc .span-text,
  .sub_ethical .section__4 ul li .ethical-desc .span-text {
    margin-bottom: 12px;
  }
  .sub_ethical .section__3 ul li .ethical-desc .span-text span,
  .sub_ethical .section__4 ul li .ethical-desc .span-text span {
    padding-left: 16px;
    text-indent: -16px;
  }
  .sub_ethical .section__3 ul li .qr-code-bx,
  .sub_ethical .section__4 ul li .qr-code-bx {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 5px;
  }
  .sub_ethical .section__3 ul li .qr-code-bx figure,
  .sub_ethical .section__4 ul li .qr-code-bx figure {
    max-width: 97px;
  }
  .sub_ethical .section__3 .reception-link,
  .sub_ethical .section__4 .reception-link {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .sub_ethical .section__3 .reception-link,
  .sub_ethical .section__4 .reception-link {
    /* margin-left: 4px;
    margin-right: 4px; */
  }
  
  .sub_ethical .section__3 ul li .qr-code-bx {
    display:none;
  }
}
/* 오시는 길 */
.sub_location .section__2.section__cont,
.sub_location .section__3.section__cont {
  /* opacity: 0;
  transform: translateY(20px); */
}
.sub_location .section__2 .map-info .map-info-item h6,
.sub_location .section__3 .map-info .map-info-item h6 {
  width: 31px;
  margin-right: 30px;
}
.sub_location .section__2 .map-info .map-info-item p,
.sub_location .section__3 .map-info .map-info-item p {
  width: calc(100% - 61px);
}
.sub_location .section__2 .map-bx,
.sub_location .section__3 .map-bx {
  width: 100%;
  overflow: hidden;
}
.sub_location .section__2 .map-bx .root_daum_roughmap,
.sub_location .section__3 .map-bx .root_daum_roughmap {
  width: 100%;
}
.sub_location .section__2 .map-bx .root_daum_roughmap .wrap_map,
.sub_location .section__3 .map-bx .root_daum_roughmap .wrap_map {
  height: 478px;
}
.sub_location .section__2 .map-bx .root_daum_roughmap .wrap_controllers,
.sub_location .section__3 .map-bx .root_daum_roughmap .wrap_controllers {
  display: none;
}
.sub_location .section__2 .map-bx .root_daum_roughmap .cont,
.sub_location .section__3 .map-bx .root_daum_roughmap .cont {
  display: none;
}

@media screen and (max-width: 1599px) {
  .sub_location .section__2 .map-info .map-info-item h6,
  .sub_location .section__3 .map-info .map-info-item h6 {
    width: 28px;
    margin-right: 20px;
  }
  .sub_location .section__2 .map-info .map-info-item p,
  .sub_location .section__3 .map-info .map-info-item p {
    width: calc(100% - 48px);
  }
  .sub_location .section__2 .map-bx .root_daum_roughmap .wrap_map,
  .sub_location .section__3 .map-bx .root_daum_roughmap .wrap_map {
    height: 400px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_location .section__2 .map-info .map-info-item h6,
  .sub_location .section__3 .map-info .map-info-item h6 {
    width: 28px;
    margin-right: 12px;
  }
  .sub_location .section__2 .map-info .map-info-item p,
  .sub_location .section__3 .map-info .map-info-item p {
    width: calc(100% - 40px);
  }
  .sub_location .section__2 .map-bx .root_daum_roughmap .wrap_map,
  .sub_location .section__3 .map-bx .root_daum_roughmap .wrap_map {
    height: 480px;
  }
}
@media screen and (max-width: 767px) {
  .sub_location .section__2 .map-info .map-info-item,
  .sub_location .section__3 .map-info .map-info-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .sub_location .section__2 .map-info .map-info-item h6,
  .sub_location .section__3 .map-info .map-info-item h6 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 2px;
  }
  .sub_location .section__2 .map-info .map-info-item p,
  .sub_location .section__3 .map-info .map-info-item p {
    width: 100%;
  }
  .sub_location .section__2 .map-bx .root_daum_roughmap .wrap_map,
  .sub_location .section__3 .map-bx .root_daum_roughmap .wrap_map {
    height: 480px;
  }
}
/* 브랜드 리소스 */
/* 브랜드 리소스 공통 css */
.sub_brand section.section__cont {
  padding: 100px 0;
}
.sub_brand section.section__cont01 {
}

.sub_brand .sticky-wrap {
  position: sticky;
  top:0;
  left:0;
  z-index: 77;
  height:100%;
  background: #fff;
  transition-duration:0.48s;
  transition-property:all;
  transition-timing-function:ease;
  will-change: top;
}

.sub_brand .sticky-wrap.up {
  top:62px;
}

.sub_brand .sticky-wrap .sticky-bg {
  position:absolute;
  top:-50px;
  left:0;
  width:100%;
  height:100px;
  background:var(--white100);
}

@media screen and (max-width:767px) {
  .sub_brand .sticky-wrap.up {
    top:56px;
  }
}

.sub_brand section .sec-title {
  padding-bottom: 60px;
  /* opacity: 0;
  transform: translateY(20px); */
}
.sub_brand section .source-type {
  padding: 80px 0;
  /* opacity: 0;
  transform: translateY(20px); */
}
.sub_brand section .source-type:first-child {
  padding-top: 60px;
}
.sub_brand section .source-type:last-child {
  padding-bottom: 0;
}
.sub_brand section .source-type .source-title h3 {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
}
.sub_brand section .source-type .source-title p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_brand section .source-type .logo-type-name {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}

@media screen and (max-width: 1599px) {
  .sub_brand section.section__cont {
    padding: 80px 0;
  }
  .sub_brand section.section__cont01 {
  }
  .sub_brand section .sec-title {
    padding-bottom: 40px;
  }
  .sub_brand section .source-type {
    padding: 60px 0;
  }
  .sub_brand section .source-type:first-child {
    padding-top: 40px;
  }
  .sub_brand section .source-type .source-title h3 {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
  }
  .sub_brand section .source-type .source-title p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_brand section .source-type .logo-type-name {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_brand section.section__cont01 {
    padding-top: 50px
  }
  .sub_brand section .source-type {
    padding: 50px 0;
  }
  .sub_brand section .source-type:first-child {
    padding-top: 40px;
  }
  .sub_brand section .source-type .source-title {
    flex-direction: column;
  }
}
.sub_brand .section__cont {
  overflow: hidden;
}
.sub_brand .section__cont .sec-title {
  border-bottom: 1px solid var(--black30);
}
.sub_brand .section__cont .sec-title .download-link {
  justify-content: flex-end;
  gap: 20px;
  margin-bottom: 60px;
}
.sub_brand .section__cont .sec-title .download-link a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px 12px 24px;
  border-radius: 8px;
  transition: all 0.35s ease;
}
.sub_brand .section__cont .sec-title .download-link a span {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_brand .section__cont .source-wrap .source-type .source-title h3 {
  width: calc(50% - 10px);
}
.sub_brand .section__cont .source-wrap .source-type .source-title p {
  width: calc(50% - 10px);
}
.sub_brand .section__cont .source-wrap .source-type .source-title.end p {
  padding: 0;
}
.sub_brand .section__cont .source-wrap .source-type .source-cont {
  position: relative;
  width: 100%;
  min-height: 600px;
  margin-bottom: 20px;
  padding: 40px;
  border-radius: 20px;
  overflow: hidden;
}
.sub_brand .section__cont .source-wrap .source-type .source-cont:last-child {
  margin-bottom: 0;
}
.sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area {
  position: relative;
  min-height: 300px;
}
.sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area figure {
  position: absolute;
  top: 50%;
  left: calc(50% + 23px);
  transform: translate(-50%, -50%);
  width: 100%;
}
.sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area figure img {
  margin: 0 auto;
}
.sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-info-area .flex-cont {
  width: 100%;
  border-top: 1px solid var(--black30);
}
.sub_brand .section__cont .source-wrap .source-type03 .flex-cont {
  gap: 20px;
}
.sub_brand .section__cont .source-wrap .source-type03 .flex-cont .left-area {
  width: calc(50% - 10px);
  height: 710px;
  padding: 40px;
  border-radius: 20px;
}
.sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(50% - 10px);
}
.sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area .right-area-item {
  height: 345px;
  padding: 40px;
  border-radius: 20px;
}
.sub_brand .section__cont .source-wrap .source-type03 .color-board {
  padding-top: 100px;
}

.sub_brand .section__cont .source-wrap .source-type03 .color-board .img-cont figure img {
  width:100%;
}

.sub_brand .section__cont .source-wrap .source-type05 .flex-cont {
  flex-wrap: wrap;
  gap: 20px;
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item {
  position: relative;
  padding: 30px;
  width: calc(33.333% - 13.333px);
  min-height: 345px;
  border-radius: 20px;
  background: var(--black15);
  overflow: hidden;
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item.bg-yellow {
  background: #FFFC00;
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .line svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-36deg);
  transform-origin: 50% 50%;
  width: 200%;
  height: 1px;
  background: var(--red);
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .ban-text {
  display: flex;
  align-items: center;
  gap: 8px;
}
.sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .ban-text h6 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_brand .section__cont .source-wrap .source-type06 .color-cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 440px;
  padding: 40px;
  border-radius: 20px;
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap {
  gap: 20px;
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(25% - 15px);
  padding: 40px;
  min-height: 284px;
  border-radius: 20px;
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item:nth-child(1) {
  border: 1px solid var(--black30);
  background: var(--white100);
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item:nth-child(2) {
  background: #1E1E1E;
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item:nth-child(3) {
  background: #A3A3A3;
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item:nth-child(4) {
  background: #CCC;
}
.sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item .color-desc p:last-child {
  margin: 0;
}
.sub_brand .section__cont .source-wrap .source-type08 {
  padding-top: 0;
}
.sub_brand .section__cont .source-wrap .source-type08 ul li {
  padding: 30px 0 40px 0;
  border-bottom: 1px solid var(--black30);
}
.sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area {
  display: flex;
  justify-content: space-between;
  width: calc(93.75% - 280px);
}
.sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .media-title {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
}
.sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a {
  gap: 8px;
}
.sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a span {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
  transition: all 0.35s ease;
}
.sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a i {
  width: 24px !important;
  height: 24px !important;
  transition: all 0.35s ease;
}
.sub_brand .section__cont .source-wrap .source-type08 ul li .img-area {
  width: 280px;
  margin-left: 6.25%;
  border-radius: 16px;
  overflow: hidden;
}

@media screen and (min-width: 1025px) {
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a:hover span {
    color: var(--black80);
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a:hover i {
    background-color: var(--black80);
  }
}
@media screen and (max-width: 1599px) {
  .sub_brand .section__cont .sec-title .download-link {
    gap: 16px;
  }
  .sub_brand .section__cont .sec-title .download-link a {
    gap: 6px;
    padding: 10px 16px 10px 20px;
    border-radius: 6px;
  }
  .sub_brand .section__cont .sec-title .download-link a span {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_brand .section__cont .sec-title .download-link a i {
    width: 20px !important;
    height: 20px !important;
  }
  .sub_brand .section__cont .source-wrap .source-type .source-cont {
    min-height: 393px;
    margin-bottom: 16px;
    padding: 30px;
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo01 {
    max-width: 100px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo02 {
    max-width: 351px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo03 {
    max-width: 510px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo04 {
    max-width: 267px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo05 {
    max-width: 177px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo06 {
    max-width: 410px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo07 {
    max-width: 410px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo08 {
    max-width: 188px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo09 {
    max-width: 260px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo10 {
    max-width: 461px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide {
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area {
    min-height: 206px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area figure {
    left: 50%;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area .type02-logo01 {
    max-width: 52px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area .type02-logo02 {
    max-width: 188px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area .type02-logo03 {
    max-width: 221px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont {
    gap: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .left-area {
    width: calc(50% - 8px);
    padding: 30px;
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area {
    gap: 16px;
    width: calc(50% - 8px);
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area .right-area-item {
    padding: 30px;
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .color-board {
    padding-top: 40px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont {
    gap: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item {
    width: calc(50% - 8px);
    padding: 30px;
    min-height: 344px;
    border-radius: 16px;
    /* &::after {
      transform:translate(-50%, -50%) rotate(-36deg);
    } */
  }
  .sub_brand .section__cont .source-wrap .source-type06 .color-cont {
    height: 393px;
    padding: 30px;
  }
  .sub_brand .section__cont .source-wrap .source-type07 .color-wrap {
    flex-wrap: wrap;
    gap: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item {
    width: calc(50% - 8px);
    padding: 30px;
    min-height: 240px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li {
    padding: 30px 0 40px 0;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area {
    width: calc(100% - 356px);
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .media-title {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a {
    gap: 6px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a span {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a i {
    width: 20px !important;
    height: 20px !important;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .img-area {
    width: 272px;
    margin-left: 84px;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_brand .section__cont .sec-title.reverse {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .sub_brand .section__cont .sec-title .download-link {
    gap: 16px;
    margin-bottom: 0;
  }
  .sub_brand .section__cont .sec-title .download-link a {
    padding: 9.5px 16px 9.5px 20px;
  }
  .sub_brand .section__cont .source-wrap .source-type .source-title h3 {
    width: 100%;
  }
  .sub_brand .section__cont .source-wrap .source-type .source-title p {
    width: 100%;
  }
  .sub_brand .section__cont .source-wrap .source-type .source-cont {
    min-height: 335px;
    padding: 24px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo01 {
    max-width: 64px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo02 {
    max-width: 202px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo03 {
    max-width: 210px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo04 {
    max-width: 101px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo05 {
    max-width: 162px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo06 {
    max-width: 261px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo07 {
    max-width: 261px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo08 {
    max-width: 172px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo09 {
    max-width: 234px;
  }
  .sub_brand .section__cont .source-wrap .source-type01 .source-cont .type01-logo10 {
    max-width: 461px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area {
    min-height: 213px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area figure {
    left: 50%;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area .type02-logo01 {
    max-width: 59px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area .type02-logo02 {
    max-width: 190px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area .type02-logo03 {
    max-width: 229px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont {
    flex-direction: column;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .left-area {
    width: 100%;
    height: 335px;
    padding: 24px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area {
    width: 100%;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area .right-area-item {
    height: 335px;
    padding: 24px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .type03-logo {
    max-width: 64px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .color-board {
    padding-top: 60px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont {
    gap: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item {
    width: calc(50% - 8px);
    padding: 22px 24px;
    min-height: 254px;
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .ban-text {
    gap: 6px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .ban-text .ic {
    width: 16px !important;
    height: 16px !important;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .ban-text h6 {
    width: calc(100% - 22px);
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo01 {
    max-width: 53px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo02 {
    max-width: 179px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo03 {
    max-width: 193px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo04 {
    max-width: 120px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo05 {
    max-width: 124px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo06 {
    max-width: 180px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo07 {
    max-width: 164px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo08 {
    max-width: 85px;
  }
  .sub_brand .section__cont .source-wrap .source-type06 .color-cont {
    height: 335px;
    padding: 24px;
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type06 .color-cont .color-desc p {
    color: var(--black100);
  }
  .sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item {
    width: 100%;
    padding: 24px;
    min-height: 160px;
    border-radius: 16px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li {
    padding: 22px 0 40px 0;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area {
    flex-direction: column;
    justify-content: flex-start;
    gap: 10px;
    width: calc(100% - 278px);
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .media-title {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.18px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a {
    gap: 6px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area .download-btn a span {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .img-area {
    width: 100%;
    max-width: 254px;
    margin-left: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sub_brand .section__cont .sec-title {
    display: block;
  }
  .sub_brand .section__cont .sec-title.reverse {
    display: block;
  }
  .sub_brand .section__cont .sec-title .download-link {
    justify-content: center;
    gap: 12px;
    margin-bottom: 80px;
  }
  .sub_brand .section__cont .sec-title .download-link a {
    justify-content: center;
    width: calc(50% - 6px);
    max-width: 100%;
    gap: 6px;
    padding: 9.5px 8px;
  }
  .sub_brand .section__cont .source-wrap .source-type .source-cont {
    margin-bottom: 12px;
  }
  .sub_brand .section__cont .source-wrap .source-type .mini-h612 {
    min-height: 612px;
    padding: 24px 24px 49px 24px;
  }
  .sub_brand .section__cont .source-wrap .source-type .mini-h612 .source-logo {
    top: calc(50% + 23px);
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide {
    flex: 0 0 100%;
    flex-shrink: 0;
  }
  .sub_brand .section__cont .source-wrap .source-type02 .slide-bx .swiper-container .swiper-wrapper .swiper-slide .logo-img-area figure {
    left: 50%;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont {
    gap: 12px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .flex-cont .right-area {
    gap: 12px;
  }
  .sub_brand .section__cont .source-wrap .source-type03 .color-board .img-cont figure img {
    width: 100%;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont {
    gap: 12px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item {
    width: 100%;
    min-height: 248px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img {
    /* figure {
      max-width:84px;
    } */
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo01 {
    max-width: 51px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo02 {
    max-width: 175px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo03 {
    max-width: 188px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo04 {
    max-width: 116px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo05 {
    max-width: 120px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo06 {
    max-width: 175px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo07 {
    max-width: 158px;
  }
  .sub_brand .section__cont .source-wrap .source-type05 .flex-cont .flex-item .logo-img .type05-logo08 {
    max-width: 83px;
  }
  .sub_brand .section__cont .source-wrap .source-type07 .color-wrap {
    gap: 12px;
  }
  .sub_brand .section__cont .source-wrap .source-type07 .color-wrap .color-item {
    min-height: 160px;
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .txt-area {
    width: calc(100% - 144px);
  }
  .sub_brand .section__cont .source-wrap .source-type08 ul li .img-area {
    max-width: 120px;
    margin-left: 24px;
    border-radius:8px;
  }

}
/* esg */
.s-title {
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(20px);
}

.sub_esg {
  padding-top: 162px;
}

@media screen and (max-width: 1599px) {
  .s-title {
    margin-bottom: 40px;
  }
  .sub_esg {
    padding-top: 142px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg {
    padding-top: 106px;
  }
}

@media screen and (max-width: 767px) {
    .s-title {
      margin-bottom: 30px;
    }
}
.sub_esg .section__1 .sub-visual-title {
  margin-bottom: 60px;
  opacity: 0;
  transform: translateY(20px);
}
.sub_esg .section__1 .download-btn {
  opacity: 0;
  transform: translateY(20px);
}
.sub_esg .section__1 .download-btn a span {
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.18px;
}

@media screen and (max-width: 1599px) {
  .sub_esg .section__1 .sub-visual-title {
    margin-bottom: 40px;
  }
  .sub_esg .section__1 .download-btn a {
    padding: 9.5px 16px 9.5px 20px;
    gap: 6px;
  }
  .sub_esg .section__1 .download-btn a span {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_esg .section__1 .download-btn a i {
    width: 20px !important;
    height: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg .section__1 .sub-visual-title {
    margin-bottom: 30px;
  }
}
.sub_esg .section__2 .flex-cont {
  gap: 20px;
}
.sub_esg .section__2 .flex-cont .flex-item {
  position: relative;
  display: flex;
  width: calc(50% - 10px);
  height: 100%;
  min-height: 710px;
  border-radius: 20px;
  overflow: hidden;
  opacity: 0;
  transform: translateY(20px);
}
.sub_esg .section__2 .flex-cont .flex-item .default-bx {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  width: 100%;
  min-height: 100%;
  padding: 40px;
  overflow: hidden;
}
.sub_esg .section__2 .flex-cont .flex-item .default-bx .img-cont {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sub_esg .section__2 .flex-cont .flex-item .default-bx h6 {
  position: relative;
  z-index: 2;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_esg .section__2 .flex-cont .flex-item .default-bx h3 {
  position: relative;
  z-index: 2;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -0.8px;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx {
  position: relative;
  z-index: 7;
  flex: 1;
  width: 100%;
  min-height: 100%;
  padding: 40px;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--white20);
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
  padding-left: 10px;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex:last-child {
  margin-bottom: 0;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex h5 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex span {
  display: inline-block;
  color: var(--black40);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item > p {
  position: relative;
  margin-bottom: 8px;
  padding-left: 24px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item > p:last-child {
  margin-bottom: 0;
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item > p::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--white100);
}
.sub_esg .section__2 .flex-cont .flex-item .hidden-bx .blur-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: transparent;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  will-change: backdrop-filter;
  transition: all 0.4s ease-in-out;
}
.sub_esg .section__2 .flex-cont .flex-item .toggle-btn {
  position: absolute;
  bottom: 40px;
  right: 40px;
  z-index: 10;
  display: flex;
}
.sub_esg .section__2 .flex-cont .flex-item .toggle-btn button {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--white30);
  transition: all 0.4s ease-in-out;
  cursor:default;
}
.sub_esg .section__2 .flex-cont .flex-item .toggle-btn button span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 26px;
  height: 3px;
  border-radius: 3px;
  background: var(--white100);
}
.sub_esg .section__2 .flex-cont .flex-item .toggle-btn button span:last-child {
  transform: translate(-50%, -50%) rotate(-90deg);
}
.sub_esg .section__2 .flex-cont .flex-item.hidden-active .hidden-bx .text-item {
  opacity: 1;
}
.sub_esg .section__2 .flex-cont .flex-item.hidden-active .hidden-bx .blur-bg {
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
.sub_esg .section__2 .flex-cont .flex-item.hidden-active .toggle-btn button {
  transform: rotate(45deg);
}

@media screen and (max-width: 1599px) {
  .sub_esg .section__2 .flex-cont {
    gap: 16px;
  }
  .sub_esg .section__2 .flex-cont .flex-item {
    width: calc(50% - 8px);
    height: auto;
    min-height: 464px;
    border-radius: 16px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .default-bx {
    padding: 30px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .default-bx h6 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .default-bx h3 {
    font-size: 2.8rem;
    line-height: 1.44;
    letter-spacing: -0.56px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx {
    padding: 30px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex {
    margin-bottom: 12px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex h5 {
    font-size: 1.8rem;
    letter-spacing: -0.36px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex span {
    font-size: 1.4rem;
    letter-spacing: 0;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item > p {
    margin-bottom: 4px;
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .toggle-btn {
    bottom: 30px;
    right: 30px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .toggle-btn button {
    width: 36px;
    height: 36px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .toggle-btn button span {
    width: 14px;
    height: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg .section__2  {
    padding-top:75px;
  }
  .sub_esg .section__2 .flex-cont .flex-item {
    min-height: 493px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .default-bx {
    padding: 24px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .default-bx h6 {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .default-bx h3 {
    font-size: 2.4rem;
    line-height: 1.36;
    letter-spacing: -0.48px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx {
    padding: 24px 22px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item {
    margin-bottom: 20px;
    padding-bottom: 24px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex {
    gap: 0;
    margin-bottom: 16px;
    padding-left: 6px;
  }
  .sub_esg .section__2 .flex-cont .flex-item .hidden-bx .text-item .text-flex span {
    display: none;
  }
  .sub_esg .section__2 .flex-cont .flex-item .toggle-btn {
    right: 24px;
    bottom: 24px;
  }
}
@media screen and (max-width: 767px) {
  .sub_esg .section__2 .s-title {
    max-width:335px;
  }
  .sub_esg .section__2 .flex-cont {
    flex-direction: column;
    gap: 10px;
  }
  .sub_esg .section__2 .flex-cont .flex-item {
    width: 100%;
    min-height: 480px;
  }
}
.sub_esg .section__3 .esg-graph {
  opacity: 0;
  transform: translateY(20px);
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 {
  position:relative;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 figure {
  border-radius:20px;
  overflow:hidden;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx {
  position:absolute;
  top:40px;
  left:40px;
}
.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-text {
  margin-bottom:20px;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-text span {
  color:var(--black100);
  font-weight:1.8rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.18px;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li {
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:4px;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:last-child {
  margin-bottom:0;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:nth-child(1) span {
  width:14px;
  height:14px;
  border-radius:50%;
  background:#00D080;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:nth-child(2) span {
  width:14px;
  height:14px;
  border-radius:50%;
  background:rgba(0, 0, 0, 0.10);
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:nth-child(3) span {
  width:14px;
  height:2px;
  border:1px dashed #62CC80;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li p {
  margin:0;
  color:var(--black80);
  font-size:1.6rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.16px;
}

.sub_esg .section__3 .esg-graph.esg-graph-type01 p {
  margin-top: 24px;
  color: var(--black80);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 {
  display: flex;
  gap: 20px;
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .img-area {
  width: calc(75.35% - 10px);
  border-radius: 20px;
  overflow: hidden;
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(24.65% - 10px);
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 345px;
  padding: 40px;
  border-radius: 20px;
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item:first-child {
  background: var(--black15);
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item:last-child {
  background: var(--green);
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item h5 {
  color: var(--black);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item h3 {
  color: var(--black100);
  font-size: 8.4rem;
  font-weight: 600;
  line-height: 1.06;
  letter-spacing: -1.68px;
}

@media screen and (max-width: 1599px) {
  .sub_esg .section__3 .esg-graph img {
    width:100%;
    object-fit:cover;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 figure {
    border-radius:16px;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx {
    top:30px;
    left:30px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-text {
    margin-bottom:16px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-text span {
    font-weight:1.6rem;
    letter-spacing:-0.16px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li {
    margin-bottom:6px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li p {
    font-size:1.4rem;
    line-height:1.44;
    letter-spacing:-0.14px;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 p {
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 1.44;
    letter-spacing: -0.14px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 {
    flex-direction: column;
    gap: 16px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .img-area {
    width: 100%;
    border-radius: 16px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area {
    flex-direction: row;
    gap: 16px;
    width: 100%;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item {
    width: calc(50% - 8px);
    height: 244px;
    padding: 30px;
    border-radius: 16px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item h5 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item h3 {
    font-size: 6.4rem;
    letter-spacing: -1.28px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg .section__3 .esg-graph img {
    width: 100%;
    object-fit: cover;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 figure {
    border-radius:16px;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx {
    top:24px;
    left:24px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-text {
    margin-bottom:12px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-text span {
    font-weight:1.5rem;
    letter-spacing:-0.15px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li {
    gap:8px;
    margin-bottom:2px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:nth-child(1) span {
    width:10px;
    height:10px;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:nth-child(2) span {
    width:10px;
    height:10px;
  }

  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li:nth-child(3) span {
    width:10px;
  }
  
  .sub_esg .section__3 .esg-graph.esg-graph-type01 .graph-label-bx .label-list li p {
    font-size:1.2rem;
    line-height:1.5;
    letter-spacing:-0.12px;
  } 

  .sub_esg .section__3 .esg-graph.esg-graph-type01 p {
    font-size: 1.2rem;
    letter-spacing: -0.12px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item {
    height: 188px;
    padding: 24px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item h5 {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item h3 {
    font-size: 6rem;
    letter-spacing: -1.8px;
  }
}
@media screen and (max-width: 767px) {
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area {
    flex-direction: column;
  }
  .sub_esg .section__3 .esg-graph.esg-graph-type02 .count-area .count-item {
    width: 100%;
    height: auto;
    gap: 53px;
  }
}
.sub_esg .section__4 .flex-cont {
  gap: 20px;
}
.sub_esg .section__4 .flex-cont .flex-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(50% - 10px);
  min-height: 384px;
  padding: 40px;
  background: var(--black15);
  border-radius: 20px;
  opacity: 0;
  transform: translateY(20px);
}
.sub_esg .section__4 .flex-cont .flex-item h5 {
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_esg .section__4 .flex-cont .flex-item h3 {
  margin-right: 20px;
  color: #376C81;
  font-size: 13rem;
  font-weight: 600;
  text-align: right;
  line-height: 1.06;
  letter-spacing: -3.9px;
}

@media screen and (max-width: 1599px) {
  .sub_esg .section__4 .flex-cont {
    gap: 16px;
  }
  .sub_esg .section__4 .flex-cont .flex-item {
    gap: 38px;
    width: calc(50% - 8px);
    min-height: 251px;
    padding: 30px;
    border-radius: 16px;
  }
  .sub_esg .section__4 .flex-cont .flex-item h5 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__4 .flex-cont .flex-item h3 {
    margin-right: 16px;
    font-size: 7.6rem;
    letter-spacing: -2.28px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg .section__4 .flex-cont .flex-item {
    gap: 33px;
    min-height: 220px;
    padding: 24px 24px 30px 24px;
  }
  .sub_esg .section__4 .flex-cont .flex-item h5 {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_esg .section__4 .flex-cont .flex-item h3 {
    font-size: 6rem;
    letter-spacing: -1.8px;
  }
}
@media screen and (max-width: 767px) {
  .sub_esg .section__4 .flex-cont {
    flex-direction: column;
  }
  .sub_esg .section__4 .flex-cont .flex-item {
    gap: 53px;
    width: 100%;
    height: auto;
    min-height: 240px;
    padding: 24px 24px 30px 24px;
  }
}

.sub_esg .section__5 {
  overflow: hidden;
}
.sub_esg .section__5 .slide-container {
  display:flex;
  flex-direction:column;
  margin-left:calc((100vw - 1455px) / 2);
}
.sub_esg .section__5 .slide-container .swiper-container {
  margin-left:0;
  margin-right:0;
  margin-bottom: 60px;
  padding-right: 40px;
  overflow:visible;
  flex-shrink:0;
}

.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width:420px;
  height: 640px;
  padding: 40px;
  border-radius: 20px;
  overflow: hidden;
  transform: translateY(20px);
  opacity: 0;
}
.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area h6 {
  margin-bottom: 4px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area .total-bx {
  display: flex;
  align-items: flex-end;
}
.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area .total-bx h3 {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -1.2px;
}
.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area .total-bx h5 {
  padding: 0 0 7px 4px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.2px;
}

.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide sub {
  font-size:1.2rem;
  vertical-align:bottom;
}

.sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_esg .section__5 .slide-container .swiper-controls {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sub_esg .section__5 .slide-container .swiper-controls button {
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  margin: 0;
}
.sub_esg .section__5 .slide-container .swiper-controls button::after {
  display: none;
}

@media screen and (max-width: 1599px) {
  .sub_esg .section__5 .slide-container {
    padding-left:calc(var(--gutter) * 3 - 8px);
    margin:0;
    /* padding-right:calc(var(--gutter) * 3 - 8px); */
  }
  .sub_esg .section__5 .slide-container .swiper-container {
    margin-bottom: 40px;
    padding-right: 40px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    max-width:344px;
    height: 524px;
    padding: 30px;
    border-radius: 16px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area h6 {
    margin-bottom: 2px;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area .total-bx h3 {
    font-size: 4rem;
    line-height: 1.36;
    letter-spacing: -0.8px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area .total-bx h5 {
    padding: 0 0 6px 4px;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__5 .slide-container .swiper-controls {
    gap: 16px;
  }
  .sub_esg .section__5 .slide-container .swiper-controls button i {
    width: 24px !important;
    height: 24px !important;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg .section__5 .slide-container {
    padding-left: calc(var(--gutter) * 2);
    /* padding-right: calc(var(--gutter) * 2); */
  }
  .sub_esg .section__5 .slide-container .swiper-container {
    margin-bottom: 0;
    padding-right: 32px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    max-width:302px;
    height: 460px;
    padding: 24px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area h6 {
    margin-bottom: 0;
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area .total-bx h5 {
    padding: 0 0 7px 2px;
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }

  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide sub {
    font-size:1rem;
  }

  .sub_esg .section__5 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area p {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_esg .section__5 .slide-container .swiper-controls {
    display: none;
  }
}
@media screen and (max-width: 767px) {
.sub_esg .section__5 .slide-container {
    padding-left: calc(var(--gutter) * 2 - 4px);
    /* padding-right: calc(var(--gutter) * 2 - 4px); */
  }
}
.sub_esg .section__6 {
  overflow: hidden;
}

.sub_esg .section__6 .slide-container .swiper-container {
  /* padding-right:20px; */
}

.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  /* width:calc(25% - 15px); */
  /* min-width:295px; */
  opacity: 0;
  transform: translateY(20px);
}

.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right:0 !important;
}

.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .img-bx {
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .img-bx img {
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
  padding: 20px 20px 0 0;
}
.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h4 {
  margin-bottom: 12px;
  color: var(--black100);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.4px;
  transition:all 0.4s ease-in-out;
}
.sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx span {
  display: inline-block;
  color: var(--black60);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.44;
}

@media screen and (min-width:1025px) {
  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .img-bx {
    transform:scale(0.98);
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .img-bx img {
    transform:scale(1.022);
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx h4 {
    color: var(--black80);
  }
}

@media screen and (max-width: 1599px) {
  .sub_esg .section__6 .slide-container {
    padding-left:0;
    padding-right:0;
  }
  
  .sub_esg .section__6 .slide-container .swiper-container {
    padding-left: calc(var(--gutter) * 3 - 8px);
    padding-right: calc(var(--gutter) * 3 - 8px);
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    /* width:calc(25% - 12px); */
    /* min-width:295px; */
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .img-bx {
    border-radius: 16px;
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .img-bx img {
    width:100%;
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
    padding: 20px 12px 0 0;
  }
  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx h4 {
    margin-bottom: 14px;
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx span {
    letter-spacing: -0.14px;
  }
}

@media screen and (max-width: 1023px) {
  .sub_esg .section__6 .slide-container .swiper-container {
    padding-left: calc(var(--gutter) * 2);
    padding-right: calc(var(--gutter) * 2);
  }

  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    width:295px;
    min-width:295px;
  }
  
  .sub_esg .section__6 .slide-container .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
    max-width:270px;
    padding-right:0;
  }
}

@media screen and (max-width: 767px) {
  .sub_esg .section__6 .slide-container .swiper-container {
    padding-left: calc(var(--gutter) * 2 - 4px);
    padding-right: calc(var(--gutter) * 2 - 4px);
  }
}

.sub_esg .section__7 .download-wrap {
  margin-bottom: 100px;
  opacity: 0;
  transform: translateY(20px);
}
.sub_esg .section__7 .download-wrap:last-child {
  margin-bottom: 0;
}
.sub_esg .section__7 .download-wrap .download-title {
  margin-bottom: 40px;
}
.sub_esg .section__7 .download-wrap .download-title h4 {
  color: var(--black100);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.sub_esg .section__7 .download-wrap .download-item {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.sub_esg .section__7 .download-wrap .download-item a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: calc(33.333% - 13.333px);
  padding: 25px 32px 25px 30px;
  border-radius: 16px;
  background: var(--black15);
  overflow: hidden;
}
.sub_esg .section__7 .download-wrap .download-item a span {
  width: calc(100% - 48px);
  margin-right: 20px;
  color: var(--black);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  transition: all 0.4s ease;
}
.sub_esg .section__7 .download-wrap .download-item a i {
  transition: all 0.4s ease;
}

@media screen and (min-width: 1025px) {
  .sub_esg .section__7 .download-wrap .download-item a:hover span {
    color: var(--black80);
  }
  .sub_esg .section__7 .download-wrap .download-item a:hover i {
    background: var(--black80);
  }
}
@media screen and (max-width: 1599px) {
  .sub_esg .section__7 .download-wrap {
    margin-bottom: 60px;
  }
  .sub_esg .section__7 .download-wrap .download-item {
    gap: 16px;
  }
  .sub_esg .section__7 .download-wrap .download-item a {
    width: calc(50% - 8px);
    padding: 22px 24px;
  }
  .sub_esg .section__7 .download-wrap .download-item a span {
    width: calc(100% - 40px);
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_esg .section__7 .download-wrap .download-item a i {
    width: 20px !important;
    height: 20px !important;
  }
}
@media screen and (max-width: 1023px) {
  .sub_esg .section__7 .download-wrap .download-title {
    margin-bottom: 30px;
  }
  .sub_esg .section__7 .download-wrap .download-title h4 {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .sub_esg .section__7 .download-wrap .download-item a {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sub_esg .section__7 .download-wrap .download-title {
    margin-bottom: 24px;
  }
  .sub_esg .section__7 .download-wrap .download-item {
    gap: 12px;
  }
}
/* sub_media */
.sub_media {
  padding-top: 102px;
}

.sub_media .section__1 {
  margin-bottom: 200px;
  opacity: 0;
  transform: translateY(20px);
}
.sub_media .section__1 .grid-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.sub_media .section__1 .grid-wrap .grid-item {
  padding: 36px 40px;
  border-radius: 20px;
  overflow: hidden;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  grid-row: 1/3;
  grid-column: 1;
  height: 100%;
  padding: 36px 44px 40px 44px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a {
  display: inline-block;
  width: 100%;
  height: 100%;
  max-width: 500px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .cate-bx h5 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx {
  margin: 20px 0 14px 0;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx h3 {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -0.64px;
  transition:all 0.4s ease-in-out;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .desc-bx p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: 18px 0;
  border-top: 1px solid var(--black30);
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a h6 {
  width: 100%;
  max-width: 500px;
  color: var(--black60);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.4px;
  transition:all 0.4s ease-in-out;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item:last-child a {
  padding-bottom: 0;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item02 {
  grid-row: 1;
  grid-column: 2;
  height: auto;
  aspect-ratio:712 / 474;
  padding: 0;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont {
  position:relative;
  width: 100%;
  height: 100%;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont img {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  opacity:0;
  object-fit:cover;
  transition:all 0.3s cubic-bezier(.4,0,.2,1);
  transition-delay:0.1s;
}

.sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont img.active {
  opacity:1;
}

.sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont img:nth-child(1) {
  z-index:3;
}

.sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont img:nth-child(2) {
  z-index:2;
}

.sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont img:nth-child(3) {
  z-index:1;
}

.sub_media .section__1 .grid-wrap .grid-item.grid-item03 {
  display: flex;
  justify-content: space-between;
  grid-row: 2;
  grid-column: 2;
  height: 148px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-txt {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-num {
  display: flex;
  flex-direction: column;
  font-size: 3rem;
  font-weight: 700;
  text-align: right;
  line-height: 1.44;
  letter-spacing: -0.6px;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-num span {
  display: inline-block;
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-num span:first-child {
  color: var(--black60);
}
.sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-num span:last-child {
  margin-top: -10px;
}

.sub_media .section__2 {
  padding-top: 0;
  overflow: hidden;
}

@media screen and (min-width:1025px) {
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx:hover h3 {
    color:var(--black80);
  }

  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a:hover h6 {
    color:var(--black100);
  }
}

@media screen and (max-width: 1599px) {
  .sub_media {
    padding-top: 102px;
  }
  .sub_media .section__1 {
    margin-bottom: 160px;
  }
  .sub_media .section__1 .grid-wrap {
    gap: 16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item {
    padding: 24px 30px;
    border-radius: 16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 {
    padding: 24px 30px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .cate-bx h5 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx {
    margin: 16px 0 0 0;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx h3 {
    font-size: 2.8rem;
    line-height: 1.44;
    letter-spacing: -0.56px;
  }

  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .desc-bx p {
    margin-top:12px;
  }

  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a {
    padding: 16px 0;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a h6 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.18px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item02 {
    /* height: 310px; */
    aspect-ratio:465 / 310 ;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 {
    height: 101px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-txt {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-num {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-num span:last-child {
    margin-top: -5px;
  }
}

@media screen and (max-width:1249px) {
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .desc-bx {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .sub_media {
    padding-top: 76px;
  }
  .sub_media .section__1 {
    margin-bottom: 120px;
  }
  .sub_media .section__1 .grid-wrap {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 0;
    border-radius: 16px;
    overflow: hidden;

  }
  .sub_media .section__1 .grid-wrap .grid-item {
    padding: 0;
    border-radius: 0;
    opacity:1;
    transform: translateY(0);
  }

  .sub_media .section__1 .grid-wrap .grid-item.grid-item02 .img-cont img {
    transition:none;
  }

  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 {
    grid-column: auto;
    grid-row: auto;
    order: 2;
    height: auto;
    padding: 24px;
    border-radius: 0 0 16px 16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list {
    margin-bottom: 57px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .cate-bx h5 {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx {
    margin: 12px 0 0 0;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx h3 {
    font-size: 2.4rem;
    line-height: 1.36;
    letter-spacing: -0.48px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a h6 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item02 {
    grid-column: auto;
    grid-row: auto;
    order: 1;
    height: auto;
    aspect-ratio:704 / 469;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 {
    grid-column: auto;
    grid-row: auto;
    height: auto;
    margin-top: 16px;
    padding: 20px 24px;
    order: 3;
    border-radius: 16px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 .date-txt {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}
@media screen and (max-width: 767px) {
  .sub_media .section__1 {
    margin-bottom: 100px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list {
    margin-bottom: 40px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .top-list a .subject-bx h3 {
    font-size: 2.2rem;
    letter-spacing: -0.44px;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item01 .bt-list .bt-list-item a {
    padding: 15px 0;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item02 {
    /* height: 223px; */
    aspect-ratio:335 / 223;
  }
  .sub_media .section__1 .grid-wrap .grid-item.grid-item03 {
    margin-top: 12px;
  }
}

/* investment */
.sub_invest {
  padding: 82px 0 0 0;
}

.sub_invest .invest-banner {
  margin-bottom: 20px;
  transform:translateY(20px);
  opacity:0;
}
.sub_invest .invest-banner .flex-cont {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-radius: 20px;
  background: #FFE500;
  overflow: hidden;
}
.sub_invest .invest-banner .flex-cont a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding:24px 40px;
}
.sub_invest .invest-banner .flex-cont a p {
  color: var(--black100);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_invest .invest-banner .flex-cont a .arrow-bx span {
  color: var(--black100);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.44;
}

@media screen and (max-width: 1599px) {
  .sub_invest .invest-banner {
    margin-bottom:16px;
  }
  
  .sub_invest .invest-banner .flex-cont {
    margin-bottom: 16px;
    border-radius: 16px;
    /* transform:translateY(-70px); */
  }
  .sub_invest .invest-banner .flex-cont a {
    padding:20.5px 30px;
  }
  .sub_invest .invest-banner .flex-cont a p {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_invest .invest-banner .flex-cont {
    /* height: 64px; */
    /* transform:translateY(-64px); */
  }
  .sub_invest .invest-banner .flex-cont a {
    padding:20.5px 24px;
  }
}
@media screen and (max-width: 767px) {
  .sub_invest .invest-banner {
    margin-bottom:12px;
  }

  .sub_invest .invest-banner .flex-cont {
    margin-bottom:12px;
    /* transform:translateY(-124px); */
  }
  .sub_invest .invest-banner .flex-cont a {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    padding:20px 24px;
  }
}
/* investment section__1 */
.sub_invest .section__1 {
  margin-bottom: 200px;
}

.sub_invest .section__1.banner {
  /* transform:translateY(-76px); */
}

.sub_invest .section__1 .flex-cont {
  gap: 20px;
}
.sub_invest .section__1 .flex-cont .sub-headline-title {
  max-width:255px;
  margin-bottom: 0;
}
.sub_invest .section__1 .flex-cont .link-elm {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
}
.sub_invest .section__1 .flex-cont .link-elm::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -150%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  background: url("../../images/ic/ic-link-arrow-right-white.svg") no-repeat center/contain;
  transition: all 0.4s ease-in-out;
}
.sub_invest .section__1 .flex-cont .link-elm.black-arrow::after {
  background: url("../../images/ic/ic-link-arrow-right-black.svg") no-repeat center/contain;
}
.sub_invest .section__1 .flex-cont .link-elm i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px !important;
  height: 17px !important;
  transition: all 0.4s ease-in-out;
}
.sub_invest .section__1 .flex-cont .left-area {
  width: calc(66.875% - 10px);
  height: auto;
  aspect-ratio: 953 / 660;
  transform: translateY(20px);
  opacity: 0;
}

.sub_invest .section__1 .flex-cont .left-area .left-item {
  position:relative;
  display:inline-flex;
  align-items:flex-end;
  width:100%;
  height:100%;
  padding: 40px;
  border: 0 solid var(--white100);
  /* border-radius: 20px; */
  /* overflow: hidden; */
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.sub_invest .section__1 .flex-cont .left-area .left-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index:3;
  width:100%;
  height:100%;
  border-radius:20px;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sub_invest .section__1 .flex-cont .left-area .left-item .left-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:22px;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.sub_invest .section__1 .flex-cont .left-area .left-item .left-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index:3;
  width:calc(100% + 8px);
  height:calc(100% + 8px);
  z-index: 333;
  border-radius:22px;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sub_invest .section__1 .flex-cont .left-area .left-item .left-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sub_invest .section__1 .flex-cont .left-area .txt-bx {
  position:relative;
  z-index:3;
  display: flex;
  transition:all 0.4s ease-in-out;
}
.sub_invest .section__1 .flex-cont .right-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: calc(33.125% - 10px);
}
.sub_invest .section__1 .flex-cont .right-area .right-item {
  width: 100%;
  transform: translateY(20px);
  opacity: 0;
}

.sub_invest .section__1 .flex-cont .right-area .right-item a {
  position:relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width:100%;
  height:auto;
  aspect-ratio:467 / 320;
  padding: 40px;
  border: 0 solid var(--white100);
  /* border-radius: 20px; */
  overflow: hidden;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.sub_invest .section__1 .flex-cont .right-area .right-item a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index:3;
  width:100%;
  height:100%;
  border-radius:20px;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  border-radius:20px;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index:3;
  width:calc(100% + 8px);
  height:calc(100% + 8px);
  z-index: 333;
  border-radius:22px;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 0 solid var(--white100);
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
  pointer-events: none;
}

.sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg.right-bg01 {
  background: var(--black90);
}

.sub_invest .section__1 .flex-cont .right-area .right-item a .top-bx ,
.sub_invest .section__1 .flex-cont .right-area .right-item a .bt-bx  {
  position:relative;
  z-index:3;
  transition:all 0.4s ease-in-out;
}

.sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex {
  align-items:flex-end;
}

.sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm {
  display:flex;
  flex-direction:column;
  gap:8px;
}

.sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm .rating-item {
  display:flex;
  align-items:center;
  gap:20px;
}

.sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm .rating-item span {
  display:inline-flex;
  width:110px;
  color:var(--black60);
  font-size:1.8rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.18px;
}

.sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm .rating-item h4 {
  font-size:3rem;
  font-weight:700;
  line-height:1.44;
  letter-spacing:-0.6px;  
}

.sub_invest .section__1 .flex-cont .right-area .right-item .top-bx h5 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx h6 {
  margin-bottom: 8px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx h6.up {
  color: var(--red);
}
.sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx h6.down {
  color: var(--blue);
}
.sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx .txt-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx .txt-flex .sub-headline-title {
  font-weight: 600;
}

@media screen and (min-width: 1025px) {
  .sub_invest .section__1 .flex-cont .left-area .left-item:hover::after {
    border:4px solid var(--white100);
  }
  
  .sub_invest .section__1 .flex-cont .left-area .left-item:hover .left-bg::before {
    border:4px solid var(--white100);
  }
  
  .sub_invest .section__1 .flex-cont .left-area .left-item:hover .left-bg::after {
    border:4px solid var(--white100)
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a:hover::after {
    border:3px solid var(--white100);
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a:hover .right-bg::before {
    border:3px solid var(--white100);
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a:hover .right-bg::after {
    border:3px solid var(--white100)
  }

  .sub_invest .section__1 .flex-cont .left-area .left-item:hover .link-elm::after,
  .sub_invest .section__1 .flex-cont .right-area .right-item a:hover .link-elm::after {
    left: 50%;
  }

  .sub_invest .section__1 .flex-cont .left-area .left-item:hover .link-elm i ,
  .sub_invest .section__1 .flex-cont .right-area .right-item a:hover .link-elm i {
    left: 150%;
  }
}
@media screen and (max-width: 1599px) {
  .sub_invest .section__1 {
    /* margin-bottom: 120px; */
    margin-bottom: 160px;
  }
  
  .sub_invest .section__1.banner {
    /* transform:translateY(-70px); */
  }

  .sub_invest .section__1 .flex-cont {
    gap: 16px;
  }
  .sub_invest .section__1 .flex-cont .sub-headline-title {
    max-width:230px;
    font-size: 2.8rem;
    line-height: 1.44;
    letter-spacing: -0.56px;
  }
  .sub_invest .section__1 .flex-cont .left-area {
    width: calc(70.33% - 8px);
    /* height: 454px; */
    aspect-ratio: 656 / 454;
  }
  
  .sub_invest .section__1 .flex-cont .left-area .left-item {
    padding: 30px;
  }
  
  .sub_invest .section__1 .flex-cont .left-area .left-item::after {
    border-radius: 16px;
  }

  .sub_invest .section__1 .flex-cont .left-area .left-item .left-bg {
    border-radius:18px;
  }

  .sub_invest .section__1 .flex-cont .left-area .left-item .left-bg::before {
    border-radius:18px;
  }

  .sub_invest .section__1 .flex-cont .right-area {
    gap: 16px;
    width: calc(29.66% - 8px);
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item {
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a {
    /* min-height: 219px; */
    aspect-ratio:272 / 219;
    padding: 30px;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a::after {
    border-radius: 16px;
  }

  .sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg {
    border-radius:18px;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg::before {
    border-radius:18px;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm {
    gap:2px;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm .rating-item {
    gap:12px;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm .rating-item span {
    width:80px;
    font-size:1.2rem;
    letter-spacing:-0.24px;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item.rating .bt-bx .txt-flex .rating-elm .rating-item h4 {
    font-size:2rem;
    font-weight:600;
    line-height:1.5;
    letter-spacing:-0.2px;  
  }

  .sub_invest .section__1 .flex-cont .right-area .right-item .top-bx h5 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx h6 {
    margin-bottom: 2px;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx .txt-flex .sub-headline-title {
    font-size: 3.4rem;
    line-height: 1.24;
    letter-spacing: -0.68px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_invest .section__1 {
    margin-bottom: 100px;
  }
  .sub_invest .section__1.banner {
    /* transform:translateY(-64px); */
  }

  .sub_invest .section__1 .flex-cont {
    flex-direction: column;
    gap: 16px;
  }

  .sub_invest .section__1 .flex-cont .sub-headline-title {
      max-width:170px;
  }
  .sub_invest .section__1 .flex-cont .link-elm {
    width: 28px;
    height: 28px;
  }

  .sub_invest .section__1 .flex-cont .link-elm::after {
    width: 13px !important;
    height: 13px !important;
  }

  .sub_invest .section__1 .flex-cont .link-elm i {
    width: 13px !important;
    height: 13px !important;
  }

  .sub_invest .section__1 .flex-cont .left-area {
    width: 100%;
    /* height: 487px; */
    aspect-ratio:704 / 400;
  }

  .sub_invest .section__1 .flex-cont .left-area .left-item {
    padding: 24px;
    border-radius:16px;
    overflow:hidden;
  }
  
  .sub_invest .section__1 .flex-cont .left-area .left-item .left-bg {
    border-radius:0;
  }

  .sub_invest .section__1 .flex-cont .left-area .txt-bx .sub-headline-title {
    font-size: 2.4rem;
    line-height: 1.36;
    letter-spacing: -0.48px;
  }
  .sub_invest .section__1 .flex-cont .right-area {
    flex-direction: row;
    gap: 16px;
    width: 100%;
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item {
    width: calc(50% - 8px);
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a {
    /* min-height: 193px; */
    aspect-ratio:344 / 188;
    padding: 24px;
    border-radius:16px;
    overflow:hidden;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a::after  {
    border-radius:0;
  }

  .sub_invest .section__1 .flex-cont .right-area .right-item a .right-bg  {
    border-radius:0;
  }

  .sub_invest .section__1 .flex-cont .right-area .right-item .top-bx h5 {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx h6 {
    margin-bottom: 1px;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item .bt-bx .txt-flex .sub-headline-title {
    font-size: 2.8rem;
    line-height: 1.36;
    letter-spacing: -0.56px;
  }
}
@media screen and (max-width: 767px) {
  .sub_invest .section__1.banner {
    /* transform:translateY(-124px); */
  }

  .sub_invest .section__1 .flex-cont {
    gap: 12px;
  }

  .sub_invest .section__1 .flex-cont .sub-headline-title {
      max-width:160px;
  }

  .sub_invest .section__1 .flex-cont .left-area {
    /* height: 416px; */
    aspect-ratio:335 / 400;
  }
  .sub_invest .section__1 .flex-cont .right-area {
    flex-direction: column;
    gap: 12px;
  }
  .sub_invest .section__1 .flex-cont .right-area .right-item {
    width: 100%;
  }
  
  .sub_invest .section__1 .flex-cont .right-area .right-item a {
    min-height:188px;
    aspect-ratio:335 / 188;
  }
}
/* investment section__2 */
.sub_invest .section__2 {
  padding-top: 0;
  overflow: hidden;
  opacity:0;
  transform:translateY(20px);
}

.sub_invest .section__2 .s-title {
  opacity:1;
  transform:translateY(0);
}

.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 520px;
  padding: 40px;
  border-radius: 20px;
  background: var(--black15);
  overflow: hidden;
}

.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right:0 !important;
}

.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a h3 {
  color: var(--black100);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
  transition: all 0.4s ease;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--black30);
  overflow: hidden;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  background: url("../../images/ic/ic-link-arrow-right-black.svg") no-repeat center/contain;
  transition: all 0.4s ease-in-out;
  pointer-events:none;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx i {
  position: absolute;
  top: 50%;
  left: 50%;
  width:17px !important;
  height:17px !important;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease-in-out;
  pointer-events:none;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 23px;
  padding: 24px 0;
  border-top: 1px solid var(--black30);
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx {
  width: 100%;
  max-width: 300px;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw300 {
  max-width: 300px;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw340 {
  max-width: 340px;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx p {
  display: -webkit-box;
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .icon-bx {
  display: flex;
  align-items: center;
  gap: 20px;
}

@media screen and (min-width: 1025px) {
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a:hover h3 {
    color: var(--black80);
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a:hover .arrow-bx::after {
    left: 50%;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a:hover .arrow-bx i {
    left: 200%;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 23px;
    padding: 24px 0;
    border-top: 1px solid var(--black30);
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx {
    width: 100%;
    max-width: 300px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw300 {
    max-width: 300px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw340 {
    max-width: 340px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx p {
    color: var(--black100);
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.18px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .icon-bx {
    display: flex;
    align-items: center;
    gap: 20px;
  }
}
@media screen and (max-width: 1599px) {
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    max-width: 500px !important;
    min-width: auto !important;
    min-height: 400px;
    padding: 30px;
    border-radius: 16px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a {
    gap: 10px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a h3 {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx {
    width: 28px;
    height: 28px;
  }

  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx::after {
    width: 13px;
    height: 13px;
  }

  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx i {
    width:13px !important;
    height:13px !important;
  }

  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li {
    gap: 16px;
    padding: 20px 0;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx {
    max-width: 220px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw300 {
    max-width: 220px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw340 {
    max-width: 268px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_invest .section__2 .slide-container {
    padding-left:0;
    padding-right:0;
  }
  
  .sub_invest .section__2 .slide-container .swiper-container {
    padding-left:32px;
    padding-right:32px;
  }

  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide {
    max-width: 305px !important;
    min-width: 305px !important;
    min-height: 400px;
    padding: 24px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a h3 {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .top-area a .arrow-bx {
    width: 28px;
    height: 28px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li {
    gap: 16px;
    padding: 18px 0;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx {
    max-width: 185px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw300 {
    max-width: 185px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .txt-bx.mw340 {
    max-width: 220px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .icon-bx {
    gap: 16px;
  }
  .sub_invest .section__2 .slide-container .swiper-container .swiper-wrapper .swiper-slide .bt-area li .icon-bx i {
    width: 20px !important;
    height: 20px !important;
  }
}

@media screen and (max-width:767px) {
  .sub_invest .section__2 .slide-container .swiper-container {
    padding-right:20px;
    padding-left:20px;
  }
}

/* investment section__3 */
.sub_invest .section__3 .flex-wrap .flex-cont {
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap:20px;
  width:100%;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item {
  position:relative;
  padding:32px 36px;
  border-radius:20px;
  background:var(--black15);
  overflow:hidden;
  opacity:0;
  transform:translateY(20px);
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(1) {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  grid-column: 1 / 3;
  grid-row: 1 / 3;
  min-width:710px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(2) {
  grid-column: 3 / 5;
  grid-row: 1 / 2;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(3) {
 grid-column: 3 / 5;
  grid-row: 2 / 3;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(4) {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  min-width:345px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(5) {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  min-width:345px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(6) {
  grid-column: 3 / 5;
  grid-row: 3 / 4;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item .txt-bx {
  margin-bottom:60px;
}
.sub_invest .section__3 .flex-wrap .flex-cont .flex-item .txt-bx h5 {
  margin-bottom:8px;
  color:var(--black100);
  font-size:1.6rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.16px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item .percent-txt {
  display:flex;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item .percent-txt h4 {
  color:var(--black100);
  font-size:5.2rem;
  font-weight:600;
  line-height:1.16;
  letter-spacing:-1.04px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul  {
  display:flex;
  align-items:center;
  gap:30px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul li  {
  display:flex;
  align-items:center;
  gap:8px;
  width:120px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul li span {
  color:var(--black60);
  font-size:1.6rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.16px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul li span:last-child {
  color:var(--black100);
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item .unit-text {
  position:absolute;
  top:32px;
  right:36px;
  z-index:33;
  color:var(--black80);
  font-size:1.4rem;
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.14px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary {
  padding:32px 50px 40px 36px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h5 {
  color:var(--black100);
  font-size:2rem;
  font-weight:600;
  line-height:1.44;
  letter-spacing:-0.4px;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 {
  display:flex;
  justify-content:flex-end;
  color:var(--black100);
  font-size:9rem;
  font-weight:600;
  line-height:1.24;
  letter-spacing:-1.8px;
}
.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 .reel {
  width: auto;
  height: 1.2em;
  margin-left:-1px;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 .reel.comma {
  width: 0.3em;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 .digits {
  width: 100%;
}

.sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 .digits span {
  display: block;
  height: 1.2em;
}

@media screen and (max-width:1154px) {
  /* investment section__3 */
  .sub_invest .section__3 .flex-wrap .flex-cont {
    display:flex;
    flex-wrap:wrap;
    grid-template-columns: unset;
    grid-template-rows: unset;
    gap:16px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item {
    width:calc(50% - 8px);
    padding:30px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(1) {
    grid-column: unset;
    grid-row: unset;
    min-width:auto;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(2) {
    grid-column: unset;
    grid-row: unset;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(3) {
    grid-column: unset;
    grid-row: unset;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(4) {
    grid-column: unset;
    grid-row: unset;
    min-width:auto;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(5) {
    grid-column: unset;
    grid-row: unset;
    min-width:auto;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item:nth-child(6) {
    grid-column: unset;
    grid-row: unset;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .txt-bx {
    margin-bottom:42px;
  }

  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .txt-bx h5 {
    font-size:1.6rem;
    font-weight:600;
    line-height:1.5;
    letter-spacing:-0.16px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .percent-txt h4 {
    font-size:4.8rem;
    line-height:1.24;
    letter-spacing:-0.96px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .unit-text {
    top:30px;
    right:30px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary {
    padding:30px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h5 {
    margin-bottom:55px;
    font-size:1.6rem;
    line-height:1.5;
    letter-spacing:-0.16px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 {
    justify-content:flex-start;
    font-size:6.4rem;
    letter-spacing:-1.28px;
  }
}

@media screen and (max-width:1023px) {
  /* investment section__3 */
  .sub_invest .section__3 .flex-wrap .flex-cont {
    gap:16px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item {
    width:calc(50% - 8px);
    padding:24px;
    border-radius:16px;
  }

  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .txt-bx {
    margin-bottom:28px;
  }

  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .txt-bx h5 {
    margin-bottom:0;
    font-size:1.5rem;
    letter-spacing:-0.15px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .percent-txt h4 {
    font-size:3.8rem;
    line-height:1.36;
    letter-spacing:-0.76px;
  }

  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul  {
    gap:20px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul li  {
    gap:4px;
    width:100px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item > ul li span {
    font-size:1.4rem;
    letter-spacing:-0.14px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .unit-text {
    top:24px;
    right:24px;
    font-size:1.2rem;
    letter-spacing:-0.12px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary {
    padding:24px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h5 {
    margin-bottom:47px;
    font-size:1.5rem;
    letter-spacing:-0.15px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary h3 {
    font-size:4rem;
    line-height:1.36;
    letter-spacing:-0.8px;
  }
}

@media screen and (max-width:767px) {
  /* investment section__3 */
  .sub_invest .section__3 .flex-wrap .flex-cont {
    gap:12px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item {
    width:100%;
  }

  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item .unit-text {
    top:24px;
    right:24px;
  }
  
  .sub_invest .section__3 .flex-wrap .flex-cont .flex-item.bg-primary {
    padding:24px;
  }
}


/* investment section__4 */
.sub_invest .section__4 .sec04-wrap {
  position: relative;
  width: 100%;
  padding: 100px 0;
}
.sub_invest .section__4 .container {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sub_invest .section__4 .s-title {
  margin-bottom:200px;
}

.sub_invest .section__4 .s-title .fs-headline-40-type01 {
  display: inline-block;
}
.sub_invest .section__4 .s-title a {
  display: flex;
  flex-direction: column;
}
.sub_invest .section__4 .s-title a > span {
  transition: all 0.4s ease;
}
.sub_invest .section__4 .s-title a .flex-cont {
  gap: 16px;
}
.sub_invest .section__4 .s-title a .circle {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--white40);
  overflow: hidden;
}
.sub_invest .section__4 .s-title a .circle i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  transition: all 0.4s ease-in-out;
}
.sub_invest .section__4 .s-title a .circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -150%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  background: url("../../images/ic/ic-arrow-right-white.svg") no-repeat center/contain;
  transition: all 0.4s ease-in-out;
}
.sub_invest .section__4 .flex-container {
  display: flex;
  gap: 20px;
}
.sub_invest .section__4 .flex-container .flex-wrap {
  width: calc(50% - 10px);
  opacity: 0;
  transform: translateY(20px);
}
.sub_invest .section__4 .flex-container .flex-wrap h3 {
  margin-bottom: 18px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.sub_invest .section__4 .flex-container .flex-wrap .flex-cont {
  gap: 20px;
}
.sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(33.333% - 13.333px);
  min-height: 153px;
  padding: 20px 22px;
  border-radius: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item h4 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.28;
  letter-spacing: -0.4px;
}
.sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item p {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_invest .section__4 .sec04-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/sub/invest_sec04_bg.jpg") no-repeat center/cover;
}

@media screen and (min-width: 1025px) {
  .sub_invest .section__4 .s-title a:hover > span {
    color: var(--black30);
  }
  .sub_invest .section__4 .s-title a:hover .circle i {
    left: 150%;
  }
  .sub_invest .section__4 .s-title a:hover .circle::after {
    left: 50%;
  }
}

@media screen and (max-width:1599px) {
  .sub_invest .section__4 .s-title {
    margin-bottom:150px;
  }
  
  .sub_invest .section__4 .flex-container {
    gap: 16px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap {
    width: calc(50% - 8px);
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont {
    gap: 16px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item {
    width: calc(33.333% - 10.666px);
  }

  .sub_invest .section__4 .sec04-bg {
    background: url("../../images/sub/invest_sec04_bg-1599.jpg") no-repeat center/cover;
  }

}

@media screen and (max-width:1359px) {
  .sub_invest .section__4 .sec04-wrap {
    padding: 100px 0;
  }

  .sub_invest .section__4 .s-title {
    margin-bottom:120px;
  }

  .sub_invest .section__4 .s-title a .flex-cont {
    gap: 10px;
  }

  .sub_invest .section__4 .flex-container {
    flex-direction:column;
    gap: 60px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap {
    width:100%;
  }

  .sub_invest .section__4 .flex-container .flex-wrap h3 {
    margin-bottom: 20px;
    font-size: 2.2rem;
    letter-spacing: -0.44px;
  }

    .sub_invest .section__4 .flex-container .flex-wrap h3 br {
      display:none;
    }
  
  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont {
    gap: 16px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item {
    width: calc(33.333% - 10.666px);
    min-height: 140px;
    padding: 20px 24px;
    border-radius: 16px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item p {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}

@media screen and (max-width:1023px) {
  .sub_invest .section__4 .sec04-wrap {
    padding: 80px 0;
  }
  
  .sub_invest .section__4 .s-title {
    margin-bottom:120px;
  }

  .sub_invest .section__4 .s-title a .flex-cont {
    gap: 8px;
  }

  .sub_invest .section__4 .s-title a .circle {
    width: 24px;
    height: 24px;
  }
  .sub_invest .section__4 .s-title a .circle i {
    width: 12px;
    height: 12px;
  }
  .sub_invest .section__4 .s-title a .circle::after {
    width: 12px;
    height: 12px;
  }
 
  .sub_invest .section__4 .flex-container {
    gap: 50px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap {
    width:100%;
  }

  .sub_invest .section__4 .flex-container .flex-wrap h3 {
    margin-bottom: 20px;
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont {
    gap: 12px;
  }
  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item {
    width: calc(33.333% - 8px);
    min-height: 120px;
    padding: 20px 24px;
    border-radius: 16px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item h4 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item p {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}

@media screen and (max-width:767px) {
  .sub_invest .section__4 .sec04-wrap {
    padding: 60px 0;
  }

  .sub_invest .section__4 .s-title {
    margin-bottom:120px;
  }
  
  .sub_invest .section__4 .s-title a .flex-cont {
    gap: 10px;
  }

  .sub_invest .section__4 .flex-container {
    gap: 40px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap h3 {
    margin-bottom: 16px;
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont {
    gap: 12px;
  }
  
  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item {
    justify-content:flex-end;
    width: calc(33.333% - 8px);
    max-height: 103px;
    min-height: 103px;
    padding: 14px 14px 12px 14px;
    border-radius: 16px;

  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item h4 {
    font-size: 1.3rem;
    letter-spacing: -0.13px;
  }

  .sub_invest .section__4 .flex-container .flex-wrap .flex-cont .flex-item p {
    display:none;
  }
}


/* guideline */
.sub_guideline {
  padding-bottom: 200px;
}

.sub_guideline .section__2 .guideline-wrap .guide-item {
  margin-bottom: 100px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item:last-child {
  margin: 0;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx {
  margin-bottom: 40px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx .guide-title {
  margin-bottom: 24px;
  color: var(--black100);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx .guide-desc {
  color: var(--black80);
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx {
  margin-bottom: 40px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx:last-child {
  margin: 0;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-title {
  margin-bottom: 12px;
  color: var(--black100);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc {
  position: relative;
  padding-left: 26px;
  color: var(--black80);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.18px;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--black80);
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc:last-child {
  margin: 0;
}
.sub_guideline .section__2 .guideline-wrap .guide-item .guide-date-txt {
  color: var(--black100);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.4px;
}

@media screen and (max-width: 1599px) {
  .sub_guideline {
    padding-bottom: 160px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx {
    margin-bottom: 30px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx .guide-title {
    margin-bottom: 20px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    /* padding-left:4px; */
    /* padding-right:4px; */
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx .guide-desc {
    font-size: 1.8rem;
    letter-spacing: -0.18px;
    /* padding-left:4px; */
    /* padding-right:4px; */
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx {
    margin-bottom: 30px;
    /* padding-left:4px; */
    /* padding-right:4px; */
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-title {
    margin-bottom: 12px;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.18px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc {
    padding-left: 24px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -0.16px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc::after {
    top: 11px;
    left: 10px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-date-txt {
    margin-top: 10px;
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_guideline {
    padding-bottom: 100px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx {
    margin-bottom: 40px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx.guide-title-bx02 {
    margin-bottom: 16px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx .guide-title {
    line-height: 1.36;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-title-bx .guide-desc {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx {
    margin-bottom: 40px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-title {
    line-height: 1.44;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc {
    padding-left: 24px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc::after {
    content: "";
    top: 11px;
    left: 10px;
    width: 4px;
    height: 4px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-date-txt {
    margin-top: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 767px) {
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc {
    padding-left: 24px;
  }
  .sub_guideline .section__2 .guideline-wrap .guide-item .guide-dot-bx .guide-dot-desc::after {
    content: "";
    top: 11px;
    left: 10px;
    width: 4px;
    height: 4px;
  }
}
/* 
===================================================

                Sub CSS : End

===================================================
*/
/* 
===================================================

                Board CSS : Start

===================================================
*/
.board-title {
  margin-bottom: 60px;
}
.board-title h2 {

}

.filter-wrap {
  width: 100%;
  margin-bottom: 40px;
}
.filter-wrap .left-area {
  width: calc(100% - 335px);
}
.filter-wrap .left-area .select-box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.filter-wrap .left-area .select:nth-child(1) {
  z-index: 3;
}
.filter-wrap .left-area .select:nth-child(2) {
  z-index: 2;
}
.filter-wrap .left-area .select:nth-child(3) {
  z-index: 1;
}

.filter-wrap .right-area {
  width: 100%;
  max-width: 335px;
}


.result-wrap {
  margin-bottom: 40px;
}
.result-wrap .flex-bx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.result-wrap h3 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.result-wrap h3 span {
  color: var(--black100);
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.result-wrap .reset-bx {
  display: none;
}
.result-wrap .reset-bx .reset-btn {
  padding: 0 4px;
  color: var(--black100);
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.17px;
}

@media screen and (max-width: 1599px) {
  .filter-wrap {
    gap: 10px;
  }
  .filter-wrap .left-area {
    width: 100%;
  }
  .filter-wrap .left-area .select-box {
    gap: 10px;
  }
  .filter-wrap .right-area {
    max-width: 275px;
  }
  .result-wrap h3 span {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
}
@media screen and (max-width: 1023px) {
  .filter-wrap {
    flex-direction: column-reverse;
    gap: 12px;
    margin-bottom: 40px;
  }
  .filter-wrap .left-area {
    display: none;
    overflow: hidden;
  }
  .filter-wrap .left-area .select-box {
    flex-wrap: wrap;
    gap: 12px;
  }
  .filter-wrap .left-area .select {
    width: calc(50% - 6px);
    max-width: 100%;
    opacity: 1;
    transform: translateY(0);
  }
  .filter-wrap .left-area .select:first-child {
    width: 100%;
  }
  .filter-wrap .left-area .reset-bx {
    display: none;
  }
  .filter-wrap .right-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 100%;
  }
  .filter-wrap .search-box {
    width: calc(100% - 60px);
    max-width: 275px;
  }
  .filter-wrap .search-box input {
    width: 100%;
  }
  .filter-wrap .filter-open-btn {
    width: 48px;
    height: 48px;
    margin-left: 12px;
  }
  .result-wrap {
    padding-top: 10px;
  }
  .result-wrap h3 span {
    font-size: 1.7rem;
    letter-spacing: -0.17px;
  }
  .result-wrap .reset-bx {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .board-title {
    margin-bottom: 30px;
  }
  .filter-wrap .search-box {
    max-width: 100%;
  }
  .result-wrap {
    padding-left: 4px;
  }
  .result-wrap h3 {
    gap: 6px;
  }
  .result-wrap h3 span {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .result-wrap .reset-bx .reset-btn {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}
.list-wrap {
  margin-bottom: 60px;
}
.list-wrap.no-search {
  width: 100%;
  height: 400px;
  margin-bottom: 0;
}
.list-wrap.no-search li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.list-wrap.no-search li .no-search-text {
  color: var(--black60);
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.2px;
}
.list-wrap .list-item {
  display: inline-block;
  width: 100%;
}
.list-wrap .list-item a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
  padding: 30px 0;
  border-bottom: 1px solid var(--black30);
}
.list-wrap .list-item a .text-area {
  max-width: 800px;
}
.list-wrap .list-item a .text-area .subject-bx {
  margin-bottom: 16px;
}
.list-wrap .list-item a .text-area .subject-bx .subject-txt {
  color: var(--black100);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
  transition: all 0.4s ease-in-out;
}
.list-wrap .list-item a .text-area .info-bx {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.list-wrap .list-item a .text-area .info-bx .category-txt {
  color: var(--black80);
  letter-spacing: -0.16px;
}
.list-wrap .list-item a .text-area .info-bx .date-txt {
  display: inline-block;
  color: var(--black60);
  letter-spacing: -0.16px;
}
.list-wrap .list-item a .img-area {
  max-width: 282px;
  border-radius: 16px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
.list-wrap .list-item a .img-area img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 280 / 187;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

/* hover */
@media screen and (min-width: 1025px) {
  .list-wrap .list-item a:hover .text-area .subject-bx .subject-txt {
    color: var(--black80);
  }
  .list-wrap .list-item a:hover .img-area {
    transform: scale(0.98);
  }
  .list-wrap .list-item a:hover .img-area img {
    transform: scale(1.02);
  }
}
@media screen and (max-width: 1599px) {
  .list-wrap.no-search {
    height: 320px;
  }
  .list-wrap.no-search li .no-search-text {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-wrap .list-item a {
    padding: 26px 0;
  }
  .list-wrap .list-item a .text-area {
    max-width: 581px;
    /* padding-left: 4px; */
  }
  .list-wrap .list-item a .text-area .subject-bx {
    margin-bottom: 16px;
  }
  .list-wrap .list-item a .text-area .subject-bx .subject-txt {
    font-size: 2.4rem;
    letter-spacing: -0.48px;
  }
  .list-wrap .list-item a .text-area .info-bx {
    gap: 8px;
    font-size: 1.4rem;
    line-height: 1.44;
  }
  .list-wrap .list-item a .text-area .info-bx .category-txt {
    letter-spacing: 0;
  }
  .list-wrap .list-item a .text-area .info-bx .date-txt {
    letter-spacing: 0;
  }
  .list-wrap .list-item a .img-area {
    max-width: 226px;
    border-radius: 14px;
  }

  .list-wrap .list-item a .img-area img {
    aspect-ratio: 226 / 151;
  }
}
@media screen and (max-width: 1023px) {
  .list-wrap.no-search {
    height: 320px;
  }
  .list-wrap.no-search li .no-search-text {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .list-wrap .list-item a {
    padding: 30px 0;
  }
  .list-wrap .list-item a .text-area {
    max-width: 430px;
  }
  .list-wrap .list-item a .text-area .subject-bx {
    margin-bottom: 16px;
  }
  .list-wrap .list-item a .text-area .subject-bx .subject-txt {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }
  .list-wrap .list-item a .img-area {
    max-width: 165px;
    border-radius: 16px;
  }

  .list-wrap .list-item a .img-area img {
    aspect-ratio: 165 / 109;
  }
}
@media screen and (max-width: 767px) {
  .list-wrap {
    margin-bottom: 80px;
  }
  .list-wrap.no-search {
    height: 240px;
  }
  .list-wrap .list-item:first-child a {
    padding-top: 0;
  }
  .list-wrap .list-item a {
    align-items: flex-start;
    gap: 24px;
    padding: 22px 0 40px 0;
  }
  .list-wrap .list-item a .text-area {
    max-width: 200px;
  }
  .list-wrap .list-item a .text-area .subject-bx {
    margin-bottom: 10px;
  }
  .list-wrap .list-item a .text-area .subject-bx .subject-txt {
    font-size: 1.7rem;
    letter-spacing: -0.17px;
  }
  .list-wrap .list-item a .text-area .info-bx {
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .list-wrap .list-item a .text-area .info-bx .category-txt {
    letter-spacing: -0.12px;
  }
  .list-wrap .list-item a .text-area .info-bx .date-txt {
    letter-spacing: -0.12px;
  }
  .list-wrap .list-item a .img-area {
    max-width: 108px;
    border-radius: 8px;
  }

  .list-wrap .list-item a .img-area img {
    aspect-ratio: 108 / 72;
  }
}
.sub_media .section__2 {
  opacity: 0;
  transform: translateY(20px);
}

.sub_view {
  padding: 200px 0;
  overflow: hidden;
}
.sub_view .section__1 {
  position: relative;
  margin-bottom: 200px;
}
.sub_view .section__1 .toast-pop {
  position: fixed;
  top: 72px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 77;
  padding: 13px 32px;
  border-radius: 12px;
  background: var(--black90);
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease-in-out;
}
.sub_view .section__1 .toast-pop.show {
  opacity: 1;
}
.sub_view .section__1 .toast-pop p {
  width:max-content;
  color: var(--white100);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_view .section__2 {
  padding-top: 0;
}

.view-container {
  max-width: 916px;
}

.board-view .top-area {
  padding: 0 85px;
}
.board-view .top-area .cate-date-bx {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
.board-view .top-area .cate-date-bx h6 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.board-view .top-area .cate-date-bx h6.cate-txt {
  color: var(--black80);
}
.board-view .top-area .cate-date-bx h6.date-txt {
  color: var(--black60);
}
.board-view .top-area .view-title01 {
  color: var(--black100);
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.36;
  letter-spacing: -0.8px;
}
.board-view .mid-area {
  margin: 80px auto;
  border-radius: 20px;
  overflow: hidden;
}
.board-view .mid-area .img-bx {
  width: 100%;
}
.board-view .mid-area .img-bx figure {
  width: 100%;
}
.board-view .mid-area .img-bx figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.board-view .bt-area {
  padding: 0 85px;
}
.board-view .bt-area .view-title02 {
  margin-bottom: 60px;
  color: var(--black100);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.4px;
}
.board-view .bt-area .view-desc {
  color: var(--black80);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: -0.18px;
}

.board-view .bt-area .view-desc strong {
  font-weight:700;
}

.board-view .bt-area .view-btns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 80px;
}

.view-slide .swiper-container .swiper-wrapper .swiper-slide:last-child {
  margin-right:0 !important;
}

.view-slide .swiper-container .swiper-wrapper .swiper-slide a .img-bx {
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}

.view-slide .swiper-container .swiper-wrapper .swiper-slide a .img-bx img {
  width:100%;
  aspect-ratio:345 / 230;
  object-fit:cover;
  transition: all 0.3s cubic-bezier(.4,0,.2,1);
}
.view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
  padding-top: 20px;
  padding-right: 20px;
}
.view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .subject-txt {
  display: -webkit-box;
  margin-bottom: 12px;
  color: var(--black100);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.4px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition:all 0.4s ease-in-out;
}
.view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .cate-date-bx {
  display: flex;
  align-items: center;
  gap: 8px;
}
.view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .cate-date-bx h6 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.44;
}
.view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .cate-date-bx h6.cate-txt {
  color: var(--black80);
}
.view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .cate-date-bx h6.date-txt {
  color: var(--black60);
}

@media screen and (min-width:1025px) {
  .view-slide .swiper-container .swiper-wrapper .swiper-slide a:hover .img-bx {
    transform:scale(0.98);
  }
  
  .view-slide .swiper-container .swiper-wrapper .swiper-slide a:hover .img-bx img {
    transform:scale(1.022);
  }
  
  .view-slide .swiper-container .swiper-wrapper .swiper-slide a:hover .txt-bx .subject-txt {
    color: var(--black80);
  }
}

@media screen and (max-width: 1599px) {
  .sub_view {
    padding: 162px 0 160px 0;
  }
  .sub_view .section__1 {
    margin-bottom: 180px;
  }

  .board-view .top-area {
    padding: 0 107px;
  }
  .board-view .mid-area {
    border-radius: 16px;
  }
  .board-view .bt-area {
    padding: 0 107px;
  }
  .board-view .bt-area .view-btns {
    gap: 10px;
  }
  .view-slide .swiper-container .swiper-wrapper .swiper-slide a .img-bx {
    border-radius: 16px;
  }

  .view-slide .swiper-container .swiper-wrapper .swiper-slide a .img-bx img {
    width:100%;
  }

  .view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
    padding-right: 12px;
    /* padding-left: 4px; */
  }
  .view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx .subject-txt {
    margin-bottom: 14px;
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_view {
    padding: 126px 0 100px 0;
  }
  .sub_view .section__1 {
    margin-bottom: 100px;
  }
  .sub_view .section__1 .toast-pop {
    top: 66px;
    padding: 12px 32px;
    border-radius: 12px;
  }
  .sub_view .section__1 .toast-pop p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }

  .sub_view .section__2 .container {
    padding-left:0;
    padding-right:0;
  }
  
  .sub_view .section__2 .container .swiper-container {
    padding-left:32px;
    padding-right:32px;
  }
  
  .board-view .top-area {
    padding: 0;
  }
  .board-view .top-area .cate-date-bx {
    margin-bottom: 20px;
  }
  .board-view .top-area .view-title01 {
    font-size: 2.6rem;
    letter-spacing: -0.52px;
  }
  .board-view .mid-area {
    margin: 50px auto 60px auto;
  }
  .board-view .bt-area {
    padding: 0;
  }
  .board-view .bt-area .view-title02 {
    margin-bottom: 40px;
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .board-view .bt-area .view-btns {
    gap: 10px;
    margin-top: 60px;
  }

  .view-slide .swiper-container .swiper-wrapper .swiper-slide {
    width:295px !important;
  }
  
  .view-slide .swiper-container .swiper-wrapper .swiper-slide:last-child {
    margin-right:0 !important;
  }

  .view-slide .swiper-container .swiper-wrapper .swiper-slide a .txt-bx {
    max-width:270px;
    padding-right:0;
  }

}
@media screen and (max-width: 767px) {
  .sub_view {
    padding: 106px 0 100px 0;
  }
  .board-view .top-area .cate-date-bx {
    gap: 6px;
  }
  .board-view .top-area .cate-date-bx h6 {
    font-size: 1.4rem;
    line-height: 1.44;
    letter-spacing: 0;
  }

  .sub_view .section__2 .container .swiper-container {
    padding-left:20px;
    padding-right:20px;
  }
}
.sub_view02 {
  padding: 200px 0;
}

.sub_view02 .board-view .top-area .cate-date-bx {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
}
.sub_view02 .board-view .top-area .cate-date-bx h6 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_view02 .board-view .top-area .cate-date-bx h6.cate-txt {
  color: var(--black80);
}
.sub_view02 .board-view .top-area .cate-date-bx h6.date-txt {
  color: var(--black60);
}
.sub_view02 .board-view .top-area .view-title {
  color: var(--black100);
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -0.8px;
}
.sub_view02 .board-view .bt-area .view-desc {
  margin: 80px 0;
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}

.sub_view02 .board-view .bt-area .view-desc strong {
  font-weight:700;
}

.sub_view02 .board-view .bt-area .file-bx {
  display: flex;
  padding: 24px 0;
  border-top: 1px solid var(--black30);
  border-bottom: 1px solid var(--black30);
}
.sub_view02 .board-view .bt-area .file-bx .attachment-txt {
  width: 55px;
  margin-right: 24px;
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_view02 .board-view .bt-area .file-bx .download-wrap {
  width: calc(100% - 79px);
}
.sub_view02 .board-view .bt-area .file-bx .download-wrap a {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 14px;
}
.sub_view02 .board-view .bt-area .file-bx .download-wrap a:last-child {
  margin-bottom: 0;
}
.sub_view02 .board-view .bt-area .file-bx .download-wrap a .file-txt {
  width: calc(100% - 48px);
  color: var(--black100);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sub_view02 .board-view .bt-area .file-bx .download-wrap a i {
  width: 24px;
  height: 24px;
}
.sub_view02 .board-view .bt-area .btns-bx {
  margin-top: 80px;
  text-align: center;
}

@media screen and (max-width: 1599px) {
  .sub_view02 {
    padding: 162px 0 160px 0;
  }
}
@media screen and (max-width: 1023px) {
  .sub_view02 {
    padding: 126px 0 100px 0;
  }
  .sub_view02 .board-view .top-area {
    padding: 0 4px;
  }
  .sub_view02 .board-view .top-area .cate-date-bx {
    gap: 10px;
    margin-bottom: 20px;
  }
  .sub_view02 .board-view .top-area .cate-date-bx h6 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_view02 .board-view .top-area .view-title {
    font-size: 2.6rem;
    line-height: 1.36;
    letter-spacing: -0.52px;
  }
  .sub_view02 .board-view .bt-area .view-desc {
    margin: 50px 0 60px 0;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_view02 .board-view .bt-area .file-bx {
    flex-direction: column;
    gap: 14px;
    padding: 24px 0;
  }
  .sub_view02 .board-view .bt-area .file-bx .attachment-txt {
    width: 100%;
    margin-right: 0;
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_view02 .board-view .bt-area .file-bx .download-wrap {
    width: 100%;
  }
  .sub_view02 .board-view .bt-area .file-bx .download-wrap a .file-txt {
    width: calc(100% - 40px);
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_view02 .board-view .bt-area .file-bx .download-wrap a i {
    width: 20px !important;
    height: 20px !important;
  }
  .sub_view02 .board-view .bt-area .btns-bx {
    margin-top: 60px;
  }

  
}
@media screen and (max-width: 767px) {
  .sub_view02 {
    padding: 106px 0 100px 0;
  }
  .sub_view02 .board-view .top-area .cate-date-bx {
    gap: 6px;
  }
  .sub_view02 .board-view .top-area .cate-date-bx h6 {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}
/* list-top */
.list-top {
  position: relative;
  z-index: 12;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.list-top .list-name {
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .list-top {
    gap: 30px;
  }
  .list-top .search-box {
    max-width: 355px;
  }
}
@media screen and (max-width: 767px) {
  .list-top {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 40px;
  }
  .list-top.gap8 {
    gap: 8px;
  }
  .list-top .search-box,
  .list-top .select {
    max-width: 100%;
  }
}
/* list 공통 css */
.list-type {
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.list-type table {
  width: 100%;
  border-top: 1px solid var(--black100);
}
.list-type table tr {
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  text-align: left;
  line-height: 1.5;
  letter-spacing: -0.18px;
  border-bottom: 1px solid var(--black30);
}
.list-type table thead tr th {
  padding: 20px 0 20px 20px;
}
.list-type table tbody tr td {
  padding: 30px 0 30px 20px;
  font-weight: 500;
}
.list-type table.no-search tr {
  border-bottom: none;
}
.list-type table.no-search tr td {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  color: var(--black60);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.2px;
}

@media screen and (max-width: 1599px) {
  .list-type table tr {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-type table thead tr th {
    padding: 20px 0 20px 16px;
  }
  .list-type table tbody tr td {
    padding: 30px 0 30px 16px;
  }
  .list-type table.no-search tr td {
    height: 320px;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1023px) {
  .list-type table.no-search tr td {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
}
@media screen and (max-width: 767px) {
  .list-type table.no-search tr td {
    height: 240px;
  }
  .list-type table.no-search tr td:nth-child(1) {
    display: flex;
  }
}
/* .sub_list_type01 .pagination {
  opacity: 0;
  transform: translateY(20px);
} */

/* list-type01 */
.list-type01 {
  margin: 60px 0;
}
.list-type01 table thead tr th:nth-child(1) {
  width: 7.09%;
  padding-left: 4px;
}
.list-type01 table thead tr th:nth-child(2) {
  width: auto;
}
.list-type01 table thead tr th:nth-child(3) {
  width: 18.26%;
}
.list-type01 table thead tr th:nth-child(4) {
  width: 102px;
  text-align: center;
}
.list-type01 table tbody tr td:nth-child(1) {
  padding-left: 4px;
}
.list-type01 table tbody tr td:nth-child(4) {
  text-align: center;
}

@media screen and (max-width: 1599px) {
  .list-type01 {
    margin: 40px 0 50px 0;
  }
  .list-type01 table thead tr th:nth-child(4) {
    width: 96px;
  }
}
@media screen and (max-width: 767px) {
  .list-type01 table thead {
    display: none;
  }
  .list-type01 table tbody tr {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 4px;
  }
  .list-type01 table tbody tr td {
    padding: 0;
  }
  .list-type01 table tbody tr td:nth-child(1) {
    display: none;
  }
  .list-type01 table tbody tr td:nth-child(2) {
    width: calc(100% - 40px);
    margin-bottom: 4px;
  }
  .list-type01 table tbody tr td:nth-child(3) {
    width: calc(100% - 40px);
    color: var(--black60);
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .list-type01 table tbody tr td:nth-child(4) {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .list-type01 table tbody tr td:nth-child(4) a {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .list-type01 table tbody tr td:nth-child(4) a i {
    width: 100% !important;
    height: 100% !important;
  }
}
.sub_list_type02 .section__2 .list-top .list-info-txt,
.sub_list_type02 .section__3 .list-top .list-info-txt {
  width: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 1023px) {
  .sub_list_type02 .section__2 .list-top,
  .sub_list_type02 .section__3 .list-top {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 8px;
  }
}
/* list-type02 */
.list-type02 {
  margin-top: 60px;
}
.list-type02 .list-type02-item {
  padding: 20px 0 20px 20px;
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.list-type02 .list-type02-item:nth-child(1) {
  width: 7.08%;
  padding-left: 4px;
}
.list-type02 .list-type02-item:nth-child(2) {
  width: 25.34%;
}
.list-type02 .list-type02-item:nth-child(3) {
  width: 33.75%;
}
.list-type02 .list-type02-item:nth-child(4) {
  width: 13.94%;
}
.list-type02 .list-type02-item:nth-child(5) {
  width: 19.87%;
}
.list-type02 .list-type02-item p {
  margin-bottom: 6px;
}
.list-type02 .list-type02-item p:last-child {
  margin-bottom: 0;
}
.list-type02 .list-type02-head ul,
.list-type02 .list-type02-body ul {
  display: flex;
}
.list-type02 .list-type02-head {
  border-top: 1px solid var(--black100);
  border-bottom: 1px solid var(--black30);
}
.list-type02 .list-type02-body ul {
  border-bottom: 1px solid var(--black30);
}
.list-type02 .list-type02-body ul .list-type02-item {
  padding: 30px 0 30px 20px;
  font-weight: 500;
}
.list-type02 .list-type02-body ul .list-type02-item:nth-child(1) {
  padding-left: 4px;
}

@media screen and (max-width: 1599px) {
  .list-type02 {
    margin-top: 40px;
  }
  .list-type02 .list-type02-item {
    padding: 20px 0 20px 16px;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-type02 .list-type02-item:nth-child(1) {
    width: 7.08%;
  }
  .list-type02 .list-type02-item:nth-child(2) {
    width: 25.34%;
  }
  .list-type02 .list-type02-item:nth-child(3) {
    width: 33.75%;
  }
  .list-type02 .list-type02-item:nth-child(4) {
    width: 16.94%;
  }
  .list-type02 .list-type02-item:nth-child(5) {
    width: 16.87%;
  }
  .list-type02 .list-type02-item p {
    margin-bottom: 6px;
  }
  .list-type02 .list-type02-body ul .list-type02-item {
    padding: 30px 0 30px 16px;
  }
}
@media screen and (max-width: 1023px) {
  .list-type02 {
    margin-top: 40px;
  }
  .list-type02 .list-type02-item {
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-type02 .list-type02-item:nth-child(1) {
    width: 100%;
  }
  .list-type02 .list-type02-item:nth-child(2) {
    width: 100%;
  }
  .list-type02 .list-type02-item:nth-child(3) {
    width: 100%;
  }
  .list-type02 .list-type02-item:nth-child(4) {
    width: 100%;
  }
  .list-type02 .list-type02-item:nth-child(5) {
    width: 100%;
  }
  .list-type02 .list-type02-item p {
    margin-bottom: 0;
  }
  .list-type02 .list-type02-head {
    display: none;
  }
  .list-type02 .list-type02-body {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--black100);
  }
  .list-type02 .list-type02-body.b-block {
    border-bottom: 1px solid var(--black30);
  }
  .list-type02 .list-type02-body ul {
    flex-direction: column;
    gap: 0;
    width: 50%;
    padding: 20px 4px 40px 4px;
  }
  .list-type02 .list-type02-body ul.b-none {
    border-bottom: none;
  }
  .list-type02 .list-type02-body ul .list-type02-item {
    margin-bottom: 24px;
    padding: 0 4px;
  }
  .list-type02 .list-type02-body ul .list-type02-item:first-child {
    margin-bottom: 20px;
  }
  .list-type02 .list-type02-body ul .list-type02-item:first-child p {
    color: var(--black100);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.18px;
  }
  .list-type02 .list-type02-body ul .list-type02-item:last-child {
    margin-bottom: 0;
  }
  .list-type02 .list-type02-body ul .list-type02-item .mobile-list-title {
    margin-bottom: 4px;
    color: var(--black60);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.15px;
  }
}
@media screen and (max-width: 767px) {
  .list-type02 .list-type02-body ul {
    width: 100%;
  }
  .list-type02 .list-type02-body ul .list-type02-item .mobile-list-title {
    margin-bottom: 4px;
    color: var(--black60);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.15px;
  }
}
/* list-type03 */
.list-type03 {
  margin-top: 60px;
  overflow-x:auto;
}
.list-type03 table {
  /* table-layout: fixed; */
  width:100%;
}
.list-type03 table thead tr th {
  width: 9.23%;
  vertical-align: middle;
  min-width:132px;
}
.list-type03 table thead tr th:nth-child(1) {
  /* width:107px; */
  width: 7.08%;
  max-width: 102px;
  min-width:102px;
  padding-left: 4px;
}
.list-type03 table thead tr th:nth-child(2) {
  width: 9.79%;
  max-width: 141px;
  min-width:141px;
}
.list-type03 table tbody tr td {
  position: relative;
}
.list-type03 table tbody tr td[rowspan] {
  padding-left: 4px;
}
.list-type03 table tbody tr td span {
  display: inline-block;
}
.list-type03 table tbody tr td ul .task-list-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  display: none;
  width: 24px;
  height: 24px;
  background: url("../../images/ic/ic-lg-check.svg") no-repeat center/contain;
}
.list-type03 table tbody tr td ul .task-list-item.checked::after {
  display: block;
}
.list-type03 table tbody tr td ul .task-list-item p, .list-type03 table tbody tr td ul .task-list-item br {
  display: none !important;
  transform: scale(0) !important;
  height: 0 !important;
  font-size: 0 !important;
  opacity: 0 !important;
}

@media screen and (max-width: 1599px) {
  .list-type03 {
    margin-top: 40px;
  }
  .list-type03 table {
    width:max-content;
    min-width: 100%;
  }
  .list-type03 table thead tr th {
    width: 9.23%;
    min-width:89px;
  }
  .list-type03 table thead tr th:nth-child(1) {
    width: 8.47%;
    min-width:80px;
  }
  .list-type03 table thead tr th:nth-child(2) {
    width: 10.16%;
    min-width:86px;
  }
  .list-type03 table tbody tr td ul .task-list-item::after {
    left: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .mo-pr0 {
    padding-right: 0;
  }
  .list-type03 {
    overflow-x: auto;
    padding-right: calc(var(--gutter) * 2);
  }
  .list-type03 table {
    width: max-content;
    min-width: 100%;
  }
  .list-type03 table tr {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .list-type03 table thead tr th {
    width: 89px;
    padding: 14px 12px;
    min-width:89px;
  }
  .list-type03 table thead tr th:nth-child(1) {
    width: 80px;
    min-width:80px;
  }
  .list-type03 table thead tr th:nth-child(2) {
    width: 86px;
    min-width:86px;
  }
  .list-type03 table tbody tr td {
    padding: 20px 12px;
  }
  .list-type03 table tbody tr td ul .task-list-item::after {
    left: 12px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .list-type03 {
    padding-right: calc(var(--gutter) * 2 - 4px);
  }
}
/* list-type04 */
.sub_list_type04 .section__2 .grid-cont {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-bottom: 100px;
}
.sub_list_type04 .section__2 .grid-cont .title-bx {
  grid-row: 1;
  grid-column: 1;
  max-width: 588px;
  /* opacity: 0;
  transform: translateY(20px); */
}
.sub_list_type04 .section__2 .grid-cont .logo-bx {
  grid-row: 2;
  grid-column: 1;
  display: flex;
  align-items: flex-end;
  gap: 24px;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.sub_list_type04 .section__2 .grid-cont .img-bx {
  grid-row: 1/3;
  grid-column: 2;
  /* height: 480px; */
  aspect-ratio:710 / 480;
  border-radius: 20px;
  overflow: hidden;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.sub_list_type04 .section__2 .grid-cont .img-bx figure {
  width: 100%;
  height: 100%;
}
.sub_list_type04 .section__2 .grid-cont .img-bx figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1599px) {
  .sub_list_type04 .section__2 .grid-cont .title-bx {
    max-width: 344px;
  }
  .sub_list_type04 .section__2 .grid-cont .logo-bx {
    gap: 24px;
  }
  .sub_list_type04 .section__2 .grid-cont .img-bx {
    /* height: 312px; */
    aspect-ratio:518 / 350;
    border-radius: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_list_type04 .section__2 .grid-cont {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 40px;
  }
  .sub_list_type04 .section__2 .grid-cont .title-bx {
    grid-column: 1;
    grid-row: auto;
    order: 1;
    max-width: 100%;
  }
  .sub_list_type04 .section__2 .grid-cont .logo-bx {
    grid-column: 1;
    grid-row: auto;
    order: 3;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }
  .sub_list_type04 .section__2 .grid-cont .img-bx {
    grid-column: 1;
    grid-row: auto;
    order: 2;
    /* height: 480px; */
    aspect-ratio:704 / 480;
  }
}
@media screen and (max-width: 767px) {

  .sub_list_type04 .section__2 .grid-cont .title-bx {
    max-width:315px;
  }
  .sub_list_type04 .section__2 .grid-cont .img-bx {
    /* height: 226px; */
    aspect-ratio:335 / 227;
  }
}
.list-info-txt {
  display: inline-block;
  width: 100%;
  margin-bottom: 24px;
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
  text-align: right;
}
.list-info-txt.bt-info {
  margin-top: 24px;
  margin-bottom: 0;
  color: var(--black80);
  text-align: left;
}

@media screen and (max-width: 1599px) {
  .list-info-txt {
    margin-bottom: 20px;
    font-size: 1.4rem;
    line-height: 1.44;
    letter-spacing: 0;
  }
  .list-info-txt.bt-info {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .list-info-txt {
    line-height: 1.5;
    letter-spacing: -0.14px;
  }
}
.list-type04 table thead tr th:nth-child(1) {
  width: 15.48%;
  padding-left: 4px;
}
.list-type04 table thead tr th:nth-child(2) {
  width: auto;
}
.list-type04 table thead tr th:nth-child(3) {
  width: 15.48%;
}
.list-type04 table thead tr th:nth-child(4) {
  width: 9.86%;
}
.list-type04 table tbody tr td:nth-child(1) {
  padding-left: 4px;
}
.list-type04 table tbody tr td:nth-child(4) {
  text-align: left;
}

@media screen and (max-width: 1599px) {
  .list-type04 table thead tr th:nth-child(1) {
    width: 18.64%;
  }
  .list-type04 table thead tr th:nth-child(2) {
    width: auto;
  }
  .list-type04 table thead tr th:nth-child(3) {
    width: 15.46%;
  }
  .list-type04 table thead tr th:nth-child(4) {
    width: 11.75%;
  }
}
@media screen and (max-width: 1023px) {
  .list-type04 table thead tr th:nth-child(1) {
    width: 19.88%;
  }
  .list-type04 table thead tr th:nth-child(2) {
    width: auto;
  }
  .list-type04 table thead tr th:nth-child(3) {
    width: 22.72%;
  }
  .list-type04 table thead tr th:nth-child(4) {
    width: 17.04%;
  }
}
@media screen and (max-width: 767px) {
  .list-type04 table thead {
    display: none;
  }
  .list-type04 table tbody tr {
    display: flex;
    flex-direction: column;
    padding: 20px 4px 40px 4px;
  }
  .list-type04 table tbody tr td {
    width: 100%;
    padding: 0;
  }
  .list-type04 table tbody tr td .mobile-title {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--black60);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.15px;
  }
  .list-type04 table tbody tr td:nth-child(1) {
    padding-left: 0;
  }
  .list-type04 table tbody tr td:nth-child(1) p {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.18px;
  }
  .list-type04 table tbody tr td:nth-child(2) p {
    margin-top: 6px;
  }
  .list-type04 table tbody tr td:nth-child(3) {
    margin: 20px 0 24px 0;
  }
}
/* list-type05 */
.list-type05 {
  margin-top: 60px;
}
.list-type05 table thead tr th {
  vertical-align: middle;
}
.list-type05 table thead tr th:nth-child(1) {
  width: 15.48%;
  padding-left: 4px;
}
.list-type05 table thead tr th:nth-child(2) {
  width: auto;
}
.list-type05 table thead tr th:nth-child(3) {
  width: 16.875%;
}
.list-type05 table tbody tr td {
  vertical-align: middle;
}
.list-type05 table tbody tr td:nth-child(1) {
  padding-left: 4px;
}

@media screen and (max-width: 1599px) {
  .list-type05 {
    margin-top: 40px;
  }
  .list-type05 table thead tr th:nth-child(1) {
    width: 18.64%;
  }
  .list-type05 table thead tr th:nth-child(3) {
    width: 192px;
  }
}
@media screen and (max-width: 1023px) {
  .list-type05 table thead tr th:nth-child(1) {
    width: 128px;
  }
  .list-type05 table thead tr th:nth-child(3) {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  .list-type05 table tr {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .list-type05 table thead tr th {
    padding: 14px 0 14px 12px;
  }
  .list-type05 table thead tr th:nth-child(1) {
    width: 79px;
  }
  .list-type05 table thead tr th:nth-child(3) {
    width: 92px;
  }
  .list-type05 table tbody tr td {
    padding: 20px 0 20px 12px;
  }
}
/* list-type06 */
.sub_list_type06 .pagination {
  /* opacity: 0; */
  /* transform: translateY(20px); */
}

.list-type06 {
  margin: 60px 0;
}
.list-type06 table thead tr th:nth-child(1) {
  width: 7.09%;
  padding-left: 4px;
}
.list-type06 table thead tr th:nth-child(2) {
  width: auto;
}
.list-type06 table thead tr th:nth-child(3) {
  width: 102px;
  text-align: center;
}
.list-type06 table tbody tr td:nth-child(1) {
  padding-left: 4px;
}
.list-type06 table tbody tr td:nth-child(3) {
  text-align: center;
}

@media screen and (max-width: 1599px) {
  .list-type06 {
    margin: 40px 0 50px 0;
  }
  .list-type06 table thead tr th:nth-child(1) {
    width: 80px;
  }
  .list-type06 table thead tr th:nth-child(3) {
    width: 96px;
  }
}
@media screen and (max-width: 1023px) {
  .list-type06 table thead tr th:nth-child(1) {
    width: 74px;
  }
  .list-type06 table thead tr th:nth-child(3) {
    width: 90px;
  }
}
@media screen and (max-width: 767px) {
  .list-type06 table thead {
    display: none;
  }
  .list-type06 table tbody tr {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
  }
  .list-type06 table tbody tr td {
    padding: 0;
  }
  .list-type06 table tbody tr td:nth-child(1) {
    display: none;
  }
  .list-type06 table tbody tr td:nth-child(2) {
    width: calc(100% - 40px);
    /* margin-bottom:4px; */
  }
  .list-type06 table tbody tr td:nth-child(3) {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .list-type06 table tbody tr td:nth-child(3) a {
    display: inline-block;
    width: 20px;
    height: 20px;
  }
  .list-type06 table tbody tr td:nth-child(3) a i {
    width: 100% !important;
    height: 100% !important;
  }
}
/* list-type07 */
.sub_list_type07 .s-title {
  transform:translateY(0);
  opacity:1;
}
.sub_list_type07 .section__2 .flex-cont {
  gap: 20px;
}
.sub_list_type07 .section__2 .flex-cont .flex-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(33.333% - 13.333px);
  min-height: 250px;
  padding: 40px;
  color: var(--black100);
  border-radius: 20px;
  background: var(--black15);
  overflow: hidden;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.sub_list_type07 .section__2 .flex-cont .flex-item h6 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_list_type07 .section__2 .flex-cont .flex-item h3 {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -1.2px;
}

.sub_list_type07 .section__3 .list-tab-btn {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 80px 0 40px 0;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.sub_list_type07 .section__3 .list-tab-btn a {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  color: var(--black60);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_list_type07 .section__3 .list-tab-btn a.on {
  color: var(--black100);
}
.sub_list_type07 .section__3 .list-tab-btn a.on::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--black100);
}
.sub_list_type07 .section__3 .tabBox {
  display: none;
}
.sub_list_type07 .section__3 .tabBox.on {
  display: block;
}

@media screen and (max-width: 1599px) {
  .sub_list_type07 .section__2 .flex-cont {
    gap: 16px;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item {
    width: calc(33.333% - 10.666px);
    min-height: 160px;
    padding: 30px;
    border-radius: 16px;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item h3 {
    font-size: 3.2rem;
    line-height: 1.36;
    letter-spacing: -0.64px;
  }
  .sub_list_type07 .section__3 .list-tab-btn {
    margin: 40px 0;
  }
}
@media screen and (max-width: 1023px) {
  .sub_list_type07 .section__2 .flex-cont {
    gap: 12px;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item {
    width: calc(33.333% - 8px);
    min-height: 140px;
    padding: 24px;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item h6 {
    font-size: 1.5rem;
    letter-spacing: -0.15px;
  }
  .sub_list_type07 .section__3 .list-tab-btn {
    gap: 20px;
    margin: 40px 0;
  }
  .sub_list_type07 .section__3 .list-tab-btn a {
    padding-bottom: 4px;
    font-size: 1.6rem;
    text-align: center;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 767px) {
  .sub_list_type07 .section__2 .flex-cont {
    flex-direction: column;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item {
    width: 100%;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item h6 {
    margin-bottom: 15px;
  }
  .sub_list_type07 .section__2 .flex-cont .flex-item h3 {
    font-size: 4rem;
    letter-spacing: -0.8px;
    text-align: right;
  }
}
.list-type07 ul {
  border-top: 1px solid var(--black100);
}
.list-type07 ul li {
  display: flex;
  border-bottom: 1px solid var(--black30);
}
.list-type07 ul li:first-child p {
  padding: 20px 0 20px 20px;
  font-weight: 600;
}
.list-type07 ul li p {
  padding: 30px 0 30px 20px;
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.list-type07 ul li p:first-child {
  width: 223px;
  padding-left: 4px;
}
.list-type07 ul li p:last-child {
  width: calc(100% - 223px);
}
.list-type07 .list-info-txt {
  word-break: keep-all;
}

@media screen and (max-width: 1599px) {
  .list-type07 ul li:first-child p:first-child {
    padding: 20px 0 20px 4px;
  }
  .list-type07 ul li p {
    padding: 30px 0 30px 16px;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-type07 ul li p:first-child {
    width: 172px;
  }
  .list-type07 ul li p:last-child {
    width: calc(100% - 172px);
  }
}
@media screen and (max-width: 1023px) {
  .list-type07 ul li {
    flex-direction: column;
    padding: 20px 4px 40px 4px;
  }
  .list-type07 ul li:first-child {
    display: none;
  }
  .list-type07 ul li p {
    padding: 0;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-type07 ul li p:first-child {
    width: 100%;
    margin-bottom: 6px;
    padding-left: 0;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.18px;
  }
  .list-type07 ul li p:last-child {
    width: 100%;
  }
}
/* list-type08 */
/* .sub_list_type08 .pagination {
  opacity: 0;
  transform: translateY(20px);
} */

.list-type08 {
  margin: 60px 0;
}
.list-type08 table tr, .list-type08 table td {
  vertical-align: middle;
}
.list-type08 table thead tr th:nth-child(1) {
  width: 102px;
  padding-left: 4px;
}
.list-type08 table thead tr th:nth-child(2) {
  width: 25.34%;
}
.list-type08 table thead tr th:nth-child(3) {
  width: auto;
  text-align: center;
}
.list-type08 table thead tr th:nth-child(4) {
  width: 142px;
  text-align: center;
}
.list-type08 table tbody tr td:nth-child(1) {
  padding-left: 4px;
}
.list-type08 table tbody tr td:nth-child(3) {
  text-align: center;
}
.list-type08 table tbody tr td:nth-child(3) .download-bx {
  display: flex;
  justify-content:flex-start;
  gap: 30px;
  width:100%;
  max-width:475px;
  margin: 0 auto;
}
.list-type08 table tbody tr td:nth-child(3) .download-bx a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.list-type08 table tbody tr td:nth-child(4) {
  text-align: center;
}

@media screen and (max-width: 1599px) {
  .list-type08 {
    margin: 40px 0 60px 0;
  }
  .list-type08 table thead tr th:nth-child(1) {
    width: 80px;
  }
  .list-type08 table thead tr th:nth-child(2) {
    width: 40.67%;
  }
  .list-type08 table thead tr th:nth-child(3) {
    width: auto;
    text-align: left;
  }
  .list-type08 table thead tr th:nth-child(4) {
    width: 148px;
  }
  .list-type08 table tbody tr td:nth-child(3) .download-bx {
    flex-direction: column;
    justify-content: flex-start;
    gap: 12px;
    max-width:100%;
    margin:0;
  }
  .list-type08 table tbody tr td:nth-child(3) .download-bx a {
    gap: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .list-type08 {
    margin: 40px 0 50px 0;
  }
  .list-type08 table thead tr th:nth-child(1) {
    width: 56px;
  }
  .list-type08 table thead tr th:nth-child(2) {
    width: 39.34%;
  }
  .list-type08 table thead tr th:nth-child(3) {
    width: auto;
  }
  .list-type08 table thead tr th:nth-child(4) {
    width: 131px;
  }
}
@media screen and (max-width: 767px) {
  .list-type08 table thead {
    display: none;
  }
  .list-type08 table tbody tr {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px 4px;
  }
  .list-type08 table tbody tr td {
    width: 100%;
    padding: 0;
  }
  .list-type08 table tbody tr td:nth-child(1) {
    display: none;
  }
  .list-type08 table tbody tr td:nth-child(2) {
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.44;
  }
  .list-type08 table tbody tr td:nth-child(3) .download-bx {
    gap: 10px;
  }
  .list-type08 table tbody tr td:nth-child(3) .download-bx a {
    gap: 4px;
  }
  .list-type08 table tbody tr td:nth-child(3) .download-bx a i {
    width: 20px !important;
    height: 20px !important;
  }
  .list-type08 table tbody tr td:nth-child(4) {
    position: absolute;
    top: 23px;
    right: 4px;
    width: auto;
  }
}
/* list-type09 */
/* .sub_list_type09 .pagination { */
  /* opacity: 0; */
  /* transform: translateY(20px); */
/* } */
.sub_list_type09 .section__2 .list-top .date-txt {
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_list_type09 .section__2 .stock-list-top {
  margin: 60px 0;
  /* opacity: 0;
  transform: translateY(20px); */
}
.sub_list_type09 .section__2 .stock-list-top .stock-price {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  padding: 30px 0;
  border-top: 1px solid var(--black100);
}
.sub_list_type09 .section__2 .stock-list-top .stock-price .price-num h3 {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -1.2px;
}
.sub_list_type09 .section__2 .stock-list-top .stock-price .price-num h3.decrease {
  color: var(--blue);
}
.sub_list_type09 .section__2 .stock-list-top .stock-price .price-num h3.rise {
  color: var(--red);
}
.sub_list_type09 .section__2 .stock-list-top .stock-price ul {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
.sub_list_type09 .section__2 .stock-list-top .stock-price ul li {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sub_list_type09 .section__2 .stock-list-top .stock-price ul li h4 {
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_list_type09 .section__2 .stock-list-top .stock-price ul li h4:last-child span.decrease {
  color: var(--blue);
}
.sub_list_type09 .section__2 .stock-list-top .stock-price ul li h4:last-child span.rise {
  color: var(--red);
}
.sub_list_type09 .section__2 .stock-list-top .stock-list01 table {
  width: 100%;
  border-top: 1px solid var(--black100);
}
.sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr {
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.18px;
  border-bottom: 1px solid var(--black30);
}
.sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr th {
  width: 25%;
  padding: 20px 0;
  vertical-align: middle;
}
.sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr td {
  padding: 30px 0;
  font-weight: 500;
  vertical-align: middle;
}
.sub_list_type09 .section__2 .stock-list-bt {
  display: flex;
  gap: 20px;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.sub_list_type09 .section__2 .stock-list-bt > div {
  width: calc(50% - 10px);
  border-top: 1px solid var(--black100);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:first-child {
  padding: 20px 20px;
  border-bottom: 1px solid var(--black30);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:last-child {
  justify-content: space-between;
  padding: 30px 20px;
  border-bottom: 1px solid var(--black30);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:last-child p:last-child {
  color: var(--black80);
  font-weight: 500;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li p {
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol {
  width: calc(50% - 10px);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  border-bottom: 1px solid var(--black30);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol > li p:last-child {
  color: var(--black80);
  font-weight: 500;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li {
  display: flex;
  gap: 20px;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol {
  width: calc(50% - 10px);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 20px;
  border-bottom: 1px solid var(--black30);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:first-child {
  padding: 20px 20px;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:first-child p:last-child {
  font-weight: 600;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li p {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li p:last-child {
  color: var(--black80);
  font-weight: 500;
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li p:last-child.decrease {
  color: var(--blue);
}
.sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li p:last-child.rise {
  color: var(--red);
}

@media screen and (max-width: 1599px) {
  .sub_list_type09 .section__2 .list-top .date-txt {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price .price-num h3 {
    font-size: 4.2rem;
    letter-spacing: -0.84px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price ul li h4 {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:first-child {
    padding: 20px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:last-child {
    padding: 30px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol > li {
    padding: 30px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol > li:last-child {
    height: 109px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li {
    padding: 30px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:first-child {
    padding: 20px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:nth-child(5) {
    height: 109px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li p {
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_list_type09 .section__2 .stock-list-top {
    margin: 40px 0 60px 0;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price .price-num h3 {
    font-size: 4.2rem;
    letter-spacing: -0.84px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price ul {
    gap: 12px;
    width: 100%;
    margin-bottom: 0;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price ul li {
    flex-direction: column;
    align-items: flex-start;
    width: calc(50% - 6px);
    gap: 4px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price ul li h4 {
    color: var(--black60);
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr {
    font-size: 1.6rem;
    text-align: left;
    letter-spacing: -0.16px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr th {
    padding: 20px 0 20px 20px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr th:first-child {
    padding-left: 4px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr td {
    padding: 20px 0 20px 20px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tr td:first-child {
    padding-left: 4px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-list01 table tbody tr {
    border-bottom: none;
  }
  .sub_list_type09 .section__2 .stock-list-bt {
    flex-direction: column;
    gap: 80px;
  }
  .sub_list_type09 .section__2 .stock-list-bt > div {
    width: 100%;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li {
    flex-direction: column;
    gap: 0;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:first-child {
    flex-direction: row;
    justify-content: flex-start;
    padding: 14px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:first-child p {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.16px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li:last-child {
    flex-direction: row;
    padding: 20px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: -0.14px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol {
    width: 100%;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol > li {
    padding: 20px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list02 ul > li > ol > li:last-child {
    height: auto;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li {
    gap: 12px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol {
    width: calc(50% - 6px);
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li {
    padding: 20px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:first-child {
    padding: 14px 4px;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:first-child p {
    font-weight: 600;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li:nth-child(5) {
    height: auto;
  }
  .sub_list_type09 .section__2 .stock-list-bt .stock-list03 ul > li > ol > li p {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.44;
    letter-spacing: -0.14px;
  }
}
@media screen and (max-width: 767px) {
  .sub_list_type09 .section__2 .list-top {
    flex-direction: column;
    gap: 8px;
  }
  .sub_list_type09 .section__2 .stock-list-top .stock-price .price-num h3 {
    font-size: 3.2rem;
    line-height: 1.3;
    letter-spacing: -0.64px;
  }
}
.list-type09 {
  margin: 60px 0;
}
.list-type09 table thead tr th {
  vertical-align: middle;
  width: 10.69%;
}
.list-type09 table thead tr th:nth-child(1) {
  padding-left: 4px;
}
.list-type09 table thead tr th:nth-child(4) {
  width: 12.56%;
}
.list-type09 table thead tr th:nth-child(8) {
  width: 12.56%;
}
.list-type09 table tbody tr td {
  vertical-align: middle;
}
.list-type09 table tbody tr td:nth-child(1) {
  padding-left: 4px;
}
.list-type09 table tbody tr td.decrease {
  color: var(--blue);
}
.list-type09 table tbody tr td.rise {
  color: var(--red);
}

@media screen and (max-width: 1599px) {
  .list-type09 {
    margin: 40px 0 60px 0;
  }
  .list-type09 table thead tr th {
    width: 10.69%;
  }
  .list-type09 table thead tr th:nth-child(1) {
    width: 9.53%;
  }
  .list-type09 table thead tr th:nth-child(2) {
    width: 11.33%;
  }
  .list-type09 table thead tr th:nth-child(3) {
    width: 8.15%;
  }
  .list-type09 table thead tr th:nth-child(4) {
    width: 11.33%;
  }
  .list-type09 table thead tr th:nth-child(5) {
    width: 11.33%;
  }
  .list-type09 table thead tr th:nth-child(6) {
    width: 11.33%;
  }
  .list-type09 table thead tr th:nth-child(7) {
    width: 11.33%;
  }
  .list-type09 table thead tr th:nth-child(8) {
    width: 12.81%;
  }
  .list-type09 table thead tr th:nth-child(9) {
    width: 12.81%;
  }
}
@media screen and (max-width: 1023px) {
  .sub_list_type09 .section__3 {
    overflow: hidden;
  }
  .sub_list_type09 .section__3 .mo-pr0 {
    padding-right: 0;
  }
  .list-type09 {
    overflow-x: scroll;
    margin: 40px 0 50px 0;
    padding-right: calc(var(--gutter) * 2);
  }
  .list-type09 table {
    width: max-content;
    min-width:100%;
  }
  .list-type09 table thead tr th {
    width: 100px;
    padding: 14px 0 14px 12px;
  }
  .list-type09 table thead tr th:nth-child(1) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(2) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(3) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(4) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(5) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(6) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(7) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(8) {
    width: 100px;
  }
  .list-type09 table thead tr th:nth-child(9) {
    width: 100px;
  }
  .list-type09 table tbody tr td {
    padding: 20px 0 20px 12px;
  }
}

@media screen and (max-width: 767px) {
  .list-type09 {
    padding-right: calc(var(--gutter) * 2 - 4px);
  }
}
/* list-type11 */
.list-type11 {
  margin-top: 60px;
  /* opacity: 0; */
  /* transform: translateY(20px); */
}
.list-type11 .list-type11-item {
  width: 14.93%;
  padding: 20px 4px 20px 20px;
  color: var(--black100);
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.18px;
  text-align:right;
}

.list-type11 .list-type11-item:first-child {
  text-align:left;
}

.list-type11 .list-type11-item:nth-child(1) {
  width: 25.34%;
  padding-left: 4px;
}

.list-type11 .list-type11-item p sup {
  margin-left: 2px;
  vertical-align: super;
  font-size: smaller;
}
.list-type11 .list-type11-head ul,
.list-type11 .list-type11-body ul {
  display: flex;
}
.list-type11 .list-type11-head {
  border-top: 1px solid var(--black100);
  border-bottom: 1px solid var(--black30);
}
.list-type11 .list-type11-body ul {
  border-bottom: 1px solid var(--black30);
}
.list-type11 .list-type11-body ul .list-type11-item {
  padding: 30px 4px 30px 20px;
  font-weight: 500;
}
.list-type11 .list-type11-body ul .list-type11-item:nth-child(1) {
  padding-left: 4px;
}

@media screen and (max-width: 1599px) {
  .list-type11 {
    margin-top: 40px;
  }
  .list-type11 .list-type11-item {
    width: 14.93%;
    font-size: 1.6rem;
    letter-spacing: -0.16px;
  }
  .list-type11 .list-type11-item:nth-child(1) {
    width: 25.31%;
  }
}
@media screen and (max-width: 1023px) {
  .list-type11 .list-type11-item {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  } 
}
@media screen and (max-width: 767px) {
  .list-type11 {
    margin-top: 40px;
  }
  .list-type11 .list-type11-item {
    width: 14.93%;
    padding: 0;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
    text-align:left;
  }
  .list-type11 .list-type11-item:nth-child(1) {
    width: 25.31%;
  }
  .list-type11 .list-type11-head {
    display: none;
  }
  .list-type11 .list-type11-body ul {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 12px;
    padding: 20px 4px 40px 4px;
    border-bottom: 1px solid var(--black30);
  }
  .list-type11 .list-type11-body ul:first-child {
    border-top: 1px solid var(--black100);
  }
  .list-type11 .list-type11-body ul .list-type11-item {
    width: calc(50% - 6px);
    padding: 0;
  }
  .list-type11 .list-type11-body ul .list-type11-item:nth-child(1) {
    width: 100%;
    margin-bottom: -4px;
    padding-left: 0;
  }
  .list-type11 .list-type11-body ul .list-type11-item:nth-child(1) p {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.18px;
  }
  .list-type11 .list-type11-body ul .list-type11-item .mobile-list-title {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--black60);
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.15px;
  }
}
/* 
===================================================

                Board CSS : End

===================================================
*/
.sub_regulation .s-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  opacity: 1;
  transform: translateY(0);
}
.sub_regulation .s-title .span-bx {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.sub_regulation .s-title .span-bx span {
  display: inline-block;
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  text-align: right;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_regulation .section-cont {
  color: var(--black100);
  word-break: keep-all;
}
.sub_regulation .section-cont .section-title01 {
  margin-bottom: 60px;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.56px;
}
.sub_regulation .section-cont .section-item {
  margin-bottom: 100px;
}
.sub_regulation .section-cont .section-item:last-child {
  margin-bottom: 0;
}
.sub_regulation .section-cont .section-item .section-title02 {
  margin-bottom: 40px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.44;
  letter-spacing: -0.48px;
}
.sub_regulation .section-cont .section-item .section-txt {
  margin-bottom: 40px;
}
.sub_regulation .section-cont .section-item .section-txt:last-child {
  margin-bottom: 0;
}
.sub_regulation .section-cont .section-item .section-txt .section-title03 {
  margin-bottom: 12px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
.sub_regulation .section-cont .section-item .section-txt .section-desc {
  margin-bottom: 8px;
  color: var(--black80);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}

.sub_regulation .section-cont .section-item .section-txt .section-desc strong {
  font-weight:700;
}

.sub_regulation .section-cont .section-item .section-txt .section-desc:last-child {
  margin-bottom: 0;
}
.sub_regulation .section-cont .section-item .section-txt .indent-bx {
  margin-bottom: 8px;
  padding-left: 16px;
}
.sub_regulation .section-cont .section-item .section-txt .indent-bx:last-child {
  margin-bottom: 0;
}
.sub_regulation .section-cont .section-item .section-txt .indent-bx .section-desc {
  padding-left: 16px;
  margin-bottom: 0;
  text-indent: -16px;
}

@media screen and (max-width: 1599px) {
  .sub_regulation .section02 .s-title {
    padding-left:4px;
    padding-right:4px;
  }

  .sub_regulation .s-title .span-bx span {
    font-size: 1.4rem;
    line-height: 1.44;
    letter-spacing: 0;
  }
  .sub_regulation .section-cont .section-title01 {
    margin-bottom: 60px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
    /* padding-left:4px; */
    /* padding-right:4px; */
  }
  .sub_regulation .section-cont .section-item {
    margin-bottom: 100px;
  }
  .sub_regulation .section-cont .section-item .section-title02 {
    margin-bottom: 40px;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.48px;
    /* padding-left:4px; */
    /* padding-right:4px; */
  }
  .sub_regulation .section-cont .section-item .section-txt {
    margin-bottom: 40px;
    /* padding-left:4px; */
    /* padding-right:4px; */
  }
  
  .sub_regulation .section-cont .section-item .section-txt .section-title03 {
    font-size: 2rem;
    letter-spacing: -0.4px;
  }

  .sub_regulation .section-cont .section-item .section-txt .indent-bx {
    margin-bottom: 8px;
    padding-left: 16px;
  }
  .sub_regulation .section-cont .section-item .section-txt .indent-bx .section-desc {
    padding-left: 16px;
    text-indent: -16px;
  }
}
@media screen and (max-width: 1023px) {
  .sub_regulation .section-cont .section-title01 {
    margin-bottom: 40px;
    font-size: 2.4rem;
    letter-spacing: -0.48px;
  }
  .sub_regulation .section-cont .section-item {
    margin-bottom: 60px;
  }
  .sub_regulation .section-cont .section-item .section-title02 {
    margin-bottom: 30px;
    font-size: 2.2rem;
    line-height: 1.36;
    letter-spacing: -0.44px;
  }
  .sub_regulation .section-cont .section-item .section-txt .section-title03 {
    font-size: 1.8rem;
    letter-spacing: -0.18px;
  }
  .sub_regulation .section-cont .section-item .section-txt .indent-bx {
    padding-left: 12px;
  }
}
@media screen and (max-width: 767px) {
  .sub_regulation .section__2 .s-title .sub-headline-title {
    width: 100%;
    max-width: 119px;
  }
}
/* 
===================================================

                고객센터 CSS : Start

===================================================
*/
.sub_customer .section__2 .customer-wrap {
  margin-bottom: 100px;
  word-break: keep-all;
}
.sub_customer .section__2 .customer-wrap:last-child {
  margin-bottom: 0;
}
.sub_customer .section__2 .customer-wrap .customer-title {
  width: 100%;
  padding-bottom: 40px;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -0.48px;
  border-bottom: 1px solid var(--black100);
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li {
  padding: 40px 4px;
  border-bottom: 1px solid var(--black30);
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .title-bx {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .title-bx .flex-cont {
  margin-bottom: 0;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .flex-cont {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .flex-cont h3 {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.18px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li h4 {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.18px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .desc-txt {
  display: flex;
  flex-wrap: wrap;
  gap: 0 6px;
  margin-bottom: 6px;
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .desc-txt.desc-txt02 {
  margin-bottom: 16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .desc-txt:last-child {
  margin-bottom: 0;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 40px 0;
  border-top: 1px solid var(--black100);
  border-bottom: 1px solid var(--black30);
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont .flex-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: calc(33.333% - 13.333px);
  text-align: center;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont .flex-item h3 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.36;
  letter-spacing: -0.8px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont .flex-item h4 {
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 ul {
  padding: 40px 0;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 22px;
  padding-left:4px;
  padding-right:4px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 ul li:last-child {
  margin-bottom: 0;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 ul li p:first-child {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 ul li p:last-child {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.18px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 > span {
  display: inline-block;
  margin-bottom: 6px;
  padding-left:4px;
  padding-right:4px;
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap02 > span:last-child {
  margin-bottom: 0;
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li {
  padding: 40px 0;
  padding-left:4px;
  padding-right:4px;
  border-bottom: 1px solid var(--black30);
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li:last-child {
  border-bottom: none;
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li h3 {
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.18px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li .link-bx {
  margin-bottom: 16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li .link-bx h4 {
  margin-bottom: 6px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li .link-bx h4:last-child {
  margin-bottom: 0;
}
.sub_customer .section__2 .customer-wrap.customer-wrap03 ul li p {
  color: var(--black60);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}

@media screen and (max-width: 767px) {
  .sub_customer .section__2 .customer-wrap.customer-wrap01 ul li {
    padding: 40px 4px;
    border-bottom: 1px solid var(--black30);
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .title-bx {
    gap: 2px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .flex-cont {
    align-items: flex-start;
    margin-bottom: 16px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .flex-cont h3 {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap01 ul li .desc-txt {
    flex-direction: column;
    gap: 0;
    margin-bottom: 12px;
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont {
    gap: 20px;
    padding: 30px 0;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont .flex-item {
    width: calc(33.333% - 13.333px);
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap02 .flex-cont .flex-item h4 {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap02 > span {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap03 ul li .link-bx h4 {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .sub_customer .section__2 .customer-wrap.customer-wrap03 ul li p {
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
}
/* 
===================================================

                고객센터 CSS : End

===================================================
*/
/* 
===================================================

                terms-table CSS : End

===================================================
*/
.sub_terms .section-cont {
  color: var(--black100);
  word-break: keep-all;
}
.sub_terms .section-cont .section-item .section-txt {
  margin-bottom: 60px;
}
.sub_terms .section-cont .section-item .section-txt:last-child {
  margin-bottom: 0;
}
.sub_terms .section-cont .section-item .section-txt .section-title03 {
  margin-bottom: 12px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: -0.4px;
}
.sub_terms .section-cont .section-item .section-txt .section-desc {
  margin-bottom: 8px;
  color: var(--black80);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.16px;
}

.sub_terms .section-cont .section-item .section-txt .section-desc strong {
  font-weight:700;
}

.sub_terms .section-cont .section-item .section-txt .section-desc:last-child {
  margin-bottom: 0;
}
.sub_terms .section-cont .section-item .section-txt .section-desc.section-desc02 {
  margin-bottom: 32px;
}
.sub_terms .section-cont .section-item .section-txt .section-desc.section-desc02:last-child {
  margin-bottom: 0;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx {
  margin-bottom: 8px;
  padding-left: 38px;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx:last-child {
  margin-bottom: 0;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx .section-desc {
  list-style: decimal outside;
  margin-bottom: 0;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx .section-desc a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx02 {
  margin: 8px 0;
  padding-left: 0;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx02 .section-desc {
  list-style: none;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.dot .section-desc {
  list-style: disc outside;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx03 {
  margin-bottom: 0;
  padding-left: 20px;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx03 .section-desc.dot {
  list-style: disc outside;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx04 {
  margin-bottom: 0;
  padding-left: 20px;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx04 .section-desc {
  margin-bottom: 8px;
}
.sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx04 .section-desc:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1599px) {
  .sub_terms .section-cont .section-item .section-txt .section-title03 {
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.18px;
  }
  .sub_terms .section-cont .section-item .section-txt > * {
    /* padding: 0 4px; */
  }
  .sub_terms .section-cont .section-item .section-txt .terms-table {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .sub_terms .section-cont .section-item .section-txt .section-title03 {
    line-height: 1.44;
  }
  .sub_terms .section-cont .section-item .section-txt .indent-bx {
    padding-left: 36px;
  }
  .sub_terms .section-cont .section-item .section-txt .indent-bx.indent-bx02 {
    margin: 6px 0;
  }
}
.terms-table {
  margin: 24px 0;
}
.terms-table table {
  width: 100%;
  border-top: 1px solid var(--black100);
}
.terms-table table tr {
  color: var(--black100);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.16px;
  border-bottom: 1px solid var(--black30);
}
.terms-table table td {
  color: var(--black85);
  font-weight: 500;
}
.terms-table table thead tr th {
  padding: 14px 16px;
}
/* .terms-table table tbody tr:last-child { */
  /* border-bottom: none; */
/* } */
.terms-table table tbody tr td {
  padding: 14px 16px;
}

@media screen and (max-width: 1599px) {
  .terms-table {
    margin: 20px 0;
  }
}
@media screen and (max-width: 1023px) {
  .terms-table table tr {
    color: var(--black90);
    font-size: 1.4rem;
    letter-spacing: -0.14px;
  }
  .terms-table table td {
    color: var(--black80);
  }
  .terms-table table thead tr th {
    padding: 14px 4px;
  }
  .terms-table table tbody tr td {
    padding: 14px 4px;
  }
}
.terms-table01 table thead tr th {
  text-align: left;
}
.terms-table01 table thead tr th:nth-child(1) {
  width: 223px;
}
.terms-table01 table thead tr th:nth-child(2) {
  width: auto;
}

.terms-table02 table thead tr th {
  text-align: left;
}
.terms-table02 table thead tr th:nth-child(1) {
  width: 223px;
  vertical-align: middle;
}
.terms-table02 table thead tr th:nth-child(2) {
  width: auto;
}
.terms-table02 table thead tr td {
  padding: 14px 16px;
}

.terms-table03 table thead tr th {
  width: 50%;
}
.terms-table03 table tbody tr td {
  text-align: center;
}
.terms-table03 table tbody tr td .dot {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.terms-table03 table tbody tr td .dot::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--black80);
}

.terms-table04 ul {
  display: flex;
  border-top: 1px solid var(--black100);
  border-bottom: 1px solid var(--black30);
}
.terms-table04 ul li {
  display: flex;
  flex-direction: column;
  width: 33.333%;
}
.terms-table04 ul li h6, .terms-table04 ul li p {
  padding: 14px 12px;
  color: var(--black90);
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -0.16px;
}
.terms-table04 ul li p {
  color: var(--black80);
  font-weight: 500;
  border-top: 1px solid var(--black30);
}

.terms-table05 table thead tr th {
  width: 33.333%;
}
.terms-table05 table tbody tr td {
  text-align: center;
}

.terms-table06 table thead tr th {
  text-align: center;
}
.terms-table06 table thead tr th:nth-child(1) {
  width: 345px;
  vertical-align: middle;
}
.terms-table06 table thead tr th:nth-child(2) {
  width: auto;
}
.terms-table06 table tbody tr td {
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width: 1599px) {
  .terms-table01 table thead tr th:nth-child(1) {
    width: 176px;
  }
  .terms-table02 table thead tr th:nth-child(1) {
    width: 176px;
  }
  .terms-table06 table thead tr th:nth-child(1) {
    width: 272px;
  }
}
@media screen and (max-width: 1023px) {
  .terms-table01 table thead tr th:nth-child(1) {
    width: 164px;
  }
  .terms-table02 table thead tr th:nth-child(1) {
    width: 164px;
    vertical-align: top;
  }
  .terms-table02 table thead tr td {
    padding: 14px 4px;
  }
  .terms-table03 table thead tr th {
    text-align: left;
  }
  .terms-table03 table thead tr.center th {
    text-align: center;
  }
  .terms-table03 table tbody tr td {
    text-align: left;
  }
  .terms-table03 table tbody tr.center td {
    text-align: center;
  }
  .terms-table04 ul {
    flex-direction: column;
  }
  .terms-table04 ul li {
    flex-direction: row;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid var(--black30);
  }

  .terms-table04 ul li:last-child {
    border-bottom:none;
  }

  .terms-table04 ul li h6, .terms-table04 ul li p {
    padding: 0 4px;
    text-align: left;
  }
  .terms-table04 ul li h6 {
    width: 36.07%;
  }
  .terms-table04 ul li p {
    width: 63.93%;
    color: var(--black70);
    border-top: none;
  }
  .terms-table06 table thead tr th:nth-child(1) {
    width: 164px;
  }
}
@media screen and (max-width: 767px) {
  .terms-table01 table thead tr th:nth-child(1) {
    width: 75px;
  }
  .terms-table02 table thead tr th:nth-child(1) {
    width: 75px;
  }
  .terms-table03 table tbody tr.center td p br {
    display: none;
  }
  .terms-table05 table th, .terms-table05 table td {
    padding: 12px 4px;
  }
  .terms-table05 table thead tr th {
    vertical-align: middle;
    width: 38.5%;
  }
  .terms-table05 table thead tr th:nth-child(1) {
    width: 23.88%;
  }
  .terms-table06 table thead tr th:nth-child(1) {
    width: 134px;
  }
}

.terms-table07 {
  display:flex;
  border-top:1px solid var(--black100);
}
.terms-table07 .table07-item {
  width:50%;
}

.terms-table07 .table07-item .table-hd .table-suj {
  padding:14px 0;
  border-bottom:1px solid var(--black30);
}

.terms-table07 .table07-item .table-hd .table-suj h4 {
  color:var(--black100);
  font-size:1.6rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.16px;
}

.terms-table07 .table07-item .table-hd .table-desc {
  padding:14px 0 24px 0;
}

.terms-table07 .table07-item .table-hd .table-desc h5 {
  color:var(--black100);
  font-size:1.6rem;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-0.16px;
}

.terms-table07 .table07-item .table-hd .table-desc .section-desc {
  margin:0;
}

.terms-table07 .table07-item .table-hd .table-desc .indent-bx.indent-bx04 .section-desc {
  margin:0;
}

.terms-table07 .table07-item .table-bd {
  border-top:1px solid var(--black30);
}

.terms-table07 .table07-item .table-bd li {
  display:flex;
  padding:14px 0;
  border-bottom:1px solid var(--black30);
}

.terms-table07 .table07-item .table-bd li strong {
  display:inline-block;
  width:50%;
  color:var(--black100);
  font-weight:600;
}

.terms-table07 .table07-item .table-bd li p {
  width:50%;
}

@media screen and (max-width:1023px) {
  .terms-table07 {
    border-top:none;
    flex-direction:column;
    gap:34px;
  }
  .terms-table07 .table07-item {
    width:100%;
  }
  
  .terms-table07 .table07-item .table-hd .table-suj {
    padding:14px 0;
    border-top:1px solid var(--black100);
    border-bottom:1px solid var(--black30);
  }
  
  .terms-table07 .table07-item .table-hd .table-suj h4 {
    color:var(--black100);
    font-size:1.6rem;
    font-weight:600;
    line-height:1.5;
    letter-spacing:-0.16px;
  }
  
  .terms-table07 .table07-item .table-hd .table-desc {
    padding:14px 0 24px 0;
  }
  
  .terms-table07 .table07-item .table-hd .table-desc h5 {
    color:var(--black100);
    font-size:1.6rem;
    font-weight:600;
    line-height:1.5;
    letter-spacing:-0.16px;
  }
  
  .terms-table07 .table07-item .table-hd .table-desc .section-desc {
    margin:0;
  }
  
  .terms-table07 .table07-item .table-hd .table-desc .indent-bx.indent-bx04 .section-desc {
    margin:0;
  }
  
  .terms-table07 .table07-item .table-bd {
    border-top:1px solid var(--black30);
  }
  
  .terms-table07 .table07-item .table-bd li {
    display:flex;
    padding:14px 0;
    border-bottom:1px solid var(--black30);
  }

  .terms-table07 .table07-item .table-bd li:last-child {
    /* border-bottom:none; */
  }
  
  .terms-table07 .table07-item .table-bd li strong {
    display:inline-block;
    width:50%;
    color:var(--black100);
    font-weight:600;
  }
  
  .terms-table07 .table07-item .table-bd li p {
    width:50%;
  }
}

@media screen and (max-width:767px) {
  .terms-table07 {
    gap:20px;
  }
}

/* 
===================================================

                terms-table CSS : End

===================================================
*/

/* 
===================================================

              에러페이지 CSS : Start

===================================================
*/


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