@charset "UTF-8";
.main-loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999999999;
  background: #fff;
}

main.page-main-content {
  padding-top: 0 !important;
}
main.page-main-content [data-anim-group] [data-anim-obj] {
  opacity: 0;
}
main.page-main-content [data-motion=word] {
  will-change: color, opacity;
}
main.page-main-content [data-motion=word] span {
  will-change: color, opacity, transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
main.page-main-content .main-popup-dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.75);
  transition: opacity 0.3s ease;
}
main.page-main-content .main-popup-dim.active {
  opacity: 1;
  visibility: visible;
  z-index: 10000;
}

section.main-section .__heading .__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  section.main-section .__heading .__grid {
    grid-template-columns: 1fr;
  }
}
section.main-section .__heading .__title {
  flex: 1;
}
section.main-section .__heading .__description {
  flex: 1;
}
section.main-section .__heading .__description em,
section.main-section .__heading .__description strong {
  display: block;
}
section.main-section .__heading .__utils {
  display: flex;
  justify-content: flex-end;
  align-self: flex-end;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  section.main-section .__heading .__utils {
    justify-content: flex-start;
  }
}

.main-fs--heading-xxl-en {
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  line-height: 1.2;
  font-size: clamp(8.8rem, 5.8333vw, 11.2rem);
  letter-spacing: -0.04em;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .main-fs--heading-xxl-en {
    font-size: clamp(4.4rem, 11.2821vw, 8.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .main-fs--heading-xxl-en {
    font-size: clamp(4.1rem, 11.2821vw, 8.8rem);
  }
}

.main-fs--heading-l {
  font-size: clamp(7.2rem, 5vw, 9.6rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1024px) {
  .main-fs--heading-l {
    font-size: min(7.2rem, 9.2307vw);
  }
}

.main-fs--heading-m-en {
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(6.4rem, 4.1667vw, 8rem);
  letter-spacing: -0.04em;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .main-fs--heading-m-en {
    font-size: clamp(2.8rem, 7.1795vw, 3.8rem);
  }
}

.main-fs--heading-s-en {
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  line-height: 1.2;
  font-size: clamp(3.8rem, 2.5vw, 4.8rem);
  letter-spacing: -0.02em;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .main-fs--heading-s-en {
    font-size: clamp(2.8rem, 7.1795vw, 3.8rem);
  }
}

.main-fs--heading-custom-1 {
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  line-height: 1.2;
  font-size: clamp(5.2rem, 3.3333vw, 6.8rem);
  letter-spacing: -0.03em;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .main-fs--heading-custom-1 {
    font-size: clamp(2.8rem, 7.1795vw, 3.8rem);
  }
}

.main-fs--body-xl {
  font-size: clamp(2.8rem, 1.875vw, 3.6rem);
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1024px) {
  .main-fs--body-xl {
    font-size: clamp(1.8rem, 4.6154vw, 2.8rem);
  }
}

.main-fs--title-s {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1024px) {
  .main-fs--title-s {
    font-size: min(2.4rem, 5.641vw);
  }
}

.main-fs--title-xs-kr {
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1024px) {
  .main-fs--title-xs-kr {
    font-size: min(2.2rem, 5.128vw);
  }
}

.main-fs--title-m {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .main-fs--title-m {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .main-fs--title-m {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .main-fs--title-m {
    font-size: 1.8rem;
  }
}

.main-fs--body-m {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .main-fs--body-m {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .main-fs--body-m {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .main-fs--body-m {
    font-size: 1.6rem;
  }
}

.main-fs--body-s {
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1024px) {
  .main-fs--body-s {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}

.main-fs--body-xs {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1024px) {
  .main-fs--body-xs {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}

.main-fs--display-l-en {
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.06em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(6rem, 5vw, 9.6rem);
}
@media screen and (max-width: 1024px) {
  .main-fs--display-l-en {
    font-size: clamp(3.6rem, 11.2821vw, 6rem);
  }
}

.main-fs--display-s-en {
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.06em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(2.6rem, 1.875vw, 4.2rem);
}

#mainKV {
  position: relative;
  overflow: hidden;
  will-change: clip-path, -webkit-clip-path;
  backface-visibility: hidden;
  -webkit-clip-path: inset(0 0 0 0 round 0);
  clip-path: inset(0 0 0 0 round 0);
}
#mainKV.inactive .kv-slider {
  background: #000;
}
#mainKV.inactive .kv-slider video {
  display: none;
}
#mainKV .main-kv-desc {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 6;
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  border-radius: clamp(2rem, 3vw, 6rem);
  right: 0;
}
#mainKV .main-kv-desc .__grid {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#mainKV .__link {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 1024px) {
  #mainKV .__link {
    right: auto;
    left: 0;
    bottom: 100%;
    margin-bottom: 20px;
  }
}
#mainKV .__title {
  text-wrap: balance;
}
[lang=en] #mainKV .__title {
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-weight: 500;
}
#mainKV .__title span,
#mainKV .__title strong,
#mainKV .__title em {
  display: block;
  color: #fff;
}
#mainKV .kv-slide-item {
  overflow: hidden;
  position: relative;
}
#mainKV .kv-slide-item .__bg {
  width: 100vw;
  height: 100vh;
  height: 100svh;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
  background: #000;
  position: relative;
}
#mainKV .kv-slide-item .__bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(41, 45, 61, 0.1) 61.67%, rgba(41, 45, 61, 0.6) 100%);
  mix-blend-mode: multiply;
}
#mainKV .kv-slide-item .__bg .__img,
#mainKV .kv-slide-item .__bg .__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
}
#mainKV .kv-slide-item .__bg img,
#mainKV .kv-slide-item .__bg video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  background: #000;
}
#mainKV .kv-slide-item .__desc {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  opacity: 0;
}
#mainKV .__controls {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-top: clamp(1.6rem, 1vw, 3.2rem);
}
@media screen and (max-width: 1024px) {
  #mainKV .__controls {
    gap: 1.2rem;
  }
}
#mainKV .__controls .__btn-control-autoplay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  aspect-ratio: 1/1;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  color: #fff;
}
#mainKV .__controls .__btn-control-autoplay svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
#mainKV .__controls .__btn-control-autoplay .__play {
  display: none;
}
#mainKV .__controls .__btn-control-autoplay.__paused .__play {
  display: block;
}
#mainKV .__controls .__btn-control-autoplay.__paused .__pause {
  display: none;
}
#mainKV .__controls .__pagination {
  display: flex;
  gap: 0.8rem;
  width: fit-content;
  transition: width 200ms ease;
}
#mainKV .__controls .__pagination .swiper-pagination-bullet {
  margin: 0;
  width: 1.2rem;
  height: 1.2rem;
  aspect-ratio: 1/1;
  padding: 0;
  background: rgba(221, 221, 221, 0.75);
  opacity: 1;
  transition: background-color 300ms;
  border-radius: 1.2rem;
  position: relative;
  overflow: hidden;
}
#mainKV .__controls .__pagination .swiper-pagination-bullet:after {
  content: "";
  background: #94B8FF;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 1.2rem;
  width: 100%;
  transform: translateX(0%);
  left: -100%;
}
#mainKV .__controls .__pagination .swiper-pagination-bullet-active {
  width: 5.2rem;
}
#mainKV .__controls .__pagination .swiper-pagination-bullet-active:after {
  transform: translateX(var(--autoplay-per, 100%));
}
#mainKV .__controls .__pagination .swiper-pagination-bullet:only-child {
  display: inline-block !important;
  cursor: initial;
}
#mainKV .__scroll-down {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#mainKV .__scroll-down .chevron {
  fill: none;
  opacity: 0;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
#mainKV .__scroll-down .chevron-1 {
  margin-bottom: -0.4rem;
  animation-name: fadeInOut1;
}
#mainKV .__scroll-down .chevron-2 {
  margin-bottom: -0.4rem;
  animation-name: fadeInOut2;
}
#mainKV .__scroll-down .chevron-3 {
  animation-name: fadeInOut3;
}
@media screen and (max-width: 1024px) {
  #mainKV .__scroll-down {
    display: none;
  }
}
@keyframes fadeInOut1 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  20%, 60% {
    opacity: 0.1;
    transform: translateY(0);
  }
  80% {
    opacity: 0;
    transform: translateY(5px);
  }
}
@keyframes fadeInOut2 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  30%, 70% {
    opacity: 0.5;
    transform: translateY(0);
  }
  90% {
    opacity: 0;
    transform: translateY(5px);
  }
}
@keyframes fadeInOut3 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  40%, 80% {
    opacity: 0.8;
    transform: translateY(0);
  }
  95% {
    opacity: 0;
    transform: translateY(5px);
  }
}
#mainKV .__progress {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.4rem;
  display: none;
}
#mainKV .__progress .__bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: #0045C9;
  width: 100%;
}
#mainKV .__video-caption {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding-top: 10.2rem;
  z-index: 999;
}
@media screen and (max-width: 600px) {
  #mainKV .__video-caption {
    padding-top: 8.4rem;
  }
}
#mainKV .__video-caption .__caption {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
#mainKV .__video-caption .__caption .text {
  height: 3.3rem;
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  #mainKV .__video-caption .__caption .text {
    height: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] #mainKV .__video-caption .__caption .text {
    height: 6.3rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] #mainKV .__video-caption .__caption .text {
    height: 5.1rem;
  }
}
@media screen and (max-width: 345px) {
  [lang=en] #mainKV .__video-caption .__caption .text {
    height: 4.21rem;
  }
}
#mainKV .__video-caption .__caption .text p {
  color: #ffffff;
  text-align: right;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  #mainKV .__video-caption .__caption .text p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainKV .__video-caption .__caption .text p {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .__video-caption .__caption .text p {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  #mainKV .__video-caption .__caption .text p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 345px) {
  #mainKV .__video-caption .__caption .text p {
    font-size: 1.4rem;
  }
}
#mainKV.debug .__progress {
  display: block;
}
#mainKV [data-type=portrait] {
  display: none;
}
@media screen and (max-aspect-ratio: 1/1) {
  #mainKV [data-type=landscape] {
    display: none;
  }
  #mainKV [data-type=portrait] {
    display: block;
  }
}

#mainIntro .__slogan {
  text-align: center;
  color: #000;
  min-height: 100vh;
  min-height: 100lvh;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mainIntro .__slogan.__white {
  color: #fff;
}
#mainIntro .__slogan .main-container {
  width: 100%;
}
#mainIntro .__slogan .__description {
  text-wrap: balance;
}
[lang=en] #mainIntro .__slogan .__description {
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-weight: 500;
}
#mainIntro .__slogan .__description span {
  display: inline-block;
}
#mainIntro .__slogan .__description strong {
  display: block;
}
#mainIntro .__slogan .__description small {
  display: block;
  margin-bottom: clamp(1rem, 0.6771vw, 1.6rem);
}
#mainIntro .main-intro-motion {
  overflow: hidden;
  background: #000;
  will-change: clip-path, -webkit-clip-path;
  backface-visibility: hidden;
  -webkit-clip-path: inset(0 0 0 0 round 0);
  clip-path: inset(0 0 0 0 round 0);
}
#mainIntro .main-intro-motion .__motion-area {
  position: relative;
  min-height: 100vh;
  min-height: 100lvh;
  z-index: 1;
  border-radius: clamp(2rem, 3vw, 6rem);
}
#mainIntro .main-intro-motion .__motion-area .__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg canvas,
#mainIntro .main-intro-motion .__motion-area .__inner .__bg img,
#mainIntro .main-intro-motion .__motion-area .__inner .__bg video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg .__over {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg1,
#mainIntro .main-intro-motion .__motion-area .__inner .__bg2 {
  background: #000;
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg1:after,
#mainIntro .main-intro-motion .__motion-area .__inner .__bg2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg1 .__m,
#mainIntro .main-intro-motion .__motion-area .__inner .__bg2 .__m {
  display: none;
}
@media screen and (max-aspect-ratio: 1/1) {
  #mainIntro .main-intro-motion .__motion-area .__inner .__bg1 .__m,
  #mainIntro .main-intro-motion .__motion-area .__inner .__bg2 .__m {
    display: block;
  }
  #mainIntro .main-intro-motion .__motion-area .__inner .__bg1 .__d,
  #mainIntro .main-intro-motion .__motion-area .__inner .__bg2 .__d {
    display: none;
  }
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg2 {
  clip-path: inset(100%);
  -webkit-clip-path: inset(100%);
  background: #000;
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg2 #earthWebGL {
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1920/1080;
  transform: translate(-50%, -50%);
}
#mainIntro .main-intro-motion .__motion-area .__inner .__bg2 #earthWebGL canvas {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-aspect-ratio: 1/1) {
  #mainIntro .main-intro-motion .__motion-area .__inner .__bg2 #earthWebGL {
    aspect-ratio: 1170/2532;
  }
}
#mainIntro .main-intro-motion .__motions {
  position: relative;
  z-index: 2;
}
#mainIntro .main-intro-motion .__motions .__bg1-seq {
  margin-top: -100vh;
  margin-top: -100lvh;
  padding-top: 50vh;
  padding-top: 50lvh;
}
#mainIntro .main-intro-motion .__motions .__bg-trans {
  height: 100vh;
  height: 100lvh;
}
#mainIntro .main-intro-motion .__motions .__slogan3 {
  margin-top: -100vh;
  margin-top: -100lvh;
}
#mainIntro .main-intro-motion .__motions .__slogan4-in {
  margin-top: -30vh;
  margin-top: -30lvh;
  height: 70vh;
  height: 70lvh;
}
#mainIntro .main-intro-motion .__motions .__slogan4-out {
  height: 50vh;
  height: 50lvh;
  margin-bottom: 80vh;
  margin-bottom: 80lvh;
}
#mainIntro .__slogan4 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
@media screen and (max-aspect-ratio: 1/1) {
  #mainIntro .__slogan4 strong {
    font-weight: 500;
  }
}
#mainIntro .__slogan4 .__word {
  -webkit-text-stroke: 1px #ffffff; /* 웹킷 브라우저용 (Chrome, Safari) */
  text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff; /* 대체 방법 */
}
#mainIntro .__slogan4 .__word:nth-child(odd) {
  color: #0038A3;
}
#mainIntro .__slogan4 .__word:nth-child(even) {
  color: #00AEEF;
}
@media screen and (max-aspect-ratio: 1/1) {
  #mainIntro .__slogan4 .__word {
    -webkit-text-stroke: 0.5px #ffffff;
    text-shadow: -0.5px -0.5px 0 #ffffff, 0.5px -0.5px 0 #ffffff, -0.5px 0.5px 0 #ffffff, 0.5px 0.5px 0 #ffffff;
  }
}

#mainBusinessArea {
  color: #fff;
  overflow: hidden;
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea {
    padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
  }
}
#mainBusinessArea .__heading {
  margin-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
@media screen and (min-width: 1023px) {
  #mainBusinessArea .__heading {
    margin-bottom: 6.4rem;
  }
}
#mainBusinessArea .__heading h2 {
  margin-bottom: 0.25em;
}
#mainBusinessArea .__heading p strong {
  color: #fff;
}
#mainBusinessArea .__control {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__control {
    display: none;
  }
}
#mainBusinessArea .__control .__buttons {
  display: flex;
  align-items: center;
  border-radius: 0.6rem;
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(4px);
}
#mainBusinessArea .__control .line {
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  background-color: #ffffff;
}
#mainBusinessArea .__control button {
  padding: 0.8rem 1.2rem;
}
#mainBusinessArea .__control button.swiper-button-disabled svg path {
  stroke: #94B8FF;
}
#mainBusinessArea .__control svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
#mainBusinessArea .__control svg path {
  transition: ease 0.3s;
}
@media screen and (min-width: 1025px) {
  #mainBusinessArea .__business-area-wrapper.__grabbing {
    cursor: grabbing;
  }
  #mainBusinessArea .__business-area-wrapper.__grabbing .__business-area-item {
    pointer-events: none;
  }
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-wrapper {
    transform: none !important;
  }
}
#mainBusinessArea .__business-area {
  margin: 0 -1rem;
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
}
#mainBusinessArea .__business-area .__group {
  display: flex;
  flex-wrap: nowrap;
}
#mainBusinessArea .__business-area .__group.__clone {
  position: absolute;
  top: 0;
}
#mainBusinessArea .__business-area .__group.__next1 {
  left: 100%;
}
#mainBusinessArea .__business-area .__group.__next2 {
  left: 200%;
}
#mainBusinessArea .__business-area .__group.__prev1 {
  left: -100%;
}
#mainBusinessArea .__business-area .__group.__prev2 {
  left: -200%;
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area {
    transform: none !important;
    display: flex;
    flex-direction: column;
    margin: 0;
  }
  #mainBusinessArea .__business-area .__group {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: 1.6rem;
  }
  #mainBusinessArea .__business-area .__group.__clone {
    display: none !important;
  }
}
#mainBusinessArea .__business-area-item {
  width: clamp(274px, 24.7619047619vw, 416px);
  padding: 0 1rem;
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-item {
    width: 100%;
    padding: 0;
  }
}
#mainBusinessArea .__business-area-item .__box {
  border-radius: clamp(1rem, 1.3889vw, 2.4rem);
  overflow: hidden;
  isolation: isolate;
  position: relative;
  background: 50% 50% no-repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  #mainBusinessArea .__business-area-item .__box {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-item .__box {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  #mainBusinessArea .__business-area-item .__box {
    font-size: min(2.4rem, 5.641vw);
  }
}
#mainBusinessArea .__business-area-item .__box .__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainBusinessArea .__business-area-item .__box .__bg video,
#mainBusinessArea .__business-area-item .__box .__bg img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
#mainBusinessArea .__business-area-item .__box .__bg .__m {
  display: none;
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-item .__box .__bg .__d {
    display: none;
  }
  #mainBusinessArea .__business-area-item .__box .__bg .__m {
    display: block;
  }
}
#mainBusinessArea .__business-area-item .__box .__desc {
  position: relative;
  aspect-ratio: 416/624;
  box-sizing: border-box;
  transition: background-color 200ms;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-item .__box .__desc {
    aspect-ratio: initial;
    min-height: 16.8rem;
  }
}
@media screen and (max-width: 600px) {
  #mainBusinessArea .__business-area-item .__box .__desc {
    min-height: 12.8rem;
  }
}
#mainBusinessArea .__business-area-item .__box .__txt {
  padding: 0.75em 1.15em 0.75em 0.9em;
}
#mainBusinessArea .__business-area-item .__box .__excerpt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.03em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows 300ms;
}
#mainBusinessArea .__business-area-item .__box .__excerpt .__accordion {
  overflow: hidden;
}
#mainBusinessArea .__business-area-item .__box .__excerpt .__accordion p {
  padding-top: 2rem;
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-item .__box .__excerpt {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
#mainBusinessArea .__business-area-item .__box .__cta {
  position: relative;
  padding: 2rem;
  display: flex;
  padding-top: 0 !important;
  justify-content: flex-end;
  margin-top: auto;
}
@media screen and (max-width: 600px) {
  #mainBusinessArea .__business-area-item .__box .__cta {
    padding: 1.6rem;
  }
}
#mainBusinessArea .__business-area-item .__box .__cta a,
#mainBusinessArea .__business-area-item .__box .__cta svg {
  display: block;
  border-radius: 50%;
  height: auto;
}
@media screen and (max-width: 600px) {
  #mainBusinessArea .__business-area-item .__box .__cta a,
  #mainBusinessArea .__business-area-item .__box .__cta svg {
    width: 4.6rem;
  }
}
#mainBusinessArea .__business-area-item .__box .__cta .__arrow {
  display: none;
}
#mainBusinessArea .__business-area-item .__box .__cta .__icon-bg {
  transform-origin: 50% 50%;
  transition: transform 200ms;
}
#mainBusinessArea .__business-area-item .__box:hover .__desc {
  background: #0053F2;
}
#mainBusinessArea .__business-area-item .__box:hover .__cta .__arrow {
  display: block;
}
#mainBusinessArea .__business-area-item .__box:hover .__cta .__icon {
  display: none;
}
#mainBusinessArea .__business-area-item .__box:hover .__cta .__icon-bg {
  transform: scale(0.9);
}
#mainBusinessArea .__business-area-item .__box:hover .__excerpt {
  grid-template-rows: 1fr;
}
#mainBusinessArea .__business-area-banner {
  display: flex;
  gap: 2rem;
  padding-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-banner {
    flex-direction: column;
    gap: 1.6rem;
    padding-top: 1.6rem;
  }
}
#mainBusinessArea .__business-area-banner .__banner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.8666666667em 0.6666666667em 0.8666666667em 1.2em;
  border-radius: 2.4rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background: rgba(255, 255, 255, 0.1);
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  #mainBusinessArea .__business-area-banner .__banner {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-banner .__banner {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  #mainBusinessArea .__business-area-banner .__banner {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-banner .__banner {
    padding: 1.6rem 1.6rem 1.6rem 2.4rem;
    border-radius: 1rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.02em;
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  #mainBusinessArea .__business-area-banner .__banner {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  #mainBusinessArea .__business-area-banner .__banner {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  #mainBusinessArea .__business-area-banner .__banner {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  #mainBusinessArea .__business-area-banner .__banner svg {
    width: 3.2rem;
    height: 3.2rem;
  }
}

#mainNewsroom {
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
  position: relative;
  background: #fff;
  z-index: 2;
}
[lang=en] #mainNewsroom {
  overflow: hidden;
  padding-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
#mainNewsroom .__heading,
#mainNewsroom .__body {
  max-width: 1920px;
  margin: 0 auto;
}
[lang=en] #mainNewsroom .__heading,
[lang=en] #mainNewsroom .__body {
  max-width: 100%;
}
#mainNewsroom .__heading {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
#mainNewsroom .__body .__grid {
  display: grid;
  grid-template-columns: max(30.6%, 30rem) 1fr max(25.2%, 42rem);
  grid-template-rows: auto auto;
  gap: 2rem;
  align-items: flex-start;
}
#mainNewsroom .__body .__grid .__col1 {
  grid-column: 1;
  grid-row: 1/span 2;
}
#mainNewsroom .__body .__grid .__col1 .__slides {
  display: none;
  margin-top: 4.8rem;
}
#mainNewsroom .__body .__grid .__col2 {
  grid-column: 2;
  grid-row: 1;
}
#mainNewsroom .__body .__grid .__col3 {
  grid-column: 2;
  grid-row: 2;
}
#mainNewsroom .__body .__grid .__col4 {
  grid-row: 1/span 2;
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__body .__grid {
    grid-template-columns: 450px 1fr;
    grid-template-rows: auto auto;
  }
  #mainNewsroom .__body .__grid .__col1 {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  #mainNewsroom .__body .__grid .__col1 .__slides {
    display: block;
  }
  #mainNewsroom .__body .__grid .__col2 {
    grid-column: 2;
    grid-row: 1;
  }
  #mainNewsroom .__body .__grid .__col3 {
    grid-column: 2;
    grid-row: 2;
  }
  #mainNewsroom .__body .__grid .__col4 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #mainNewsroom .__body .__grid {
    gap: 1.6rem;
    grid-template-columns: min(450px, 50%) 1fr;
  }
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__body .__grid {
    grid-template-columns: 100%;
    grid-template-rows: repeat(4, auto);
  }
  #mainNewsroom .__body .__grid .__col1 {
    grid-row: 2;
  }
  #mainNewsroom .__body .__grid .__col1 .__slides {
    display: none;
  }
  #mainNewsroom .__body .__grid .__col2 {
    grid-row: 1;
  }
  #mainNewsroom .__body .__grid .__col3 {
    grid-row: 3;
  }
  #mainNewsroom .__body .__grid .__col4 {
    display: block;
    grid-row: 4;
  }
  #mainNewsroom .__body .__grid .__col1,
  #mainNewsroom .__body .__grid .__col2,
  #mainNewsroom .__body .__grid .__col3,
  #mainNewsroom .__body .__grid .__col4 {
    grid-column: 1;
  }
}
#mainNewsroom .__slides .swiper {
  border-radius: 1.4rem;
  overflow: hidden;
  isolation: isolate;
  background-color: #ffffff;
}
#mainNewsroom .__slides .swiper-slide {
  overflow: hidden;
}
#mainNewsroom .__slides .swiper-slide a,
#mainNewsroom .__slides .swiper-slide img {
  display: block;
  width: 100%;
  position: relative;
}
#mainNewsroom .__slides .swiper-slide img {
  height: 100%;
}
#mainNewsroom .__slides .swiper-slide a {
  overflow: hidden;
  isolation: isolate;
}
#mainNewsroom .__slides .swiper-slide .__over {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
}
#mainNewsroom .__slides .swiper-slide .__back {
  aspect-ratio: 417/656;
  filter: blur(40px);
  transform: scale(1.5);
}
#mainNewsroom .__slides .swiper-slide[data-type=default] img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__slides .swiper-slide .__back {
    aspect-ratio: 451/309;
  }
}
#mainNewsroom .__slides .__controls {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-top: 1.4rem;
}
#mainNewsroom .__slides .__controls .__btn-control-autoplay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  aspect-ratio: 1/1;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: rgba(198, 198, 198, 0.2);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
#mainNewsroom .__slides .__controls .__btn-control-autoplay svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
#mainNewsroom .__slides .__controls .__btn-control-autoplay .__play {
  display: none;
}
#mainNewsroom .__slides .__controls .__btn-control-autoplay.__paused .__play {
  display: block;
}
#mainNewsroom .__slides .__controls .__btn-control-autoplay.__paused .__pause {
  display: none;
}
#mainNewsroom .__slides .__controls .__pagination {
  display: flex;
  gap: 0.8rem;
}
#mainNewsroom .__slides .__controls .__pagination .swiper-pagination-bullet {
  margin: 0;
  width: 1.2rem;
  height: 1.2rem;
  aspect-ratio: 1/1;
  padding: 0;
  background: rgba(221, 221, 221, 0.75);
  opacity: 1;
  transition: background-color 300ms;
}
#mainNewsroom .__slides .__controls .__pagination .swiper-pagination-bullet-active {
  background: #0053F2;
}
#mainNewsroom article .__img {
  overflow: hidden;
  isolation: isolate;
  border-radius: 1.4rem;
}
#mainNewsroom article .__img img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: auto;
}
#mainNewsroom article .__category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
#mainNewsroom article .__date {
  display: block;
  font-size: 1.5rem;
  color: #787878;
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  #mainNewsroom article .__date {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
#mainNewsroom .__featured-item .__img img {
  aspect-ratio: 563/476;
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__featured-item {
    margin-bottom: 2rem;
  }
  #mainNewsroom .__featured-item .__img img {
    aspect-ratio: 450/322;
  }
}
#mainNewsroom .__featured-item .__desc {
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  padding: 0.625em 1em 0 0.25em;
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__featured-item .__desc {
    font-size: min(2.4rem, 5.641vw);
    padding-left: 0;
  }
}
#mainNewsroom .__featured-item .__desc .__title {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  margin: 0.3125em 0 0.4375em;
}
#mainNewsroom .__featured-item .__desc .__excerpt {
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #787878;
  margin-bottom: 0.9333333333em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__featured-item .__desc .__excerpt {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  #mainNewsroom .__featured-item .__desc .__excerpt {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
#mainNewsroom .__notice {
  display: grid;
  gap: 0.8rem;
  margin-bottom: 1.2rem;
}
#mainNewsroom .__notice-item .__box {
  display: flex;
  gap: 0.7em;
  align-items: center;
  justify-content: space-between;
  padding: 1em 1.2em;
  background: #f8f8f8;
  border-radius: 1.2rem;
  font-size: clamp(1.8rem, 0.9896vw, 2rem);
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__notice-item .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
#mainNewsroom .__notice-item .__box .__category,
#mainNewsroom .__notice-item .__box .__date {
  flex: 0 0 auto;
}
#mainNewsroom .__notice-item .__box .__category .badge {
  display: inline-flex;
  padding: 0.3rem 0.8rem;
  border-radius: 0.6rem;
  background-color: #EFF5FF;
  color: #0045C9;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
#mainNewsroom .__notice-item .__box .__title {
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
  min-width: 0;
  flex: 1 1 auto;
  position: relative;
  height: 1.35em;
}
#mainNewsroom .__notice-item .__box .__title span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#mainNewsroom .__notice-item .__box .__date {
  margin-left: auto;
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__notice-item .__box {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0.3em;
    padding: 0.6em 0.9em;
  }
  #mainNewsroom .__notice-item .__box .__title {
    order: 1;
    width: 100%;
    height: auto;
  }
  #mainNewsroom .__notice-item .__box .__title span {
    position: relative;
    white-space: initial;
  }
  #mainNewsroom .__notice-item .__box .__category {
    order: 2;
  }
  #mainNewsroom .__notice-item .__box .__date {
    order: 3;
    margin-left: 0.3em;
  }
}
#mainNewsroom .__notice-list {
  display: grid;
  gap: 0.4rem;
}
#mainNewsroom .__notice-list .__notice-list-item:nth-child(n+4) {
  display: block;
}
@media screen and (min-width: 1361px) {
  #mainNewsroom .__notice-list .__notice-list-item:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__notice-list .__notice-list-item:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__notice-list {
    gap: 0.8rem;
    margin-bottom: 2rem;
  }
}
#mainNewsroom .__notice-list-item .__box {
  padding: 0.3em 1em 0.3em 0.8em;
  display: grid;
  grid-template-columns: 168px 1fr;
  align-items: center;
  gap: 1.2em;
  font-size: clamp(1.8rem, 0.9896vw, 2rem);
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__notice-list-item .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
#mainNewsroom .__notice-list-item .__box .__img {
  border-radius: max(0.6rem, 0.41666vw);
}
#mainNewsroom .__notice-list-item .__box .__img img {
  aspect-ratio: 168/120;
}
#mainNewsroom .__notice-list-item .__box .__title {
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 1.35;
  min-width: 0;
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin: 0.5em 0;
}
@media screen and (max-width: 1360px) {
  #mainNewsroom .__notice-list-item .__box {
    padding: 0.2em 0.4em 0.2em 0.8em;
    grid-template-columns: 1fr 128px;
  }
  #mainNewsroom .__notice-list-item .__box .__img {
    order: 2;
    border-radius: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__notice-list-item .__box {
    padding-left: 0;
    grid-template-columns: 1fr 108px;
  }
  #mainNewsroom .__notice-list-item .__box .__title {
    margin: 0.25em 0;
  }
}
@media screen and (max-width: 1024px) {
  #mainNewsroom .__heading .__grid {
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  #mainNewsroom .__heading .__grid .__utils {
    justify-content: flex-end;
  }
}
#mainNewsroom .__eng-newsroom-list {
  margin-left: -0.8rem;
}
#mainNewsroom .__eng-newsroom-list .swiper {
  overflow: visible;
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .swiper-wrapper {
    flex-direction: column;
    gap: 0.8rem;
  }
}
#mainNewsroom .__eng-newsroom-list .swiper-slide {
  width: clamp(35rem, 20.8333333333vw, 40rem);
  height: clamp(25rem, 15.3645833333vw, 29.5rem);
  margin: 0 0.8rem;
}
@media screen and (min-width: 2350px) {
  #mainNewsroom .__eng-newsroom-list .swiper-slide {
    flex: 1;
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .swiper-slide {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .swiper-slide {
    height: 15.8rem;
  }
}
#mainNewsroom .__eng-newsroom-list .swiper-slide a {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: clamp(2rem, 1.6666666667vw, 3.2rem);
  border: 1px solid #E4E4E4;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .swiper-slide a {
    padding: 2rem 1.8rem;
  }
}
#mainNewsroom .__eng-newsroom-list .title {
  padding-top: calc(2.2rem + 0.6666666667em);
  padding-left: 0.0833333333em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
  line-height: 1.35;
  font-weight: 500;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .title {
    padding-top: 0;
    padding-left: 0.6rem;
    font-size: 1.8rem;
  }
}
#mainNewsroom .__eng-newsroom-list .info {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: auto;
}
#mainNewsroom .__eng-newsroom-list .badge {
  display: inline-flex;
  padding: 0.3rem 0.8rem;
  border-radius: 0.6rem;
  background-color: #EFF5FF;
  color: #0045C9;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (min-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .badge {
    position: absolute;
    top: clamp(2rem, 1.6666666667vw, 3.2rem);
    left: clamp(2rem, 1.6666666667vw, 3.2rem);
  }
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .badge {
    padding: 0.3rem 0.5rem;
    font-size: 1.1rem;
  }
}
#mainNewsroom .__eng-newsroom-list .date {
  padding-left: 0.0833333333em;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 600px) {
  #mainNewsroom .__eng-newsroom-list .date {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}

#mainEsg {
  position: relative;
  overflow: hidden;
}
#mainEsg .__heading {
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
  position: relative;
}
#mainEsg .__heading .__title {
  position: relative;
}
#mainEsg .__heading .__title .__white {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  #mainEsg .__heading .__description {
    display: flex;
    justify-content: space-between;
  }
}
#mainEsg .__heading .__description p {
  color: #fff;
  margin-bottom: 0.7777777778em;
}
#mainEsg .__heading .__description p br {
  display: none;
}
@media screen and (max-width: 385px) {
  #mainEsg .__heading .__description p br {
    display: block;
  }
}
#mainEsg .__heading .__description [data-anim-obj] {
  opacity: 0;
}
#mainEsg .__body {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: max(5rem, clamp(3rem, 10px + 2.39583vmax, 5.6rem));
}
#mainEsg .__body .__grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 1024px) {
  #mainEsg .__body .__grid {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
}
#mainEsg .__body .__iso-item {
  background: #fff;
  border-radius: 2.4rem;
  padding: 0.8666666667em 1.3333333333em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  opacity: 0;
}
#mainEsg .__body .__iso-item h3 {
  margin-bottom: 0.4666666667em;
}
#mainEsg .__body .__iso-item p {
  color: #009B3E;
}
#mainEsg .__body .__iso-item .__icon img {
  display: block;
  width: 3.4em;
  height: auto;
}
@media screen and (max-width: 600px) {
  #mainEsg .__body .__iso-item {
    padding: 0.6666666667em 1.2em;
  }
  #mainEsg .__body .__iso-item h3 {
    margin-bottom: 0.3333333333em;
  }
  #mainEsg .__body .__iso-item .__icon img {
    width: 3em;
  }
}
#mainEsg .__motion-area {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100vh + 1px);
  height: calc(100lvh + 1px);
}
#mainEsg .__esg-graphs {
  position: absolute;
  top: -100vh;
  top: -100lvh;
  left: 0;
  right: 0;
  height: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
#mainEsg .__esg-graphs .__graph-motion-area {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100vh + 1px);
  height: calc(100lvh + 1px);
  background: #000;
}
#mainEsg .__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainEsg .__bg .__white-bg {
  position: absolute;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
  top: 0;
  left: 0;
  right: 0;
  height: 200%;
}
#mainEsg .__bg img {
  display: block;
  width: 100%;
  object-fit: cover;
  object-position: 50% 0%;
  height: 100%;
}
#mainEsg .__graphs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100vh + 1px);
  height: calc(100lvh + 1px);
}
#mainEsg .__graphs .__graph {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainEsg .__graphs .__desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
#mainEsg .__graphs .__desc .__grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1024px) {
  #mainEsg .__graphs .__desc .__grid {
    gap: 1.6rem;
  }
}
#mainEsg .__graphs .__graph-item h3 {
  margin-bottom: 0.25em;
}
@media screen and (max-width: 600px) {
  #mainEsg .__graphs .__graph-item h3 {
    font-size: clamp(1.6em, 3.8vw, 2.4rem);
  }
}
#mainEsg .__graphs .__graph-item .__count {
  margin-bottom: 0.4em;
  display: flex;
  align-items: flex-end;
  gap: 0.15em;
  color: #00A040;
}
#mainEsg .__graphs .__graph-item .__count .__unit {
  margin-bottom: 0.8em;
  font-size: max(1.4rem, 0.25em);
  letter-spacing: -0.02em;
  font-weight: 700;
  font-family: "Pretendard GOV";
}
@media screen and (max-width: 600px) {
  #mainEsg .__graphs .__graph-item .__count {
    flex-direction: column;
    align-items: flex-start;
  }
  #mainEsg .__graphs .__graph-item .__count .__unit {
    margin-bottom: 0;
  }
}
#mainEsg .__graphs .__graph-item .__graphic {
  height: 50vh;
  border-radius: 2rem 2rem 0 0;
  opacity: 0.5;
}
@media screen and (max-width: 600px) {
  #mainEsg .__graphs .__graph-item .__graphic {
    border-radius: 1rem 1rem 0 0;
  }
}
#mainEsg .__graphs .__graph2 .__grid .__graph-item {
  grid-column: 2;
}
#mainEsg .__motions {
  padding-top: 10vh;
  padding-top: 10lvh;
}
#mainEsg .__motions .__esg-graphs-in {
  height: 90vh;
  height: 90lvh;
}
#mainEsg .__motions .__esg-graphs-out {
  height: 70vh;
  height: 70lvh;
}
#mainEsg .__motions .__esg-desc-in {
  height: 70vh;
  height: 70lvh;
  margin-top: -40vh;
  margin-top: -40lvh;
}

#mainServices {
  overflow: hidden;
}
#mainServices .main-service-inner {
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
#mainServices .__heading {
  margin-bottom: clamp(8rem, 12.2vh, 13.2rem);
}
@media screen and (min-width: 1023px) {
  #mainServices .__heading {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  #mainServices .__heading {
    margin-bottom: 1.6rem;
  }
}
#mainServices .__slides {
  margin: 0 -1rem;
}
#mainServices .__slides .swiper {
  overflow: visible;
}
#mainServices .__slides .swiper .swiper-slide {
  width: auto;
}
#mainServices .__control {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 600px) {
  #mainServices .__control {
    margin-bottom: 1.6rem;
  }
}
#mainServices .__control .__buttons {
  display: flex;
  align-items: center;
  border-radius: 0.6rem;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
}
#mainServices .__control .line {
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  background-color: #94B8FF;
}
#mainServices .__control button {
  padding: 0.8rem 1.2rem;
}
#mainServices .__control button.swiper-button-disabled svg path {
  stroke: #94B8FF;
}
#mainServices .__control svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
#mainServices .__control svg path {
  transition: ease 0.3s;
}
#mainServices .__service-item {
  width: clamp(252px, 40vw, 430px);
  padding: 1rem;
  padding-top: 0;
}
@media screen and (max-width: 360px) {
  #mainServices .__service-item {
    width: clamp(200px, 75vw, 252px);
  }
}
#mainServices .__service-item .__img {
  position: relative;
  border-radius: 1.4rem;
  overflow: hidden;
  isolation: isolate;
}
#mainServices .__service-item .__img img {
  display: block;
  width: 100%;
  height: auto;
}
#mainServices .__service-item .__img .__no {
  position: absolute;
  bottom: 0.5263157895em;
  left: 0.5263157895em;
  color: #fff;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  background: rgba(28, 43, 51, 0.6);
  padding: 0.3157894737em 0.4210526316em;
  border-radius: 0.5263157895em;
  font-weight: 500;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
@media screen and (max-width: 1024px) {
  #mainServices .__service-item .__img .__no {
    font-size: min(1.8rem, 4.1026vw);
  }
}
#mainServices .__service-item .__desc {
  padding: 0 0.4rem;
}
#mainServices .__service-item .__desc .__title {
  margin-top: 0.9167em;
  margin-bottom: 0.25em;
}
#mainServices .__service-item .__desc .__excerpt {
  color: #717171;
}

#mainStat {
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
#mainStat .main-stat-inner {
  margin: 0 auto;
}
#mainStat .__grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: 2fr minmax(330px, 1fr);
}
@media screen and (max-width: 1024px) {
  #mainStat .__grid {
    gap: 1.6rem;
    grid-template-columns: 2fr minmax(300px, 1fr);
  }
}
@media screen and (max-width: 768px) {
  #mainStat .__grid {
    grid-template-columns: 1fr;
  }
}
#mainStat .__box {
  border-radius: 2.4rem;
  border: 1px solid #E4E4E4;
  padding: 3.6rem 4rem;
  display: grid;
}
@media screen and (max-width: 1024px) {
  #mainStat .__box {
    padding: 3.2rem 2.8rem;
    border-radius: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__box {
    padding: 2.8rem 2rem;
  }
}
#mainStat .__box .__box-inner {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 600px) {
  #mainStat .__box .__heading h3 {
    font-size: 2.2rem;
  }
}
#mainStat .__box .__heading .__title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 600px) {
  #mainStat .__box .__heading .__title-wrap {
    flex-direction: column;
    align-items: flex-start;
    width: calc(100% - 10rem);
  }
}
#mainStat .__box .__heading .__cta {
  margin-top: 1.6rem;
}
#mainStat .__box .__body {
  margin-top: auto;
}
@media screen and (max-width: 1280px) {
  #mainStat .__box .__stat-time {
    position: absolute;
    right: 0;
    bottom: -5rem;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__box .__stat-time {
    position: relative;
    right: unset;
    bottom: unset;
    gap: 0.5rem;
    margin-top: 0.6rem;
    font-size: 1.4rem;
  }
}
#mainStat .__box .__content-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: clamp(40px, 4.1666666667vw, 80px);
}
@media screen and (max-width: 1280px) {
  #mainStat .__box .__content-grid {
    grid-template-columns: 1fr;
    gap: 3.2rem;
  }
}
#mainStat .__box .__stat-gage svg {
  margin-top: auto;
  margin-left: auto;
  width: clamp(260px, 22.5vw, 360px);
}
@media screen and (max-width: 1280px) {
  #mainStat .__box .__stat-gage svg {
    width: 360px;
    margin-left: auto;
  }
}
@media screen and (max-width: 1024px) {
  #mainStat .__box .__stat-gage svg {
    max-width: 280px;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__box .__stat-gage svg {
    margin: 0 auto;
  }
}
#mainStat .__box .__stat-list dl {
  width: clamp(100px, 13.5135135135vw, 320px);
}
@media screen and (max-width: 1280px) {
  #mainStat .__box .__stat-list dl {
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__box .__stat-list dd strong {
    font-size: 1.9rem;
  }
}
#mainStat .__realtime {
  background: #EFF5FF;
}
@media screen and (max-width: 1280px) {
  #mainStat .__realtime {
    padding-bottom: 8.6rem;
  }
}
@media screen and (max-width: 1024px) {
  #mainStat .__realtime {
    padding-bottom: 8.2rem;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__realtime {
    padding-bottom: 2.8rem;
  }
}
@media screen and (max-width: 1280px) {
  #mainStat .__realtime .__heading {
    height: 4.2rem;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__realtime .__heading {
    display: flex;
    justify-content: space-between;
    height: auto;
    margin-bottom: 3.6rem;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__realtime .__heading .__cta {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__banner {
    padding: 2.4rem 1.6rem 2.4rem 2rem;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__banner .__box-inner {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__banner .__body {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  #mainStat .__banner .__heading .__cta {
    margin-top: 1rem;
  }
}
#mainStat .__banner .__img {
  margin: -6.2rem 0 -3.2rem;
}
@media screen and (max-width: 600px) {
  #mainStat .__banner .__img {
    margin: 0;
  }
}
#mainStat .__banner .__img img {
  margin-left: auto;
  display: block;
  width: clamp(160px, 16.2790697674vw, 280px);
}
@media screen and (max-width: 600px) {
  #mainStat .__banner .__img img {
    width: 9.6rem;
  }
}

.__stat-time {
  display: flex;
  align-items: center;
  color: #717171;
  gap: 0.6666666667em;
  justify-content: flex-end;
}
.__stat-time button {
  width: 2.1333333333em;
  aspect-ratio: 1/1;
  border: 1px solid #D8D8D8;
  background: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 600px) {
  .__stat-time button {
    width: 2.4rem;
    height: 2.4rem;
    box-sizing: content-box;
  }
}
.__stat-time button svg {
  display: block;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .__stat-time button svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.__stat-gage svg {
  display: block;
  overflow: visible;
  height: auto;
}
.__stat-gage svg .__label {
  font-family: "Pretendard GOV", sans-serif;
  fill: #2D2D2D;
}

.__stat-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.1764705882em;
}
@media screen and (max-width: 1024px) {
  .__stat-list {
    gap: 0.9411764706em;
  }
}
.__stat-list dl {
  text-align: center;
}
.__stat-list dl dt {
  color: #3379FF;
  margin-bottom: 0.4117647059em;
  font-weight: 700;
}
@media screen and (max-width: 600px) {
  .__stat-list dl dt {
    font-size: 1.5rem;
  }
}
.__stat-list dl dd {
  background: #fff;
  height: 2.6470588235em;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1176470588em;
  border-radius: 0.6rem;
  box-sizing: border-box;
  padding: 0 0.6em;
}
.__stat-list dl dd small {
  font-weight: 600;
  color: #8E8E8E;
}

.__stat-modal .__body {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.__stat-modal .__stat-modal-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
.__stat-modal .__stat-modal-heading h2 {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .__stat-modal .__stat-modal-heading h2 {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .__stat-modal .__stat-modal-heading h2 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__stat-modal .__stat-modal-heading h2 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__stat-modal .__stat-modal-body .__boxes {
  display: grid;
  grid-template-columns: 390fr 500fr;
  gap: 2rem;
}
.__stat-modal .__stat-modal-body .__boxes .__box-main,
.__stat-modal .__stat-modal-body .__boxes .__graph {
  grid-column: 1/3;
}
@media screen and (max-width: 1024px) {
  .__stat-modal .__stat-modal-body .__boxes {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
  .__stat-modal .__stat-modal-body .__boxes .__box-main,
  .__stat-modal .__stat-modal-body .__boxes .__graph {
    grid-column: initial;
  }
}
.__stat-modal .__stat-modal-body .__box {
  border-radius: 1.4rem;
  background: #EFF5FF;
  padding: 2.4rem 2.8rem;
  display: grid;
  grid-template-rows: auto 1fr;
}
@media screen and (max-width: 600px) {
  .__stat-modal .__stat-modal-body .__box {
    padding: 2.4rem 2rem;
  }
}
.__stat-modal .__stat-modal-body .__box .__box-title {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.__stat-modal .__stat-modal-body .__box .__box-title h3 {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__stat-modal .__stat-modal-body .__box .__box-title h3 {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__stat-modal .__stat-modal-body .__box .__box-title h3 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__stat-modal .__stat-modal-body .__box .__box-title h3 {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__stat-modal .__stat-modal-body .__box .__box-title small {
  color: #717171;
}
.__stat-modal .__stat-modal-body .__box .__maximum {
  margin-top: auto;
}
.__stat-modal .__stat-modal-body .__box .__maximum strong {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__stat-modal .__stat-modal-body .__box .__maximum strong {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__stat-modal .__stat-modal-body .__box .__maximum strong {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__stat-modal .__stat-modal-body .__box .__maximum strong {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__stat-modal .__stat-modal-body .__box .__maximum small {
  color: #8E8E8E;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .__stat-modal .__stat-modal-body .__box .__maximum small {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .__stat-modal .__stat-modal-body .__box .__maximum small {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .__stat-modal .__stat-modal-body .__box .__maximum small {
    font-size: 1.8rem;
  }
}
.__stat-modal .__stat-modal-body .__box-main .__grid {
  margin: 0 -2.8rem;
  display: grid;
  grid-template-columns: 390fr 500fr;
  gap: 2rem;
  align-items: flex-end;
}
.__stat-modal .__stat-modal-body .__box-main .__grid .__stat-gage svg {
  width: 100%;
}
.__stat-modal .__stat-modal-body .__box-main .__grid .__col:first-child {
  padding-left: 2.8rem;
}
.__stat-modal .__stat-modal-body .__box-main .__grid .__col:last-child {
  padding: 0 2.8rem;
}
@media screen and (max-width: 1024px) {
  .__stat-modal .__stat-modal-body .__box-main .__grid {
    margin: 0;
    gap: 3.6rem;
    grid-template-columns: 1fr;
  }
  .__stat-modal .__stat-modal-body .__box-main .__grid .__col:first-child {
    padding-left: 0;
  }
  .__stat-modal .__stat-modal-body .__box-main .__grid .__col:last-child {
    padding: 0;
  }
  .__stat-modal .__stat-modal-body .__box-main .__grid .__stat-gage svg {
    margin: 0 auto;
    max-width: 360px;
  }
}
.__stat-modal .__stat-modal-body .__graph {
  background: transparent;
  padding: 0;
  border-radius: 0;
}
.__stat-modal .__stat-modal-body .__graph img {
  display: block;
  width: 100%;
}

#main_chart {
  width: 100% !important;
  max-height: 500px;
  min-height: 500px;
  height: 100% !important;
}

.main-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  /* 모바일 사용 */
}
.main-popup-container.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.main-popup-container .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.main-popup-container .main-popup-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.main-popup-container .main-popup {
  width: fit-content;
  overflow: hidden;
}
.main-popup-container .main-popup .main-popup-top {
  position: relative;
  width: 100%;
  display: flex;
  /* 모바일 사용 */
}
.main-popup-container .main-popup .main-popup-top[data-slide-count="1"] .main-popup-indicator {
  display: none !important;
}
.main-popup-container .main-popup .main-popup-top .sheet-top {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 1.1rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #E4E4E4;
}
.main-popup-container .main-popup .main-popup-top .main-popup-content {
  width: clamp(30rem, 20.8333333333vw, 40rem);
  height: clamp(36rem, 25vw, 48rem);
  aspect-ratio: 5/6;
  background-color: #ededed;
}
.main-popup-container .main-popup .main-popup-top .main-popup-content:not(:last-of-type) {
  margin-right: min(3.2rem, 1.6666666667vw);
}
.main-popup-container .main-popup .main-popup-top .main-popup-content img {
  display: block;
  width: 100%;
  height: 100%;
}
.main-popup-container .main-popup .main-popup-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  width: 100%;
  padding-top: 4rem;
}
.main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
  color: #454545;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-size: 1.6rem;
  }
}
.main-popup-container .main-popup .main-popup-bottom .popup-today-btn-mo {
  display: none;
}
.main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .mo {
  display: none;
}
.main-popup-container .main-popup-indicator {
  display: none;
  position: absolute;
  top: 1.4rem;
  right: 2rem;
  align-items: center;
  gap: 2rem;
  width: fit-content;
  padding: 0.35rem 1.3rem;
  z-index: 10;
  font-size: 1.4rem;
  line-height: 21px;
  font-weight: 400;
  background-color: rgba(45, 45, 45, 0.6);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  border-radius: 2rem;
}
.main-popup-container .main-popup-indicator .main-popup-pagination {
  display: flex;
  gap: 0.4rem;
  order: 2;
  color: rgba(255, 255, 255, 0.6);
}
.main-popup-container .main-popup-indicator .main-popup-pagination .swiper-pagination-current {
  color: #ffffff;
}
.main-popup-container .main-popup-indicator .next-btn {
  order: 3;
}
.main-popup-container .main-popup-indicator .prev-btn {
  order: 1;
}
@media screen and (max-width: 1024px) {
  .main-popup-container .main-popup .main-popup-top .main-popup-content {
    width: 27.34375vw;
    height: 32.8125vw;
    flex-shrink: 1;
  }
}
@media screen and (max-width: 600px) {
  .main-popup-container {
    top: unset;
    bottom: 0;
  }
  .main-popup-container .container {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }
  .main-popup-container .container-box-xl {
    height: 100%;
  }
  .main-popup-container .main-popup {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0;
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
    background-color: #ffffff;
  }
  .main-popup-container .main-popup .main-popup-top .main-popup-slider {
    width: 100%;
  }
  .main-popup-container .main-popup .main-popup-top .sheet-top {
    display: flex;
    border: 0;
  }
  .main-popup-container .main-popup .main-popup-top .main-popup-content {
    max-width: 100%;
    width: 100%;
    max-height: 75vh;
    height: auto;
    flex-shrink: 0;
  }
  .main-popup-container .main-popup .main-popup-bottom {
    justify-content: space-between;
    padding: 0 1.6rem;
    height: 5.2rem;
  }
  .main-popup-container .main-popup .main-popup-bottom .input-checkbox-item .txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .main-popup-container .main-popup .main-popup-bottom .popup-today-btn-pc {
    display: none;
  }
  .main-popup-container .main-popup .main-popup-bottom .popup-today-btn-mo {
    display: flex;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn {
    padding: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 0.4rem;
    min-height: auto;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .pc {
    display: none;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .mo {
    display: block;
  }
  .main-popup-container .main-popup .main-popup-bottom .main-popup-close-btn .label {
    display: none;
  }
  .main-popup-container .main-popup-indicator {
    display: flex;
  }
}

.main-indicator {
  position: fixed;
  z-index: 3;
  top: 50%;
  left: min(3.2rem, 1.6666666667vw);
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .main-indicator {
    top: unset;
    bottom: 0;
    left: unset;
    right: max(2rem, 5.12821vw);
    padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
    transform: translate(0);
  }
}
.main-indicator li .indicator-btn {
  background-color: #C6C6C6;
}
.main-indicator li .section-name {
  opacity: 0;
  color: #ffffff;
  background-color: #0045C9;
}
.main-indicator li.active .indicator-btn {
  background-color: #0045C9;
}
.main-indicator li.active .indicator-btn::after {
  background-color: rgba(0, 69, 201, 0.2);
}
.main-indicator.white li .indicator-btn {
  background-color: #8E8E8E;
}
.main-indicator.white li .section-name {
  color: #0045C9;
  background-color: #ffffff;
}
.main-indicator.white li.active .indicator-btn {
  background-color: #ffffff;
}
.main-indicator.white li.active .indicator-btn::after {
  background-color: rgba(255, 255, 255, 0.2);
}
.main-indicator ul {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
@media screen and (max-width: 1024px) {
  .main-indicator ul {
    display: none;
  }
}
.main-indicator ul li {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.main-indicator ul li .indicator-btn {
  position: relative;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  transition: ease 0.3s;
}
.main-indicator ul li .indicator-btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  z-index: -1;
  transition: ease 0.3s;
}
.main-indicator ul li .section-name {
  opacity: 0;
  border-radius: 9.9rem;
  font-size: 1.5rem;
  line-height: 1.1;
  font-weight: 600;
  transition: background-color, color ease 0.3s;
}
.main-indicator ul li .section-name span {
  display: inline-block;
  padding: 0.8rem 1rem;
  white-space: pre;
}
.main-indicator .indicator-updown {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media screen and (min-width: 1025px) {
  .main-indicator .indicator-updown {
    display: none;
  }
}
.main-indicator .indicator-updown button {
  display: block;
  border-radius: 0.6rem;
  background: rgba(85, 85, 85, 0.35);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  aspect-ratio: 1/1;
  width: 5.6rem;
}
.main-indicator .indicator-updown button svg {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .main-indicator .indicator-updown button {
    width: 4rem;
  }
}
.main-indicator .indicator-updown button.up {
  height: 0;
}
.main-indicator .indicator-updown button.up svg {
  opacity: 0;
  transform: rotate(180deg);
}

/* 뉴스 · 미디어 */
.sub-section[data-current-page=newsmedia] .newsmedia-title {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
.sub-section[data-current-page=newsmedia] .newsmedia-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=newsmedia] .newsmedia-title-box .sub-component-title {
  margin-bottom: 0;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con {
  margin-top: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.notice {
  margin-top: 0;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.notice .card .card-top-box {
  align-items: flex-start;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.notice .card .card-top-box .category {
  display: inline-flex;
  padding: 0.3rem 0.8rem;
  border-radius: 0.6rem;
  background-color: #EFF5FF;
  color: #0045C9;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.notice .category {
  display: inline-flex;
  padding: 0.3rem 0.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 0.6rem;
  color: #ffffff;
  background-color: #0053F2;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.notice .title {
  max-height: 4.5em;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.notice .info {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-col-2 {
  gap: 2rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item {
  width: calc(50% - 1rem);
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column dl {
  flex-direction: row;
  gap: 2.4rem;
  align-items: center;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column dl dt {
  width: 16.7rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column dl dd {
  width: calc(100% - 16.7rem - 2.4rem);
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column .img-wrap {
  aspect-ratio: 167/119;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column .date {
  margin-top: 0.8rem;
  font-size: 1.3rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column .badge {
  margin-top: 0;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .date {
  font-size: 1.5rem;
  margin-top: 2.1rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.news .badge + .tit {
  margin-top: 0.4210526316em;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item {
  display: block;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  padding: 2.8rem 4rem;
  color: #1D1D1D;
  border-radius: max(0.6rem, 0.41666vw);
  transition: border-color 0.3s ease;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .tit {
  margin-top: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .txt {
  margin-top: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .bottom-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
  margin-top: 3rem;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .bottom-box .txt-btn::before {
  display: none;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .bottom-box .icon {
  position: absolute;
  right: 0;
  bottom: 0;
}
.sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item br {
  display: none;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item:hover {
    border-color: #0045C9;
  }
}
@media screen and (min-width: calc(600px + 1px)) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.social .media-list-item:nth-child(n+3) ~ .media-list-item:last-child {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con .newsmedia-title-box .sub-component-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con .newsmedia-title-box .sub-component-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con .newsmedia-title-box .sub-component-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con .newsmedia-title-box .sub-component-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.notice .card-list-box {
    flex-direction: column;
    gap: 0.8rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.notice .card-list-box .card {
    position: relative;
    width: 100%;
    padding: 1.6rem 1.8rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.notice .card-list-box .card .title {
    min-height: auto;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.notice .card-list-box .card .card-bottom-box {
    position: absolute;
    right: 1.8rem;
    top: 1.6rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.notice .category {
    padding: 0.3rem 0.5rem;
    font-size: 1.1rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-col-2 {
    flex-direction: column;
    gap: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item {
    width: 100%;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem 1.6rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column a {
    width: calc(50% - 0.8rem);
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column dl {
    flex-direction: column;
    gap: 1.4rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column dl dt {
    width: 100%;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column dl dd {
    width: 100%;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column .badge {
    padding: 0.3rem 0.5rem;
    font-size: 1.1rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .media-list-item.column .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .badge {
    font-size: 1.3rem;
    margin-top: 2rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .date {
    margin-top: 1.6rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.social .media-list-col-3, .sub-section[data-current-page=newsmedia] .newsmedia-con.magazine .media-list-col-3 {
    row-gap: 3rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item {
    padding: 2rem 2.4rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .txt {
    height: 3em;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .bottom-box {
    margin-top: -1rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .bottom-box .icon {
    position: static;
    width: 6rem;
    height: 6rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item .bottom-box .icon img {
    width: 100%;
    height: 100%;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .newsmedia-ad-item br {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .badge {
    padding: 0.3rem 0.5rem;
    font-size: 1.1rem;
    margin-top: 1.4rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.news .date {
    margin-top: 0.8rem;
  }
  .sub-section[data-current-page=newsmedia] .newsmedia-con.ad .media-list-col-2 {
    flex-direction: column;
    gap: 1.6rem;
  }
}

/* 공지사항 */
.sub-section[data-current-page=notice] .notice-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=notice] .notice-container .card {
  position: relative;
}
.sub-section[data-current-page=notice] .notice-container .card .badge-box {
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=notice] .notice-container .card .badge-box .date {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=notice] .notice-container .card .title {
  height: 4.5em;
  white-space: wrap;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sub-section[data-current-page=notice] .notice-container .card .card-top-box {
  border-bottom: 0;
  padding: 2.4rem;
}
.sub-section[data-current-page=notice] .notice-container .card .card-bottom-box {
  margin-top: 0;
}
.sub-section[data-current-page=notice] .notice-container .card .board-list-file-box {
  position: static;
}
.sub-section[data-current-page=notice] .notice-container .card .board-list-file-popup {
  margin-top: -1.8rem;
}
@media screen and (max-width: calc(1440px + 8rem)) and (min-width: calc(1024px + 1px)) {
  .sub-section[data-current-page=notice] .notice-container .card:nth-child(3n-1) .board-list-file-popup {
    left: 50%;
    right: auto;
    top: 100%;
    transform: translateX(-50%);
  }
  .sub-section[data-current-page=notice] .notice-container .card:nth-child(3n) .board-list-file-popup {
    left: auto;
    right: -2.5rem;
    top: 100%;
  }
  .sub-section[data-current-page=notice] .notice-container .card:nth-child(3n+1) .board-list-file-popup {
    left: -2.5rem;
    right: auto;
    top: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=notice] .notice-container .card .title {
    height: 3em;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .sub-section[data-current-page=notice] .notice-container .card .board-list-file-box {
    position: relative;
  }
  .sub-section[data-current-page=notice] .notice-container .card .board-list-file-popup {
    margin-top: 0;
  }
}

/* 소셜미디어 */
.sub-section[data-current-page=social] .social-link-content {
  padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=social] .social-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.sub-section[data-current-page=social] .social-link-list li {
  width: calc(33.33% - 1.0666666667rem);
}
.sub-section[data-current-page=social] .social-link-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  padding: 2.8rem;
  transition: border-color 0.3s ease;
}
.sub-section[data-current-page=social] .social-link-list li a .logo-txt {
  display: flex;
  align-items: center;
  gap: 1.4rem;
}
.sub-section[data-current-page=social] .social-link-list li a .logo-txt .txt {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 28px */
  letter-spacing: -0.6px;
  color: #2D2D2D;
}
.sub-section[data-current-page=social] .social-link-list li a .link-icon svg {
  color: #C6C6C6;
  transition: color 0.3s ease;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=social] .social-link-list li a:hover {
    border-color: #0045C9;
  }
  .sub-section[data-current-page=social] .social-link-list li a:hover .link-icon svg {
    color: #0045C9;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=social] .social-link-list {
    gap: 1.2rem;
  }
  .sub-section[data-current-page=social] .social-link-list li a {
    height: 5.2rem;
    padding: 0 1.2rem;
  }
  .sub-section[data-current-page=social] .social-link-list li a .logo-txt {
    gap: 0.6rem;
  }
  .sub-section[data-current-page=social] .social-link-list li a .logo-txt .sns-logo {
    width: 2.4rem;
    height: 2.4rem;
  }
  .sub-section[data-current-page=social] .social-link-list li a .logo-txt .sns-logo img {
    width: 100%;
    height: 100%;
  }
  .sub-section[data-current-page=social] .social-link-list li a .logo-txt .txt {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.42px;
  }
  .sub-section[data-current-page=social] .social-link-list li a .link-icon {
    width: 2rem;
    height: 2rem;
  }
  .sub-section[data-current-page=social] .social-link-list li a .link-icon svg {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=social] .social-link-list {
    gap: 0.8rem;
  }
  .sub-section[data-current-page=social] .social-link-list li {
    width: calc(50% - 0.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=social] .social-search-content form {
    display: flex;
    flex-direction: column-reverse;
  }
  .sub-section[data-current-page=social] .social-search-content .tag-box {
    justify-content: flex-start;
  }
}

/* 홍보영상 */
.sub-section[data-current-page=videos] .media-videos-top {
  margin-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
.sub-section[data-current-page=videos] .media-videos-top a {
  display: flex;
}
.sub-section[data-current-page=videos] .media-videos-top a .img-wrap {
  width: 61.6%;
  aspect-ratio: 653/374;
  border-radius: 0.6rem;
  overflow: hidden;
}
.sub-section[data-current-page=videos] .media-videos-top a .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.sub-section[data-current-page=videos] .media-videos-top a .txt-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 38.4%;
  padding: 4rem 3.2rem 3.2rem 5rem;
}
.sub-section[data-current-page=videos] .media-videos-top a .txt-box .tit {
  color: #000000;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(4.2rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .tit {
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .tit {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .tit {
    font-size: max(2.5rem, 4.16667vw);
  }
}
.sub-section[data-current-page=videos] .media-videos-top a .txt-box .txt {
  margin-top: 1.2rem;
  color: #717171;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=videos] .media-videos-top a .txt-box .txt br {
  display: none;
}
.sub-section[data-current-page=videos] .media-videos-top a .txt-box .date {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=videos] .media-videos-top a:hover .img-wrap img {
    transform: scale(1.075);
  }
}
@media screen and (min-width: calc(1024px - 1px)) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .tit {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=videos] .media-videos-top a {
    flex-direction: column;
    gap: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
  .sub-section[data-current-page=videos] .media-videos-top a .img-wrap {
    width: 100%;
  }
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box {
    width: 100%;
    padding: 0;
  }
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .txt {
    margin-top: 0.8rem;
  }
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .date {
    margin-top: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=videos] .media-videos-top a .txt-box .date {
    margin-top: 2.4rem;
  }
}

/* 광고 */
.sub-section[data-current-page=advertise] {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=advertise] {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=advertise] {
    margin-top: 2rem;
  }
}
.sub-section[data-current-page=advertise] .sub-tab-container {
  margin-top: 0;
}
.sub-section[data-current-page=advertise] .media-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}

/* 사보 */
.sub-section[data-current-page=magazine] {
  position: relative;
}
.sub-section[data-current-page=magazine] .magazine-btn {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=magazine] .media-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=magazine] .magazine-btn {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .sub-section[data-current-page=magazine] .magazine-btn i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  .sub-section[data-current-page=magazine] .magazine-btn[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
}

/* 사보 구독 페이지 */
.magazine-select-container {
  display: flex;
  gap: 2rem;
}
.magazine-select-item {
  width: calc(33.33% - 0.6666666667rem);
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .magazine-select-item {
    padding: 2.4rem;
  }
}
.magazine-select-item {
  position: relative;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.magazine-select-item .txt-box {
  margin-top: 11.2rem;
}
.magazine-select-item .txt-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .magazine-select-item .txt-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .magazine-select-item .txt-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .magazine-select-item .txt-box .tit {
    font-size: 1.8rem;
  }
}
.magazine-select-item .txt-box .txt {
  color: #555555;
  margin-top: 0.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.magazine-select-item .btn-box .icon {
  position: absolute;
  top: 3.2rem;
  left: 3.2rem;
}
.magazine-select-item .btn-box .icon img {
  display: block;
}
.magazine-select-item .btn-box .btn {
  width: 100%;
}
.magazine-select-item .btn-box .btn svg path {
  fill: none;
}
.magazine-select-completed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.6rem, 2.08333vmax, 4rem);
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.magazine-select-completed .tit {
  display: block;
  text-align: center;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.magazine-select-completed .tit br.m-ver {
  display: none;
}
.magazine-select-completed .btn-box {
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .magazine-select-container {
    flex-direction: column;
    gap: 1.6rem;
  }
  .magazine-select-item {
    width: 100%;
    padding: 2.8rem 2rem 2.8rem 2.8rem;
    gap: 2.4rem;
  }
  .magazine-select-item .txt-box {
    margin-top: 0;
  }
  .magazine-select-item .txt-box .txt {
    margin-top: 0.2rem;
  }
  .magazine-select-item .txt-box .txt br {
    display: none;
  }
  .magazine-select-item .btn-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .magazine-select-item .btn-box .icon {
    position: static;
  }
  .magazine-select-item .btn-box .icon img {
    height: 5.3rem;
  }
  .magazine-select-item .btn-box .btn {
    width: auto;
  }
  .magazine-select-completed {
    gap: clamp(2.8rem, 3.33333vmax, 6.4rem);
    margin-top: clamp(2.8rem, 3.33333vmax, 6.4rem);
  }
  .magazine-select-completed .tit br.m-ver {
    display: block;
  }
  .magazine-select-completed .btn-box {
    margin-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
  }
  .magazine-select-completed .btn-box .btn {
    width: 17.3rem;
  }
  .magazine-select-completed .btn-box .btn .label {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 600px) {
  .magazine-select-item {
    padding: 2.4rem 2rem 2.4rem 2.4rem;
  }
  .magazine-select-item .txt-box .txt br {
    display: block;
  }
}

.magazineapply-container .sub-component-title-box, .magazinemodify-container .sub-component-title-box, .magazinecancel-container .sub-component-title-box {
  flex-wrap: wrap;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  align-items: flex-end;
  gap: 0.4rem 0.8rem;
}
.magazineapply-container .sub-component-title-box .inner, .magazinemodify-container .sub-component-title-box .inner, .magazinecancel-container .sub-component-title-box .inner {
  margin-bottom: 0;
}

.sub-section[data-current-page=magazinecancel] .magazine-select-completed .btn-box .btn {
  width: 22.3rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=magazinecancel] .magazine-select-completed .btn-box {
    flex-direction: column;
    gap: 0.8rem;
  }
  .sub-section[data-current-page=magazinecancel] .magazine-select-completed .btn-box .btn {
    width: 17.6rem;
  }
}

#docViewerFrame.view-frame {
  width: 100%;
  height: 1005px;
}
@media screen and (max-width: 1024px) {
  #docViewerFrame.view-frame {
    width: 100%;
    height: 660px;
  }
}
@media screen and (max-width: 600px) {
  #docViewerFrame.view-frame {
    width: 100%;
    height: 660px;
  }
}

/* 홍보센터 > 전시관람 */
.exhibition-slide-container {
  border-radius: max(0.6rem, 0.41666vw);
}
.exhibition-slide-container .arrow-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}
.exhibition-slide-container .arrow-btn svg path {
  fill: none;
}
.exhibition-slide-container .arrow-btn.prev-btn {
  left: 4.8rem;
}
.exhibition-slide-container .arrow-btn.next-btn {
  right: 4.8rem;
}
.exhibition-slide-item .img-wrap {
  aspect-ratio: 1060/596;
}
.exhibition-slide-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exhibition-slide-control {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  bottom: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
}
.exhibition-slide-control .btn-control-autoplay {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  aspect-ratio: 1/1;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
}
.exhibition-slide-pagination {
  display: flex;
  position: relative;
  top: unset !important;
  bottom: unset !important;
}
.exhibition-slide-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  transition: width 0.3s;
}
.exhibition-slide-pagination .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transform: translateX(0%);
  background-color: #ffffff;
}
.exhibition-slide-pagination .swiper-pagination-bullet-active {
  width: 4rem;
}
.exhibition-slide-pagination .swiper-pagination-bullet-active::before {
  transform: translateX(var(--autoplay-per, 100%));
}
@keyframes slide-progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-slide-container .arrow-btn {
    display: none;
  }
  .exhibition-slide-control {
    gap: 0.6rem;
    bottom: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-slide-control {
    gap: 0.6rem;
    bottom: 0.8rem;
  }
  .exhibition-slide-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 6px;
    margin: 0 3px;
  }
  .exhibition-slide-pagination .swiper-pagination-bullet-active {
    width: 3.2rem;
  }
}

.exhibition-thumbnail-slide-container {
  margin-top: 2rem;
}
.exhibition-thumbnail-slide-wrapper {
  justify-content: center;
  gap: 2rem;
}
.exhibition-thumbnail-slide-item {
  max-width: 16rem;
  width: auto;
  flex: 1;
}
.exhibition-thumbnail-slide-item .img-wrap {
  position: relative;
  border-radius: 0.6rem;
  overflow: hidden;
  aspect-ratio: 160/90;
  cursor: pointer;
}
.exhibition-thumbnail-slide-item .img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.exhibition-thumbnail-slide-item .img-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 4px solid #0045C9;
  border-radius: 0.6rem;
  opacity: 0;
  box-sizing: border-box;
  transition: opacity 0.3s ease;
}
.exhibition-thumbnail-slide-item.swiper-slide-thumb-active .img-wrap::before {
  opacity: 1;
}
@media screen and (hover: hover) {
  .exhibition-thumbnail-slide-item:hover .img-wrap::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .exhibition-thumbnail-slide-container {
    margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
  }
  .exhibition-thumbnail-slide-wrapper {
    gap: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-thumbnail-slide-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .exhibition-thumbnail-slide-item {
    width: 100%;
    max-width: none;
  }
}

.exhibition-slide-con {
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  border-bottom: 1px solid #D8D8D8;
}

@media screen and (max-width: 1024px) {
  .exhibition-table-container table colgroup col:first-child {
    width: 14.8rem;
  }
  .exhibition-table-container table br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .exhibition-table-container table colgroup col:first-child {
    width: 12rem;
  }
}

.exhibition-tit-box .btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 1024px) {
  .exhibition-tit-box {
    row-gap: 0 !important;
  }
  .exhibition-tit-box .sub-component-title {
    margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  .exhibition-tit-box .sub-component-txt {
    margin-bottom: 0;
  }
  .exhibition-tit-box .btn-box {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}

@media screen and (max-width: 1024px) {
  [data-current-page=museum] .sub-component-txt br:not(.t-show) {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=museum] .sub-component-title br {
    display: none;
  }
  [data-current-page=museum] .sub-component-txt br.t-show {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  [data-current-page=artcenter] .exhibition-table-container table colgroup col:first-child {
    width: 14rem;
  }
}

/* 홍보센터 > 문화 · 스포츠 */
.culturesports-tit-box .sub-component-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.culturesports-tit-box .btn-box {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 1024px) {
  .culturesports-tit-box {
    row-gap: 0 !important;
  }
  .culturesports-tit-box .sub-component-title {
    margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  .culturesports-tit-box .sub-component-txt {
    margin-bottom: 0;
  }
  .culturesports-tit-box .btn-box {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}

.sportscenter-content-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  text-align: center;
}
.sportscenter-content-item .img-box {
  aspect-ratio: 340/193;
}
.sportscenter-content-item .img-box img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sportscenter-content-item .txt-box {
  padding: 2.4rem 2.4rem 2rem;
}
.sportscenter-content-item .txt-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sportscenter-content-item .txt-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sportscenter-content-item .txt-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sportscenter-content-item .txt-box .tit {
    font-size: 1.8rem;
  }
}
.sportscenter-content-item .txt-box .txt {
  color: #555555;
  margin-top: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sportscenter-content-item .btn-box {
  padding: 0 2.4rem 2.4rem;
}
.sportscenter-content-item .btn-box .btn {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .sportscenter-content .row {
    display: flex;
    gap: 1.6rem;
  }
  .sportscenter-content-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .sportscenter-content-item .txt-box {
    padding: 2rem 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sportscenter-content .row {
    flex-direction: column;
  }
  .sportscenter-content-item .txt-box {
    padding: 2.4rem;
  }
}

main[data-current-page=overview] .section-vision-value {
  position: relative;
  background-color: #ffffff;
}
main[data-current-page=overview] .section-vision-value .vision-container-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EFF5FF;
}
main[data-current-page=overview] .section-vision-value .vision-container {
  position: relative;
  padding-right: 0;
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .vision-container .left-text {
    position: relative;
    top: 0;
    height: auto;
  }
}
main[data-current-page=overview] .section-vision-value .inner {
  height: 300vh;
}
main[data-current-page=overview] .section-vision-value .inner .row {
  padding-top: clamp(8.8rem, 10.41667vmax, 20rem);
  position: sticky;
  top: 0;
}
main[data-current-page=overview] .section-vision-value .left-text {
  position: sticky;
  top: clamp(8.8rem, 10.41667vmax, 20rem);
  height: 80vh;
}
main[data-current-page=overview] .section-vision-value .left-text h3 {
  padding-bottom: 0.375em;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .left-text h3 {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .left-text h3 {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .left-text h3 {
    font-size: min(6rem, 7.6923vw);
  }
}
main[data-current-page=overview] .section-vision-value .left-text h5 {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .left-text h5 {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .left-text h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .left-text h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
main[data-current-page=overview] .section-vision-value .motion-up-2 {
  position: sticky;
  top: clamp(8.8rem, 10.41667vmax, 20rem);
  height: 80vh;
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .motion-up-2 {
    display: none;
  }
}
main[data-current-page=overview] .section-vision-value .line {
  display: inline-block;
  width: 100%;
  height: 1px;
  margin-top: 7.8125vw;
  background-color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .line {
    margin-top: 14.6484375vw;
  }
}
main[data-current-page=overview] .section-vision-value .vision-motion-text-wrap {
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text-wrap {
    margin-top: 5.2rem;
    transform: none !important;
  }
}
main[data-current-page=overview] .section-vision-value .vision-motion-text {
  position: relative;
  width: min(38.4375vw, 73.8rem);
  height: min(10.4166666667vw, 20rem);
  will-change: transform;
}
main[data-current-page=overview] .section-vision-value .vision-motion-text.add {
  height: 0;
}
main[data-current-page=overview] .section-vision-value .vision-motion-text.add p {
  color: #3379FF;
}
main[data-current-page=overview] .section-vision-value .vision-motion-text.add em {
  color: #0045C9;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text.add em.d {
    display: none;
  }
}
main[data-current-page=overview] .section-vision-value .vision-motion-text.add em.t-m {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text.add em.t-m {
    display: inline-block;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text {
    width: 41.50390625vw;
    height: 10.7421875vw;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text {
    width: 131.7948717949vw;
    height: 20.5128205128vw;
  }
}
main[data-current-page=overview] .section-vision-value .vision-motion-text .motion-text-first,
main[data-current-page=overview] .section-vision-value .vision-motion-text .motion-text-second {
  will-change: transform;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main[data-current-page=overview] .section-vision-value .vision-motion-text p {
  font-size: min(8.3333333333vw, 16rem);
  font-weight: 500;
  line-height: 1.15;
  letter-spacing: -0.05em;
  color: #0045C9;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text p {
    font-size: 9.375vw;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .vision-motion-text p {
    font-size: 16.4102564103vw;
  }
}
main[data-current-page=overview] .section-vision-value .vision-motion-text .motion-text-first {
  opacity: 0.05;
}
main[data-current-page=overview] .section-vision-value .vision-motion-text .motion-text-second {
  overflow: hidden;
  pointer-events: none;
}
main[data-current-page=overview] .section-vision-value .vision-text-normal {
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding-top: 8rem;
  padding-right: clamp(53px, (100vw - 1025px) / 17.92 + 53px, 96px);
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal {
    gap: 4rem;
    padding-top: 5.2rem;
  }
}
main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .tit {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .desc {
  padding-top: 2rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .desc {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .vision-text-normal .text-wrap .desc {
    padding-top: 1.2rem;
  }
}
main[data-current-page=overview] .section-vision-value .value-container {
  position: relative;
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .value-container {
    overflow: hidden;
  }
}
main[data-current-page=overview] .section-vision-value .value-container .text-row {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .text-row {
    position: relative;
    padding-left: 0;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .value-container .text-row {
    font-size: 8rem;
  }
}
main[data-current-page=overview] .section-vision-value .value-container .text-row .left-text {
  height: auto;
}
main[data-current-page=overview] .section-vision-value .value-container .box-row {
  padding-top: 15vw;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .box-row {
    padding-top: 3.90625vw;
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .value-container .box-row {
    display: none;
  }
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .value-container .box-row .custom-col {
    grid-column: auto/span 7 !important;
    grid-column-start: 6 !important;
  }
}
@media screen and (max-width: 1280px) {
  main[data-current-page=overview] .section-vision-value .value-container .box-row .custom-col {
    grid-column: auto/span 8 !important;
    grid-column-start: 5 !important;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .box-row .custom-col {
    grid-column: auto/span 8 !important;
    grid-column-start: 1 !important;
  }
}
main[data-current-page=overview] .section-vision-value .value-container .value-list {
  display: flex;
  gap: 2rem;
}
main[data-current-page=overview] .section-vision-value .value-container .value-list .list-f,
main[data-current-page=overview] .section-vision-value .value-container .value-list .list-s {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-list .list-f,
  main[data-current-page=overview] .section-vision-value .value-container .value-list .list-s {
    transform: none !important;
  }
}
main[data-current-page=overview] .section-vision-value .value-container .value-list .list-s {
  justify-content: center;
}
main[data-current-page=overview] .section-vision-value .value-container .value-item {
  position: relative;
  width: 100%;
  padding: 4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item {
    width: 32.71484375vw;
    height: 28.90625vw;
    min-width: 20rem;
    min-height: 22rem;
    padding: 2rem;
  }
  [lang=en] main[data-current-page=overview] .section-vision-value .value-container .value-item {
    height: auto;
  }
}
main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-title {
  padding-bottom: 0.5em;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-title {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-desc {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-desc {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-desc {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item .value-item-desc {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
main[data-current-page=overview] .section-vision-value .value-container .value-item img {
  display: block;
  width: 8rem;
  height: 8rem;
  margin-left: auto;
  margin-top: 5.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item img {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
    width: 7.8125vw;
    height: 7.8125vw;
  }
  [lang=en] main[data-current-page=overview] .section-vision-value .value-container .value-item img {
    position: relative;
    bottom: unset;
    right: unset;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-vision-value .value-container .value-item img {
    width: 6.4rem;
    height: 6.4rem;
  }
}
main[data-current-page=overview] .section-vision-value .value-container .value-swiper-container {
  overflow: visible;
  margin: 0;
  padding-top: 4rem;
}
main[data-current-page=overview] .section-vision-value .value-container .value-swiper-container .value-swiper-list .value-item {
  position: relative;
  width: 25.9rem;
  height: 22.9rem;
}
[lang=en] main[data-current-page=overview] .section-vision-value .value-container .value-swiper-container .value-swiper-list .value-item {
  height: 33rem;
}
main[data-current-page=overview] .section-vision-value .value-container .value-swiper-container .value-swiper-list .value-item img {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}
main[data-current-page=overview] .section-production .production-container {
  padding-top: clamp(8.8rem, 10.41667vmax, 20rem);
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
[lang=en] main[data-current-page=overview] .section-production .production-container .row {
  align-items: end;
}
@media screen and (max-width: 1024px) {
  [lang=en] main[data-current-page=overview] .section-production .left-text {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .left-text {
    margin-bottom: 3.2rem;
  }
}
main[data-current-page=overview] .section-production .left-text h3 {
  padding-bottom: 0.375em;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-production .left-text h3 {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .left-text h3 {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .left-text h3 {
    font-size: min(6rem, 7.6923vw);
  }
}
main[data-current-page=overview] .section-production .left-text h5 {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-production .left-text h5 {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .left-text h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .left-text h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
main[data-current-page=overview] .section-production .production-list {
  display: flex;
  gap: 2rem;
}
@media screen and (min-width: 1025px) {
  [lang=en] main[data-current-page=overview] .section-production .production-list {
    height: 100%;
    max-height: 32rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
}
main[data-current-page=overview] .section-production .production-list .production-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  padding: 2rem 2.4rem;
  border-top: 1px solid #1D1D1D;
  color: #1D1D1D;
  transition: ease 0.3s all;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list .production-item {
    width: calc(50% - 0.8rem);
    padding: 1.3rem;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  [lang=en] main[data-current-page=overview] .section-production .production-list .production-item {
    aspect-ratio: auto;
    min-height: 20rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .production-list .production-item {
    padding: 1.4rem 1rem;
  }
}
@media screen and (hover: hover) {
  main[data-current-page=overview] .section-production .production-list .production-item:hover {
    border-top: 1px solid #0045C9;
    background-color: #0045C9;
    color: #ffffff;
  }
}
main[data-current-page=overview] .section-production .production-list .production-item .item-tit {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-tit {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-tit {
    font-size: 1.8rem;
  }
}
main[data-current-page=overview] .section-production .production-list .production-item .item-num {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
@media screen and (min-width: 1025px) {
  [lang=en] main[data-current-page=overview] .section-production .production-list .production-item .item-num {
    flex-direction: column;
  }
}
@media screen and (max-width: 1439px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num {
    flex-direction: row;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=overview] .section-production .production-list .production-item .item-num {
    flex-direction: column;
    align-items: flex-start;
  }
}
main[data-current-page=overview] .section-production .production-list .production-item .item-num b {
  font-size: min(3.6rem, 2.5vw);
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.05em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num b {
    font-size: max(2.4rem, 4.1015625vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num b {
    font-size: 2.4rem;
    line-height: 1;
  }
}
main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
  margin-left: 0.2727272727em;
  margin-bottom: 0.2727272727em;
  text-align: right;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
    margin-left: 0.3333333333em;
    margin-bottom: 0.3333333333em;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
    margin-left: 0.25em;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  [lang=en] main[data-current-page=overview] .section-production .production-list .production-item .item-num small {
    margin-left: 0;
    margin-top: 0.25em;
  }
}
main[data-current-page=overview] .section-production .production-caption {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #555555;
  text-align: right;
}
main[data-current-page=overview] .section-business {
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
main[data-current-page=overview] .section-business .business-list {
  --info-max-height: 0;
}
main[data-current-page=overview] .section-business .business-list .business-item {
  padding: 2rem 0;
  border-top: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-business .business-list .business-item {
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
    padding: 1.6rem 0;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-business .business-list .business-item {
    padding: 1.6rem 0;
  }
}
main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-title {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-title {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-desc {
  padding-top: 0.8333333333em;
  padding-bottom: 0.8333333333em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-desc {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-info .info-desc {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
main[data-current-page=overview] .section-business .business-list .business-item .item-img {
  position: relative;
  height: min(26rem, 13.5416666667vw);
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  transition: ease 0.6s height;
}
main[data-current-page=overview] .section-business .business-list .business-item .item-img.info-max-height {
  height: var(--info-max-height);
}
main[data-current-page=overview] .section-business .business-list .business-item .item-img.active {
  height: min(52rem, 27.0833333333vw) !important;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-img {
    height: min(30.2rem, 29.4921875vw);
  }
  main[data-current-page=overview] .section-business .business-list .business-item .item-img.active {
    height: min(60.4rem, 58.984375vw) !important;
  }
}
main[data-current-page=overview] .section-business .business-list .business-item .item-img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: min(52rem, 27.0833333333vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=overview] .section-business .business-list .business-item .item-img img {
    height: min(60.4rem, 58.984375vw) !important;
  }
}
@media screen and (min-width: 600px) {
  main[data-current-page=overview] .pc {
    display: flex !important;
  }
  main[data-current-page=overview] .mo {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=overview] .pc {
    display: none !important;
  }
  main[data-current-page=overview] .mo {
    display: block !important;
  }
}

[data-current-page=history] {
  overflow: inherit;
  padding-top: 7rem;
}
@media (max-width: 1279px) {
  [data-current-page=history] {
    padding-top: 6rem;
  }
}
[data-current-page=history] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .only-web {
    display: none;
  }
}
[data-current-page=history] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .only-mobile {
    display: block;
  }
}
[data-current-page=history] .odometer-formatting-mark {
  display: none;
}
[data-current-page=history] .kv-text-container {
  padding-bottom: 6.4rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .kv-text-container {
    padding-bottom: 3.2rem;
  }
}
[data-current-page=history] .kv-text-container .row {
  display: flex;
  justify-content: flex-end;
}
[data-current-page=history] .pagination {
  position: sticky;
  top: 100dvh;
  left: 50%;
  transform: translate(0, calc(-100% - 20px));
  width: 100%;
  height: 44px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.01em;
  z-index: 3;
  transition: top 0.8s;
}
[data-current-page=history] .pagination ul {
  display: flex;
  justify-content: center;
  background: rgba(236, 240, 244, 0.8980392157);
  border-radius: 4rem;
  backdrop-filter: blur(10px);
  padding: 0.875em 2.125em;
}
[data-current-page=history] .pagination li {
  position: relative;
  padding-right: 1.2rem;
}
[data-current-page=history] .pagination li:last-child {
  padding-right: 0;
}
[data-current-page=history] .pagination li.active .dot {
  background-color: #0045CA;
}
[data-current-page=history] .pagination li.active .year {
  width: fit-content;
}
[data-current-page=history] .pagination li button, [data-current-page=history] .pagination li a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
[data-current-page=history] .pagination li button .dot, [data-current-page=history] .pagination li a .dot {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: #BCBCBC;
  border-radius: 100%;
}
[data-current-page=history] .pagination li button .year, [data-current-page=history] .pagination li a .year {
  display: block;
  width: 0;
  height: 1.8rem;
  overflow: hidden;
  line-height: 1.2;
}
[data-current-page=history] .section-content {
  position: relative;
  margin-top: clamp(8.8rem, 10.41667vmax, 20rem);
}
[data-current-page=history] .section-content .history-article {
  position: relative;
}
[data-current-page=history] .section-content .history-article:last-child {
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
[data-current-page=history] .section-content .history-article:last-child .dis-none {
  display: none !important;
}
[data-current-page=history] .section-content .history-article:last-child .history-list-wrap .history-list {
  height: 100vh;
  padding-bottom: 50vh;
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=history] .section-content .history-article:last-child .history-list-wrap .history-list {
    padding-bottom: 150vh;
  }
}
[data-current-page=history] .section-content .history-article:nth-of-type(2n) .history-list-wrap {
  flex-direction: column-reverse;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap {
  position: relative;
  top: 12.4rem;
  left: 0;
  transform-origin: left;
  text-align: left;
  height: calc(100vh - 7rem - 5.4rem);
  width: 100%;
  border-radius: max(1rem, 0.625vw);
  will-change: width, position, padding, height, aspect-ratio, transform;
  pointer-events: none;
  z-index: 2;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap.pos-sticky {
  position: sticky;
  aspect-ratio: 1728/834;
  will-change: position;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar {
  position: absolute;
  visibility: hidden;
  top: -10%;
  left: 50%;
  width: 10px;
  height: 110%;
  transform: translateX(-50%);
  will-change: transform;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar span {
  display: block;
  position: absolute;
  width: 2px;
  top: 0;
  left: 50%;
  background: linear-gradient(to bottom, #00A5CA 70%, #0045CA 100%);
  transform: translateX(-50%);
  transition: 0.5s linear;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar span.show {
  animation: progressHeight 5s linear forwards;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar span.showReverse {
  animation: progressHeight 5s linear reverse forwards;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: max(0.6rem, 0.3125vw);
  height: max(0.6rem, 0.3125vw);
  background-color: #0045CA;
  border-radius: 50%;
  box-shadow: 0 0 10px 6px rgba(0, 69, 202, 0.2666666667);
}
@keyframes progressHeight {
  0% {
    height: 130px;
  }
  100% {
    height: 100%;
  }
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar.show {
  visibility: visible;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translateZ(0);
  will-change: transform;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  transform-origin: center;
  overflow: hidden;
  padding-bottom: 5vw;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap img {
  width: 100%;
  height: 100%;
  transition: 1s;
  object-fit: cover;
  border-radius: 12px;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .sqence {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 5vw);
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .sqence img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-clip-path: inset(100% 0 0 0 round 12px);
  clip-path: inset(100% 0 0 0 round 12px);
  will-change: clip-path;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .sqence img:first-of-type {
  display: none;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .sqence img.show {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
  will-change: clip-path;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-container {
  position: relative;
  width: 100%;
  height: 100%;
  transform-origin: center;
  transition: 1s;
  clip-path: inset(100% 20% 0%);
  -webkit-clip-path: inset(100% 20% 0%);
  will-change: clip-path, transform, padding;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap {
  gap: 0.6em;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap {
    font-size: min(3em, 5.641vw);
  }
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap.blue {
  color: #0045CA;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .title {
  font-size: 8.5416666667vw;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 164px */
  letter-spacing: -3.28px;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .title .num, [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .title .or {
  display: inline-block;
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-tit {
  margin-bottom: 0.1666666667em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-tit {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-tit {
    font-size: min(3em, 5.641vw);
  }
}
[data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-desc {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-desc {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
[data-current-page=history] .section-content .history-article .history-box {
  width: 50%;
}
[data-current-page=history] .section-content .history-article .history-list {
  width: 50%;
  margin-top: 70vh;
  padding-bottom: 5vw;
  transition: opacity 0.8s;
}
[data-current-page=history] .section-content .history-article .history-list-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 1;
}
[data-current-page=history] .section-content .history-article .history-item {
  display: flex;
  align-items: flex-start;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=history] .section-content .history-article .history-item {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .section-content .history-article .history-item {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .section-content .history-article .history-item {
    font-size: min(2.2rem, 5.128vw);
  }
}
[data-current-page=history] .section-content .history-article .history-item {
  gap: 1.6666666667em;
  margin: 0 auto 0 6.6666666667em;
  padding: 0 1.3333333333em clamp(2.8rem, 3.33333vmax, 6.4rem);
  width: 26.6666666667em;
}
[lang=en] [data-current-page=history] .section-content .history-article .history-item {
  gap: 0.8333333333em;
}
[data-current-page=history] .section-content .history-article .history-item .year {
  width: 3em;
  color: #1D1D1D;
  font-weight: 500;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
}
[data-current-page=history] .section-content .history-article .history-item .txt-list {
  width: 100%;
  word-break: keep-all;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=history] .section-content .history-article .history-item .txt-list {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .section-content .history-article .history-item .txt-list {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .section-content .history-article .history-item .txt-list {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
[data-current-page=history] .section-content .history-article .history-item .txt-list {
  color: #717171;
}
[data-current-page=history] .section-content .history-article .history-item .txt-item {
  display: flex;
  align-items: flex-start;
}
[data-current-page=history] .section-content .history-article .history-item .txt-item:last-child {
  margin-bottom: 0;
}
[data-current-page=history] .section-content .history-article .history-item .txt-item {
  gap: 0.7272727273em;
  margin-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
[lang=en] [data-current-page=history] .section-content .history-article .history-item .txt-item {
  flex-direction: column;
}
[data-current-page=history] .section-content .history-article .history-item .txt-item .month {
  width: 1.3636363636em;
}
[lang=en] [data-current-page=history] .section-content .history-article .history-item .txt-item .month {
  width: 5.4545454545em;
}
@media screen and (max-width: 1700px) {
  [data-current-page=history] .section-content .history-article .history-item {
    width: calc(100% - 6.4rem);
    margin: 0;
    margin-left: 6.4rem;
  }
  [data-current-page=history] .section-content .history-article:nth-of-type(2n) .history-item {
    margin-left: 0;
    margin-right: 6.4rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=history] .section-kv-media .media-wrap {
    height: 85.35871vmax;
  }
  [data-current-page=history] .section-content .history-article {
    margin-bottom: 10.9375vw;
  }
  [data-current-page=history] .section-content .history-article:last-child .history-list-wrap .history-list {
    height: 50vh;
  }
  [lang=en] [data-current-page=history] .section-content .history-article:last-child .history-list-wrap .history-list {
    height: 100vh;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap {
    top: 11.3rem;
    z-index: 2;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap::after {
    content: "";
    width: 100%;
    height: 8.5rem;
    background-color: #ffffff;
    position: absolute;
    top: 1rem;
    left: 0;
    transform: translateY(-100%);
    z-index: 1;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar {
    left: 1.1rem;
    top: 41.4rem;
    height: calc(100% - 41.4rem - 5rem);
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-container {
    z-index: 2;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .title {
    font-size: 8.7rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-tit {
    font-size: 3rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-desc {
    font-size: 1.9rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap {
    box-sizing: inherit;
    padding-bottom: 11.6rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .sqence {
    height: 100%;
    height: calc(100% - 11.6rem);
    padding-bottom: 116px;
  }
  [data-current-page=history] .section-content .history-article .history-list {
    margin-top: 200vh;
    z-index: 1;
    transition: opacity 0.3s;
  }
  [data-current-page=history] .section-content .history-article .history-box {
    width: 100%;
  }
  [data-current-page=history] .section-content .history-article .history-box:nth-child(1) {
    display: none;
  }
  [data-current-page=history] .section-content .history-article .history-item {
    width: 100%;
    margin: 0;
    padding: 0 1.8181818182em 1.2727272727em 2.2272727273em;
  }
  [data-current-page=history] .section-content .history-article .history-item .month {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=history] .section-content .history-article:last-child .history-list-wrap .history-list {
    height: 70vh;
  }
  [lang=en] [data-current-page=history] .section-content .history-article:last-child .history-list-wrap .history-list {
    height: 140vh;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap {
    top: 8.4rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .progress-bar {
    left: 1.1rem;
    top: 28.4rem;
    height: calc(100% - 28.4rem - 5rem);
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap {
    padding-bottom: 0rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .sqence {
    height: 100%;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .bg-wrap .img-wrap .title-wrap.static {
    padding-bottom: 0;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .title {
    font-size: 15.38vw;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-tit {
    font-size: 2.2rem;
  }
  [data-current-page=history] .section-content .history-article .history-kv-wrap .title-wrap .sub-title .sub-desc {
    font-size: 1.7rem;
  }
  [data-current-page=history] .section-content .history-article .history-item {
    padding-right: 0;
    padding-left: calc(1.1rem + 1.8181818182em);
  }
}

main[data-current-page=ceo] .kv-wrap {
  width: 100%;
}
main[data-current-page=ceo] .kv-wrap .img-wrap {
  width: 100%;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .kv-wrap .img-wrap {
    height: 43.4rem;
  }
}
main[data-current-page=ceo] .kv-wrap img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .kv-wrap img {
    height: 100%;
    border-radius: max(0.6rem, 0.41666vw);
    object-position: 27% center;
  }
}
main[data-current-page=ceo] .section-ceo {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
main[data-current-page=ceo] .section-ceo img {
  width: 100%;
}
main[data-current-page=ceo] .section-ceo h3 {
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=ceo] .section-ceo h3 {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ceo] .section-ceo h3 {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo h3 {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap {
    row-gap: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}
main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-info h4 {
  color: #0045C9;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(4rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-info h4 {
    font-size: clamp(4rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-info h4 {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-info h4 {
    font-size: min(4em, 6.154vw);
  }
}
main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-desc .ceo-desc-text {
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-desc .ceo-desc-text {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-desc .ceo-desc-text {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-desc .ceo-desc-text {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-desc .ceo-desc-text {
    font-size: clamp(2.2rem, 1.45833vw, 2.8rem);
  }
}
main[data-current-page=ceo] .section-ceo .ceo-wrap .ceo-desc .ceo-desc-text b {
  font-weight: 700;
}
main[data-current-page=ceo] .section-ceo .ceo-sign {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-sign-text {
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-sign-text {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-sign-text {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-sign-text {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-sign-text {
    font-size: clamp(2.2rem, 1.45833vw, 2.8rem);
  }
}
main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name {
  display: flex;
  align-items: center;
  margin-top: 0.625em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name {
    margin-top: 0.5909090909em;
  }
}
main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name .name {
  color: #1D1D1D;
}
main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name img {
  width: 4.075em;
  height: auto;
  margin-left: 0.625em;
}
@media screen and (max-width: 600px) {
  main[data-current-page=ceo] .section-ceo .ceo-sign .ceo-name img {
    width: 3.8181818182em;
    margin-left: 0.5909090909em;
  }
}

@media screen and (max-width: 1024px) {
  main[data-current-page=locations] {
    background-color: #F8F8F8;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .search-pc {
    display: block;
  }
  main[data-current-page=locations] .search-pc input.search {
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .search-pc {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .search-mo {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .search-mo {
    display: block;
    position: relative;
    z-index: 31;
    width: 100%;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
    padding-left: max(2rem, 5.12821vw);
    padding-right: max(2rem, 5.12821vw);
    background-color: #F8F8F8;
  }
}
main[data-current-page=locations] .search-mo .search-wrap {
  flex-direction: row;
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .search-mo .search-wrap .dropbox-wrap {
    width: 15rem;
  }
}
main[data-current-page=locations] .location-wrapper {
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 100%;
  height: calc(100vh - 5.4rem - 5.4rem);
  padding: 5.4rem 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper {
    position: relative;
    flex-direction: column;
    height: calc(100vh - 6rem - 7.2rem);
    padding: 0;
    gap: 0;
    background-color: #F8F8F8;
  }
  main[data-current-page=locations] .location-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    background-color: #ffffff;
  }
}
main[data-current-page=locations] .location-wrapper[data-no-result=true] .office-list,
main[data-current-page=locations] .location-wrapper[data-no-result=true] .box-location-outlink {
  display: none !important;
}
main[data-current-page=locations] .location-wrapper[data-no-result=true] .search-no-result {
  display: block !important;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper[data-no-result=true] {
    background-color: #F8F8F8;
  }
  main[data-current-page=locations] .location-wrapper[data-no-result=true] .location-office-wrap {
    transition: none;
    height: 100%;
  }
  main[data-current-page=locations] .location-wrapper[data-no-result=true] .sheet-top,
  main[data-current-page=locations] .location-wrapper[data-no-result=true] .breadcrumb,
  main[data-current-page=locations] .location-wrapper[data-no-result=true] .office-title {
    display: none !important;
  }
  main[data-current-page=locations] .location-wrapper[data-no-result=true] .box-location-office {
    border: none;
    background-color: #F8F8F8;
  }
  main[data-current-page=locations] .location-wrapper[data-no-result=true] .scroll-area {
    height: calc(100vh - 6rem - 12rem);
  }
}
main[data-current-page=locations] .location-wrapper .location-office-wrap {
  width: 32.5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .location-office-wrap {
    width: 35.53%;
    min-width: 42rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .location-office-wrap {
    position: absolute;
    top: 12rem;
    left: 0;
    top: calc(100% - 30vh);
    width: 100%;
    min-width: 100%;
    height: auto;
    z-index: 30;
    transition: ease 0.3s;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office,
main[data-current-page=locations] .location-wrapper .box-location-map {
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office,
  main[data-current-page=locations] .location-wrapper .box-location-map {
    border: none;
    border-radius: 0;
    padding-left: max(2rem, 5.12821vw) !important;
    padding-right: max(2rem, 5.12821vw) !important;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  padding-right: 0.8rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office {
    padding-right: 0;
    background-color: #ffffff;
    border-radius: 0;
    border-top-left-radius: max(1rem, 0.625vw);
    border-top-right-radius: max(1rem, 0.625vw);
    background-color: #ffffff;
    border-top: 1px solid #D8D8D8;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .sheet-top {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .sheet-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .scroll-area {
  flex-grow: 1;
  height: 100%;
  min-height: 0;
  padding: 5.4rem 4rem;
  overflow-y: auto;
}
main[data-current-page=locations] .location-wrapper .box-location-office .scroll-area::-webkit-scrollbar {
  width: 4px;
}
main[data-current-page=locations] .location-wrapper .box-location-office .scroll-area::-webkit-scrollbar-thumb {
  background-color: #D8D8D8;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .scroll-area {
    height: calc(100vh - 6rem - 7.2rem - 3.4rem);
    padding: 0 0 0.1rem 0;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  main[data-current-page=locations] .location-wrapper .box-location-office .scroll-area::-webkit-scrollbar {
    display: none;
    width: 0;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .scroll-area {
    padding: 0 0 0.1rem 0;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-title {
  padding-bottom: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(4.2rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-title {
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-title {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-title {
    font-size: max(2.5rem, 4.16667vw);
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-wrap {
  margin-bottom: 3.2rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-wrap[data-type=dropbox] .search-bar {
  width: 100%;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num {
  display: flex;
  align-items: center;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num p {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num p {
    font-size: 1.8rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num .num {
  margin-left: 1.6rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .total-num b {
  color: #0045C9;
  margin-right: 0.0526315789em;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p {
  position: relative;
  padding-left: 1.9rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p {
    padding-left: 1.4rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p::after {
    width: 0.6rem;
    height: 0.6rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p[data-type=regional]::after {
  background-color: #0038A3;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p[data-type=branch]::after {
  background-color: #ffffff;
  border: 1px solid #0045C9;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-util .category p[data-type=branch]::after {
    background-color: #3379FF;
    border: 0;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content {
  padding: 2.4rem 2.4rem 2.4rem 2.8rem;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .content-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.6rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area {
  position: relative;
  padding-left: 1.9rem;
  margin-bottom: 1.9rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area {
    padding-left: 1.4rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area::after {
    width: 0.6rem;
    height: 0.6rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area[data-type=regional]::after {
  background-color: #0038A3;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area[data-type=branch]::after {
  background-color: #ffffff;
  border: 1px solid #0045C9;
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content .office-area[data-type=branch]::after {
    background-color: #3379FF;
    border: 0;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content dl {
  display: flex;
  gap: 2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content dl:not(:last-child) {
  margin-bottom: 0.6rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content dl dt {
  min-width: 5.2rem;
}
main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content dl dd {
  color: #717171;
  white-space: pre-line;
}
@media screen and (min-width: 1023px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .office-list .office-list-content dl dd {
    width: calc(100% - 5.2rem - 2rem - 4rem);
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result {
  display: none;
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit {
    font-size: 1.8rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit-box {
  padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  padding-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit-box br {
  display: block;
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .txt-box {
  padding-top: clamp(1.6rem, 2.08333vmax, 4rem);
}
main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .txt-box .info {
  padding-bottom: 0.8421052632em;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result {
    padding: 2.4rem;
    background-color: #ffffff;
    border: 1px solid #D8D8D8;
    border-radius: max(0.6rem, 0.41666vw);
  }
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .tit-box {
    padding-top: 0;
    padding-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
  }
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .txt-box {
    padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  }
  main[data-current-page=locations] .location-wrapper .box-location-office .search-no-result .txt-box .info {
    padding-bottom: 1.08em;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-outlink {
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  padding: 2.4rem 2.4rem 2.4rem 2.8rem;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-outlink {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
    margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
main[data-current-page=locations] .location-wrapper .box-location-outlink .outlink-title {
  color: #1D1D1D;
  margin-bottom: 0.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-outlink .outlink-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-outlink .outlink-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-outlink .outlink-title {
    font-size: 1.8rem;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-outlink .outlink-desc {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
main[data-current-page=locations] .location-wrapper .box-location-map {
  position: relative;
  width: 66.25%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map {
    width: 100%;
    height: calc(100% - 30vh);
    background-color: #F8F8F8;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-map .btn-back {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: absolute;
  top: 2.4rem;
  left: 2.4rem;
}
main[data-current-page=locations] .location-wrapper .box-location-map .btn-back span {
  display: none;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back span {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back {
    top: 0;
    left: max(2rem, 5.12821vw);
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back span {
    display: block;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back button {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back button i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back button[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back button svg {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .btn-back span {
    display: block;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  /* pc 박스 비율 마다 강제정렬 */
  /* pc 지역별로 지도 정렬 */
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .all-map {
  height: 100%;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags,
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region {
  padding: 5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags,
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region {
    padding: 0;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 20;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags a {
  pointer-events: auto;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags a rect {
  fill: #0045C9;
  transition: ease 0.3s;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags a[data-type=branch] rect {
  fill: #3379FF;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags a[data-type=regional] rect {
  fill: #0038A3;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags a.no-active rect {
  fill: #8E8E8E;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags a.no-active[data-type=regional] rect {
  fill: #555555;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region svg {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region rect {
  z-index: 15;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region path {
  fill: #F0F0F0;
  stroke: #8E8E8E;
  pointer-events: all;
  transition: ease 0.3s;
  z-index: 5;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region.active {
  z-index: 10;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region.active path {
  z-index: 10;
  fill: #94B8FF;
  stroke: #3379FF;
}
@media screen and (min-width: 1025px) and (max-aspect-ratio: 4/3) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region {
    padding: 5rem !important;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags {
    padding: 5rem !important;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.seoul .map-region {
    padding: 5% 15% 8% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.seoul .map-tags {
    padding: 5% 15% 8% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.incheon .map-region {
    padding: 5% 15% 10% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.incheon .map-tags {
    padding: 5% 15% 10% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.northgyeonggi .map-region {
    padding: 5% 15% 10% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.northgyeonggi .map-tags {
    padding: 5% 15% 10% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.gyeonggi .map-region {
    padding: 5% 10% 10% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.gyeonggi .map-tags {
    padding: 5% 10% 10% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.gangwon .map-region {
    padding: 5% 20% 10% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.gangwon .map-tags {
    padding: 5% 20% 10% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.chungbuk .map-region {
    padding: 5% 5% 5% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.chungbuk .map-tags {
    padding: 5% 5% 5% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daejeon .map-region {
    padding: 7% 15% 10% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daejeon .map-tags {
    padding: 7% 15% 10% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.jeonbuk .map-region {
    padding: 10% 5% 10% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.jeonbuk .map-tags {
    padding: 10% 5% 10% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.gwangju .map-region {
    padding: 5% 5% 5% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.gwangju .map-tags {
    padding: 5% 5% 5% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daegu .map-region {
    padding: 5% 10% 5% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daegu .map-tags {
    padding: 5% 10% 5% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daegu .map-region {
    padding: 5% 10% 5% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daegu .map-tags {
    padding: 5% 10% 5% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.busan .map-region {
    padding: 5% 10% 5% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.busan .map-tags {
    padding: 5% 10% 5% 5%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.jeju .map-region {
    padding: 5% 11% 5% 11%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.jeju .map-tags {
    padding: 5% 11% 5% 11%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daejeon .map-region {
    padding: 5% 15% 15% 3%;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner.daejeon .map-tags {
    padding: 5% 15% 15% 3%;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-region {
    padding: 2rem 0;
  }
  main[data-current-page=locations] .location-wrapper .box-location-map .map-inner .map-tags {
    padding: 2rem 0;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-mini {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  max-width: 19.2rem;
  padding-top: 0.9375vw;
  padding-bottom: 0.5208333333vw;
  width: 10vw;
  border-radius: 0.6rem;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  z-index: 20;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-mini {
    display: none;
  }
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-mini img {
  display: block;
  width: 6.6145833333vw;
  max-width: 12.7rem;
  height: auto;
}
main[data-current-page=locations] .location-wrapper .box-location-map .map-mini span {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-mini span {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-mini span {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-mini span {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .location-wrapper .box-location-map .map-mini span {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
main[data-current-page=locations] .location-zoom-intro {
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 99999;
  display: none;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .location-zoom-intro {
    display: none;
  }
}
main[data-current-page=locations] .location-zoom-intro .location-zoom img {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 0 auto;
}
main[data-current-page=locations] .location-zoom-intro .location-zoom .zoom-text {
  margin-top: 2rem;
  text-align: center;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=locations] .map-maintenance {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #f8f8f8;
  padding: 2rem;
  text-align: center;
}
main[data-current-page=locations] .maintenance-icon {
  margin-bottom: 1.5rem;
}
main[data-current-page=locations] .maintenance-text {
  color: #666;
  font-size: 2.1rem;
  line-height: 1.5;
  word-break: keep-all;
}
@media (max-width: 768px) {
  main[data-current-page=locations] .maintenance-icon svg {
    width: 80px;
    height: 80px;
  }
  main[data-current-page=locations] .maintenance-text {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-row {
    column-gap: 2rem;
    row-gap: 0;
  }
}
@media screen and (min-width: 1024px) {
  main[data-current-page=locations] .headquarters-row .col-3 {
    width: clamp(34.4rem, 20.05208vw, 38.4rem);
  }
}
main[data-current-page=locations] .headquarters-wrapper {
  padding-top: 2.8125vw;
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
  background-color: #F8F8F8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper {
    border: none;
    padding-top: clamp(5.2rem, 6.25vmax, 12rem);
    background-color: #ffffff;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-box {
  position: sticky;
  top: calc(7rem + 2.8125vw);
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 1280px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-box {
    top: calc(6rem + 2.8125vw);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-box {
    border: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-box.left {
    padding-left: max(2rem, 5.12821vw);
    padding-right: max(2rem, 5.12821vw);
  }
}
main[data-current-page=locations] .headquarters-wrapper .btn-back {
  margin-bottom: 3.2rem;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .btn-back {
    display: none;
  }
}
main[data-current-page=locations] .headquarters-wrapper .title-wrap {
  padding-top: min(5.4rem, 2.8125vw);
  padding-left: min(4rem, 2.0833333333vw);
  padding-right: min(4rem, 2.0833333333vw);
  padding-bottom: min(4rem, 2.0833333333vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .title-wrap {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2.0833333333vw;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(4.2rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-size: max(2.5rem, 4.16667vw);
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-title.sm-tit {
  font-size: clamp(3.8rem, 2.5vw, 3.8rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title.sm-tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title.sm-tit {
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title.sm-tit {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title.sm-tit {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1px;
    font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-size: max(3.4rem, 5.20833vw);
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-title {
    font-size: max(3.4rem, 5.20833vw);
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 7.2rem);
    height: 1px;
    background-color: #D8D8D8;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list {
    flex-direction: row;
    gap: 2.4rem;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1px;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  padding: 0.8333333333em 1.1666666667em;
  border-radius: max(0.6rem, 0.41666vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active {
  background-color: #0045C9;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active .headquarters-tab-btn {
  color: #ffffff;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active .headquarters-tab-category-list .category {
  color: #94B8FF;
  cursor: pointer;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active .headquarters-tab-category-list .category.active {
  color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item {
    position: relative;
    padding: 0;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active {
    background-color: #ffffff;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active .headquarters-tab-btn {
    color: #0045C9;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-item.active::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1.5px;
    background-color: #0045C9;
    transition: width 0.3s ease;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-btn {
  color: #717171;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-btn {
    padding: 1.2rem 0;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-category-list {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-category-list {
    display: none;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-category-list .category {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 700;
  color: #717171;
  cursor: default;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-category-list .category:first-child {
  position: relative;
  margin-right: 1.6rem;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-tab-list .headquarters-tab-category-list .category:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.8rem;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  background-color: #D8D8D8;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-capsule-list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 0.8rem;
  margin-left: 3.6rem;
  margin-right: 0.8rem;
  align-content: flex-start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2.8rem;
  overflow-y: auto;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-capsule-list::-webkit-scrollbar {
  width: 4px;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-capsule-list::-webkit-scrollbar-thumb {
  background-color: #D8D8D8;
  border-radius: 4px;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-capsule-list {
    display: none;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-capsule-list .btn-capsule {
  padding: 0.5666666667em 1.3333333333em;
  border-radius: 6.6666666667em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #717171;
  background-color: #F0F0F0;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-capsule-list .btn-capsule.active {
  color: #ffffff;
  background-color: #0045C9;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-info-wrap {
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-kv {
  width: 100%;
  aspect-ratio: 1195/450;
  border-top-left-radius: max(1rem, 0.625vw);
  border-top-right-radius: max(1rem, 0.625vw);
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-kv {
    aspect-ratio: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    height: max(26rem, 31.25vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-kv {
    height: 26rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-kv img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-kv img.pc {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-kv img.pc {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-kv img.mo {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-kv img.mo {
    display: block;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-top: min(5.6rem, 2.9166666667vw);
  padding-bottom: min(5.6rem, 2.9166666667vw);
  margin-left: min(5.6rem, 2.9166666667vw);
  margin-right: min(5.6rem, 2.9166666667vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro {
    flex-direction: column;
    padding-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
    padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
    margin-left: max(2rem, 5.12821vw);
    margin-right: max(2rem, 5.12821vw);
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    row-gap: 0.6rem;
    padding: 1.6rem 1.6rem 1.6rem 2rem;
    margin-bottom: 2.6rem;
    border-radius: 0.8rem;
    background-color: #0045C9;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select .txt-btn {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select .txt-btn {
    color: #ffffff;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select .txt-btn svg path {
    stroke: #ffffff;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select h2 {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select h2 {
    color: #ffffff;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select h2 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select h2 {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-select h2 {
    font-size: 2.1rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-left-top {
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-left-top {
    margin-bottom: 2.6rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .headquarters-left-top h2 {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl {
  display: flex;
  gap: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl {
    font-size: 1.6rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl:not(:last-child) {
  margin-bottom: min(1.6rem, 0.8333333333vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl:not(:last-child) {
    margin-bottom: 1.2rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dt {
  min-width: 7.9rem;
  color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dt {
    min-width: 7.5rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dd {
  color: #717171;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dd a {
  width: fit-content;
  color: #0045C9;
  text-decoration: underline;
  line-height: 1.6;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dd b {
  font-weight: 700;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dd span.more {
  display: inline-block;
  margin-top: 0.4705882353em;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dd span.more:nth-of-type(2) {
  margin-left: 0.3em;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro dl dd span.more {
    margin-top: 0.6rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .left {
  width: calc(100% - 35rem - 4rem);
}
@media screen and (max-width: 1280px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .left {
    width: calc(100% - 20rem - 2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .left {
    width: 100%;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right {
  width: 35rem;
  aspect-ratio: 342/283;
  overflow: hidden;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1280px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right {
    width: 30rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right {
    width: 100%;
    max-width: 35rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 20;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags a {
  pointer-events: none;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags a rect {
  fill: #0045C9;
  transition: ease 0.3s;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags a[data-type=branch] rect {
  fill: #3379FF;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags a[data-type=regional] rect {
  fill: #0038A3;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags a.no-active rect {
  fill: #8E8E8E;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-tags a.no-active[data-type=regional] rect {
  fill: #555555;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-region {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-region rect {
  z-index: 15;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-region path {
  fill: #F0F0F0;
  stroke: #8E8E8E;
  pointer-events: none;
  transition: ease 0.3s;
  z-index: 5;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-region.active {
  z-index: 10;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner .map-region.active path {
  z-index: 10;
  fill: #94B8FF;
  stroke: #3379FF;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-intro .right .map-inner svg {
  width: 100%;
  height: auto;
  pointer-events: none;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: min(3.2rem, 1.6666666667vw);
  margin-left: min(5.6rem, 2.9166666667vw);
  margin-right: min(5.6rem, 2.9166666667vw);
  margin-bottom: min(5.6rem, 2.9166666667vw);
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
  transition: ease border-color 0.3s;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-link {
    padding: 2.4rem;
    margin-left: max(2rem, 5.12821vw);
    margin-right: max(2rem, 5.12821vw);
    margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-link p {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-link p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-link p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-link p {
    font-size: 1.8rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-link p b {
  color: #0045C9;
}
@media screen and (hover: hover) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-link:hover {
    border-color: #0045C9;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map {
  padding-top: min(5.6rem, 2.9166666667vw);
  padding-bottom: min(5.6rem, 2.9166666667vw);
  margin-left: min(5.6rem, 2.9166666667vw);
  margin-right: min(5.6rem, 2.9166666667vw);
  border-top: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map {
    padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
    padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
    margin-left: max(2rem, 5.12821vw);
    margin-right: max(2rem, 5.12821vw);
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map h3 {
  color: #1D1D1D;
  margin-bottom: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map {
  width: 100%;
  height: 40rem;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map {
    height: 23.2rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 2rem;
  row-gap: 3.2rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info {
    flex-direction: column;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content {
  display: flex;
  gap: 2.4rem;
  width: calc(50% - 1rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content {
    gap: 1.6rem;
    width: 100%;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-icon {
  width: 5.6rem;
  height: 5.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-icon svg {
  width: 100%;
  height: 100%;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text {
  width: calc(100% - 5.6rem - 2.4rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text {
    width: calc(100% - 4.8rem - 1.6rem);
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-tit {
  color: #1D1D1D;
  margin-bottom: 0.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-tit {
    font-size: 1.8rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-desc {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-desc li {
  position: relative;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-desc li:not(:last-child) {
  margin-bottom: 1.2rem;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-desc li.dot {
  padding-left: 1rem;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-map .map-info .map-content-text .content-text-desc li.dot::after {
  content: "";
  position: absolute;
  display: block;
  top: 1rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #717171;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice {
  padding-top: min(5.6rem, 2.9166666667vw);
  margin-left: min(5.6rem, 2.9166666667vw);
  margin-right: min(5.6rem, 2.9166666667vw);
  border-top: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice {
    padding-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
    margin-left: max(2rem, 5.12821vw);
    margin-right: max(2rem, 5.12821vw);
  }
}
@media screen and (max-width: 1540px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .search {
    flex-wrap: wrap;
    flex-direction: column;
    row-gap: 1.6rem;
  }
}
@media screen and (max-width: 1280px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .search .search-bar {
    min-width: auto;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice h3 {
  color: #1D1D1D;
  margin-bottom: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card-list-box.column-03 .card {
  width: calc(33.33% - 1.0666666667rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card-list-box.column-03 .card {
    width: 100%;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card {
  /* 첨부파일 팝업 위치 */
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card .card-top-box {
  border-bottom: 0;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card .card-top-box {
    min-height: 12.75rem;
  }
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card .card-top-box .title {
  white-space: normal;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card .card-top-box .title a {
  width: fit-content;
}
main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card .card-bottom-box {
  gap: 0.8rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card .card-bottom-box {
    margin-top: 1.2rem;
    gap: 0;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card.board .card-bottom-box {
    position: relative;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card.board .card-bottom-box .board-list-file-box {
    position: static;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card.board:nth-child(3n+1) .board-list-file-popup {
    transform: none;
    left: -1px;
    top: auto;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card.board:nth-child(3n+2) .board-list-file-popup {
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    top: auto;
  }
  main[data-current-page=locations] .headquarters-wrapper .headquarters-notice .card.board:nth-child(3n+3) .board-list-file-popup {
    transform: none;
    left: auto;
    right: -1px;
    top: auto;
  }
}
main[data-current-page=locations] #kakaoMap .custom-tooltip {
  display: flex;
  align-items: center;
  border-radius: 30px; /* 전체 테두리를 둥글게 */
  border: 2px solid #1B59A0;
  overflow: hidden;
  background-color: white;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  font-size: 14px; /* 기본 툴팁 텍스트 크기 */
  height: 40px; /* 툴팁 전체 높이 설정 */
}
main[data-current-page=locations] #kakaoMap .custom-tooltip .text {
  flex: 1;
  padding: 0px 14px;
  font-weight: bold;
  color: black;
  text-align: center;
  background-color: white;
}
main[data-current-page=locations] #kakaoMap .custom-tooltip .indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px; /* 파란색 영역 너비 */
  background-color: #1B59A0;
  cursor: pointer;
  border-top-right-radius: 28px; /* 둥근 오른쪽 모서리 */
  border-bottom-right-radius: 28px; /* 둥근 오른쪽 모서리 */
  height: 100%; /* 파란색 영역이 툴팁 높이에 맞도록 */
}
main[data-current-page=locations] #kakaoMap .custom-tooltip .indicator .kakao-close-btn {
  font-size: 14px;
  color: white;
  font-weight: bold;
  line-height: 1;
}

.headquarters-bottom-sheet .sheet-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0.8rem;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #E4E4E4;
}
.headquarters-bottom-sheet .sheet-top .sheet-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 2.8rem;
  font-size: 2.2rem;
  font-weight: 700;
  color: #111111;
}
.headquarters-bottom-sheet .sheet-top .category-list {
  display: flex;
  align-items: center;
}
.headquarters-bottom-sheet .sheet-top .category-list .category {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  color: #8E8E8E;
}
.headquarters-bottom-sheet .sheet-top .category-list .category.active {
  color: #0045C9;
}
.headquarters-bottom-sheet .sheet-top .category-list .category:first-child {
  position: relative;
  margin-right: 2rem;
}
.headquarters-bottom-sheet .sheet-top .category-list .category:first-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1rem;
  transform: translateY(-50%);
  display: inline-block;
  width: 1px;
  height: 0.8rem;
  background-color: #D8D8D8;
}
.headquarters-bottom-sheet .sheet-content .sheet-content-top {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.6rem 2rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area {
  overflow-y: auto;
  max-height: 64.22vh;
  padding-left: 2rem;
  padding-right: 1.2rem;
  padding-bottom: 3.2rem;
  padding-top: 1.6rem;
  margin-right: 0.4rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area::-webkit-scrollbar {
  width: 4px;
}
.headquarters-bottom-sheet .sheet-content .scroll-area::-webkit-scrollbar-thumb {
  background-color: #D8D8D8;
  border-radius: 4px;
}
.headquarters-bottom-sheet .sheet-content .scroll-area .cont:not(:last-child) {
  margin-bottom: 2rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area .cont span {
  display: inline-block;
  padding-top: 0.6rem;
  padding-bottom: 1.2rem;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.8rem;
  width: 100%;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li.full {
  grid-column: span 2;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.2rem;
  background-color: #F8F8F8;
  border-radius: 0.6rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a svg {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1rem;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a small {
  color: #717171;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a:active {
  color: #0045C9;
  text-decoration: underline;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a:active small {
  color: #0045C9;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a.active {
  color: #0045C9;
  text-decoration: underline;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
}
.headquarters-bottom-sheet .sheet-content .scroll-area ul li a.active small {
  color: #0045C9;
}
.headquarters-bottom-sheet .bottom-sheet {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 10009;
  background-color: #ffffff;
  border-top-left-radius: 2.4rem;
  border-top-right-radius: 2.4rem;
  transform: translateY(calc(100% + 1px));
}

.headquarters-bottom-sheet-dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 10004;
}
.headquarters-bottom-sheet-dim.active {
  opacity: 1;
  pointer-events: auto;
}

/* 송배전 지중설비 통합 확인 시스템 */
.sub-section[data-current-page=headquarters] .sub-component-title-box.search {
  justify-content: flex-end;
}
.sub-section[data-current-page=headquarters] .btn-wrap-center {
  display: flex;
  justify-content: center;
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=headquarters] .btn-wrap-center .btn {
  width: 15rem;
}
.sub-section[data-current-page=headquarters] .calendar-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
}
.sub-section[data-current-page=headquarters] .calendar-wrap .width-100 {
  width: 100%;
  flex-grow: 1;
}
.sub-section[data-current-page=headquarters] .calendar-wrap .hr {
  color: #8E8E8E;
}
.sub-section[data-current-page=headquarters] .table-container[data-responsive=false] th {
  width: 12rem;
}
.sub-section[data-current-page=headquarters] table th.low-pd, .sub-section[data-current-page=headquarters] table td.low-pd {
  padding: 1.6rem 0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=headquarters] table th.low-pd, .sub-section[data-current-page=headquarters] table td.low-pd {
    padding: 1.2rem 0;
  }
}
.sub-section[data-current-page=headquarters] table th .table-cont-wrap, .sub-section[data-current-page=headquarters] table td .table-cont-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sub-section[data-current-page=headquarters] .card-list-box.column-03 .card {
  width: calc(33.33% - 1.0666666667rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=headquarters] .card-list-box.column-03 .card {
    width: 100%;
  }
}
.sub-section[data-current-page=headquarters] .card {
  /* 첨부파일 팝업 위치 */
}
.sub-section[data-current-page=headquarters] .card .card-top-box {
  border-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=headquarters] .card .card-top-box {
    min-height: 12.75rem;
  }
}
.sub-section[data-current-page=headquarters] .card .card-top-box .title {
  white-space: normal;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sub-section[data-current-page=headquarters] .card .card-top-box .title a {
  width: fit-content;
}
.sub-section[data-current-page=headquarters] .card .card-bottom-box {
  gap: 0.8rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=headquarters] .card .card-bottom-box {
    margin-top: 1.2rem;
    gap: 0;
  }
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=headquarters] .card.board .card-bottom-box {
    position: relative;
  }
  .sub-section[data-current-page=headquarters] .card.board .card-bottom-box .board-list-file-box {
    position: static;
  }
  .sub-section[data-current-page=headquarters] .card.board:nth-child(3n+1) .board-list-file-popup {
    transform: none;
    left: -1px;
    top: auto;
  }
  .sub-section[data-current-page=headquarters] .card.board:nth-child(3n+2) .board-list-file-popup {
    transform: translateX(-50%);
    left: 50%;
    right: auto;
    top: auto;
  }
  .sub-section[data-current-page=headquarters] .card.board:nth-child(3n+3) .board-list-file-popup {
    transform: none;
    left: auto;
    right: -1px;
    top: auto;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=headquarters] .customer-completed .completed-txt br {
    display: block;
  }
}

.sub-tab-container {
  margin-top: 2.4rem;
}

.sub-component-title-box.info {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.sub-component-title-box.info .info-txt {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
  .sub-component-title-box.info .info-txt {
    gap: 0.6rem;
  }
}

table th span.essential {
  display: inline-block;
  align-items: flex-start;
  gap: 0.4rem;
}
table th span.essential::after {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  margin-bottom: 0.4rem;
  margin-left: 0.4rem;
  background-color: #E81D21;
}

.form-input-item .msg {
  position: relative;
  display: none;
  color: #717171;
  margin-top: 0.8rem;
  padding-left: 0.4rem;
  gap: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.form-input-item .msg::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-size: 16px 16px;
}
.form-input-item:has(.alt_blue) input {
  border-color: #0045C9;
}
.form-input-item:has(.alt_blue) .msg {
  display: flex;
  color: #0045C9;
}
.form-input-item:has(.alt_blue) .msg::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%230045C9' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%230045C9'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%230045C9' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.form-input-item:has(.alt_blue) .msg.error {
  display: none;
}
.form-input-item:has(.alt_red) input:not(:read-only), .form-input-item:has(.alt_red) textarea:not(:read-only) {
  border-color: #E81D21;
}
.form-input-item:has(.alt_red) .dropbox-wrap:not(.show) .selected-value {
  border-color: #E81D21;
}
.form-input-item:has(.alt_red) .msg {
  display: flex;
  color: #E81D21;
}
.form-input-item:has(.alt_red) .msg::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23E81D21'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23E81D21' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23E81D21'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23E81D21' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.form-input-item:has(.alt_red) .msg.success {
  display: none;
}
.form-input-item:has(.alt_gray) .msg.info {
  display: flex;
}
.form-input-item:has(.alt_gray).error .msg.info {
  color: #717171;
}
.form-input-item:has(.alt_gray).error .msg.info::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cmask id='mask0_1302_39037' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='17'%3E%3Crect y='0.5' width='16' height='16' fill='%23717171'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1302_39037)'%3E%3Ccircle cx='7.9987' cy='8.49967' r='5.66667' stroke='%23717171' stroke-width='1.06667'/%3E%3Ccircle cx='7.9987' cy='6.49967' r='0.666667' fill='%23717171'/%3E%3Cpath d='M7.99805 8.49951V11.1662' stroke='%23717171' stroke-width='1.06667' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}

.customer-view-container.edit .table-container table td:has(input), .customer-view-container.edit .table-container table td:has(select), .customer-view-container.edit .table-container table td:has(textarea), .customer-view-container.edit .table-container table td:has([data-type=select]) {
  padding: 0.6rem;
}
.customer-view-container.edit .table-container table td input:not(input[type=radio], input[type=checkbox]), .customer-view-container.edit .table-container table td textarea {
  width: 100%;
}
.customer-view-container.edit .table-container table td .row {
  gap: 0.6rem;
}
.customer-view-container.edit .table-container table td .dropbox {
  max-height: 140px;
  overflow-y: scroll;
  margin-right: 0.4rem;
}
.customer-view-container.edit .table-container table td .dropbox::-webkit-scrollbar {
  width: 9px;
}
.customer-view-container.edit .table-container table td .dropbox::-webkit-scrollbar-track {
  background: transparent;
}
.customer-view-container.edit .table-container table td .dropbox::-webkit-scrollbar-thumb {
  background-color: #C6C6C6;
  border-radius: 3px;
  background-clip: padding-box;
  border: 3px solid transparent;
}
@media screen and (max-width: 1024px) {
  .customer-view-container.edit .table-container table td input:not(input[type=radio], input[type=checkbox]), .customer-view-container.edit .table-container table td textarea {
    padding: 0.8rem 1.6rem;
    height: unset;
  }
  .customer-view-container.edit .table-container table td .row {
    gap: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-view-container.edit .table-container table td .row {
    gap: 0.6rem;
  }
  .customer-view-container.edit .table-container table td .calendar-wrap {
    flex-direction: column;
  }
  .customer-view-container.edit .table-container table td .calendar-wrap .hr {
    display: none;
  }
}
.customer-view-container.edit .table-container table td .inner-check-wrap .col-wrap {
  display: flex;
  gap: 1rem;
}
.customer-view-container.edit .table-container table td .inner-check-wrap .col-wrap .inner-col-02 {
  width: calc(50% - 0.5rem);
}
.customer-view-container.edit .table-container table td .inner-check-wrap .input-radio-box,
.customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box {
  display: flex;
  gap: 1.4rem;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .customer-view-container.edit .table-container table td .inner-check-wrap .col-wrap {
    flex-direction: column;
  }
  .customer-view-container.edit .table-container table td .inner-check-wrap .col-wrap .m-width-100 {
    width: 100% !important;
    max-width: 100% !important;
  }
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-radio-box,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box {
    gap: 0.8rem 1.6rem;
  }
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-radio-box .input-radio-item,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-radio-box .input-checkbox-item,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box .input-radio-item,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box .input-checkbox-item {
    width: auto;
  }
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-radio-box .input-radio-item label,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-radio-box .input-checkbox-item label,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box .input-radio-item label,
  .customer-view-container.edit .table-container table td .inner-check-wrap .input-checkbox-box .input-checkbox-item label {
    width: auto;
    padding-left: 0.4rem;
  }
}
.customer-view-container.edit .table-container table td .inner-check-wrap .align-center {
  align-items: center;
}
.customer-view-container.edit .form-item.address {
  padding: 0;
}
.customer-view-container.edit .form-item.address .input-text-button {
  gap: 0.6rem;
}
.customer-view-container.edit .form-item.address .input-text-box {
  display: flex;
  gap: 0.6rem;
  margin-top: 0.6rem;
}
.customer-view-container.edit .form-item:has(.textarea-wrap) {
  max-width: 100%;
  padding: 0;
}
.customer-view-container.edit .form-item:has(.file-upload-box) {
  max-width: 100%;
  padding: 0;
}

.sub-section[data-current-page=irinfo] .sub-component-title-box {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=irinfo] .sub-search-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=irinfo] .pagination {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=irinfo] .irinfo-irreport-container + .pagination {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container {
  background-color: #EFF5FF;
  border-color: #D1E1FF;
  padding-bottom: 4rem;
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-top-tit {
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-top-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-top {
  padding-bottom: 1.6rem;
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-bottom {
  background-color: #ffffff;
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-bottom .inner-box {
  border-color: #D1E1FF;
}
.sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container .dropdown-item-bottom .dropdown-item-bottom-txt {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .irinfo-irschedule-container.now .dropdown-container {
    padding: 0;
  }
}
.sub-section[data-current-page=irinfo] .irschedule-con.after {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=irinfo] .irschedule-con.after .dropdown-item-top {
  padding: 1.6rem 0.8rem 1.6rem 0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .irschedule-con.after .dropdown-item-top {
    padding: 1.6rem 2.4rem;
  }
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container.table {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list {
    display: flex;
    flex-direction: column;
  }
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card {
  align-items: center;
  flex-direction: row;
  align-items: stretch;
  padding: 3.2rem;
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card .txt-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card .txt-wrap .rating {
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card .txt-wrap .date {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card .img-wrap img {
  display: block;
  width: 100%;
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card:nth-child(1) .img-wrap {
  width: 14.5rem;
  margin: 0.4rem 0 0 0.2rem;
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card:nth-child(2) .img-wrap {
  width: 16rem;
}
.sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card:nth-child(3) .img-wrap {
  width: 16rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card:nth-child(1) .img-wrap {
    width: 11.3rem;
    margin: 0;
  }
  .sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card:nth-child(2) .img-wrap {
    width: 12rem;
  }
  .sub-section[data-current-page=irinfo] .irinfo-creditrating-container .creditrating-box-list .card:nth-child(3) .img-wrap {
    width: 12rem;
  }
}
.sub-section[data-current-page=irinfo] .irinfo-faq-container {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=irinfo] .irinfo-faq-container .file-con-box {
  margin-top: 2.4rem;
}
.sub-section[data-current-page=irinfo] .irinfo-faq-container .file-con-box .file-list-item {
  background-color: #F0F0F0;
  border: 1px solid #E4E4E4;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .ir-contact-card .card-top-box {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .ir-contact-staff .card.content .card-top-box {
    gap: 1.6rem;
  }
}
.sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul li:not(:last-child) {
  margin-bottom: 0.8rem;
}
.sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul li {
  display: flex;
  align-items: center;
  gap: 3.3rem;
  padding: 1.6rem 2.4rem;
  background-color: #F8F8F8;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul li {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.4rem;
    padding: 2rem 2.4rem;
  }
}
.sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul .staff {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul .staff:not(:last-child)::after {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    right: -1.6rem;
    width: 1px;
    height: 1.2rem;
    background-color: #C6C6C6;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul .staff {
    gap: 1.2rem;
  }
}
.sub-section[data-current-page=irinfo] .ir-contact-staff .card .content ul .staff span {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=irinfo] .us-filing-container .card.content-2 .bottom-box .txt {
  position: relative;
  padding-left: 2.2rem;
}
.sub-section[data-current-page=irinfo] .us-filing-container .card.content-2 .bottom-box .txt:not(:last-child) {
  margin-bottom: 0.8rem;
}
.sub-section[data-current-page=irinfo] .us-filing-container .card.content-2 .bottom-box .txt::after {
  content: "";
  position: absolute;
  display: block;
  top: 0.7058823529em;
  left: 0.6rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #1D1D1D;
  border-radius: 50%;
}
.sub-section[data-current-page=irinfo] .us-filing-container .card-list {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=irinfo] .us-filing-container .card-list + .pagination {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=irinfo] .green-bond-container .sub-component {
  display: flex;
  justify-content: flex-end;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .green-bond-container .sub-component .search-wrap[data-type=label] {
    width: 100%;
  }
}
.sub-section[data-current-page=irinfo] .green-bond-container .sub-component .search-wrap[data-type=label] .search-bar {
  min-width: 46rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=irinfo] .green-bond-container .sub-component .search-wrap[data-type=label] .search-bar {
    min-width: auto;
  }
}
.sub-section[data-current-page=irinfo] .green-bond-container .card-list {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=irinfo] .green-bond-container .card-list + .pagination {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}

.sub-section[data-current-page=fininfo] .sub-component-title-box {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .sub-search-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .pagination {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=fininfo] .inner-top-contents {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=fininfo] .fininfo-finstatements-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .fininfo-finposition-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .finposition-nowpirce-container #dynamicIframe {
  width: 100%;
  height: 1200px;
  padding: clamp(1.6rem, 2.08333vmax, 4rem);
  background: white;
  border-radius: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=fininfo] .fininfo-income-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .income-nowpirce-container #dynamicIframe {
  width: 100%;
  height: 1120px;
  padding: clamp(1.6rem, 2.08333vmax, 4rem);
  background: white;
  border-radius: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=fininfo] .fininfo-cashflow-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .cashflow-nowpirce-container #dynamicIframe {
  width: 100%;
  height: 1290px;
  padding: clamp(1.6rem, 2.08333vmax, 4rem);
  background: white;
  border-radius: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=fininfo] .fininfo-aduitreport-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
  padding: 4rem 4rem 0rem 4rem;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .y-axis-title, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .y-axis-title {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 20px;
  font-size: 14px;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item.dotted::before, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item.dotted::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item.rectangle::before, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item.rectangle::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 5px;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item.blue::before, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item.blue::before {
  background-color: #007aff;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item.darkblue::before, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item.darkblue::before {
  background-color: #0053F2;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item.lightblue::before, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item.lightblue::before {
  background-color: #8eaefb;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend .legend-item.gray::before, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend .legend-item.gray::before {
  background-color: #c6c6c6;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header {
    padding: 3rem 3rem 0rem 3rem;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .y-axis-title, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .y-axis-title {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header {
    padding: 2rem 2rem 0rem 2rem;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .y-axis-title, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .y-axis-title {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend {
    column-gap: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  [lang=en] .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .chart-container .chart-header .legend, [lang=en] .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .chart-container .chart-header .legend {
    column-gap: 14px;
    row-gap: 4px;
    flex-wrap: wrap;
  }
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated canvas, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated canvas {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .input-checkbox-box, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .input-checkbox-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .input-checkbox-box .input-radio-item, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .input-checkbox-box .input-radio-item {
    width: 29%;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .input-checkbox-box .input-checkbox-item, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .input-checkbox-box .input-checkbox-item {
    width: 29%;
  }
}
.sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .dot-txt-list, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .dot-txt-list {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 600px) and (min-width: 481px) {
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col0, .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col1, .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col2, .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col3, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col0, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col1, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col2, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col3 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table {
    min-width: 335px;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col0, .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col1, .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col2, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col0, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col1, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col2 {
    width: 100%;
  }
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col3, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col3 {
    width: auto;
  }
}
@media screen and (max-width: 375px) {
  .sub-section[data-current-page=fininfo] .inner-top-contents.consolidated .table-container table.col2, .sub-section[data-current-page=fininfo] .inner-top-contents.nonconsolidated .table-container table.col2 {
    width: auto;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=fininfo] .table-container[data-scroll-break=mobile] .sub-component-title-box.info {
    padding: 0 max(2rem, 5.12821vw);
  }
}
.sub-section[data-current-page=fininfo] .table-container .right {
  text-wrap: nowrap;
}

.sub-section[data-current-page=stinfo] .sub-component-title {
  color: #1D1D1D;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .sub-component-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .sub-component-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .sub-component-title {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=stinfo] .sub-component-title .blue {
  color: #0045C9;
}
.sub-section[data-current-page=stinfo] .sub-component-title-box .inner {
  display: flex;
  align-items: center;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-top: 0;
  border-radius: max(0.6rem, 0.41666vw);
  padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
}
.sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .inner {
  margin-bottom: 0;
}
.sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box {
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box .txt {
  display: flex;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box .txt {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box .txt {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title .title-wrap .txt-box .txt {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .sub-component-title-box.chart-title {
    flex-direction: column;
  }
}
.sub-section[data-current-page=stinfo] .sub-component-title-box .sub-component-title {
  margin-bottom: 0;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.6rem 2.4rem;
  margin-bottom: 1.6rem;
  border-radius: 0.6rem;
  color: #ffffff;
  background-color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card-head {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card-head .total b {
  margin-left: 0.8rem;
  margin-right: 0.2rem;
  color: #D1E1FF;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card {
  justify-content: flex-start;
  gap: 2.4rem;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .flag {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6.4rem;
  height: 6.4rem;
  background-color: #F8F8F8;
  border: 1px solid #F0F0F0;
  border-radius: 0.6rem;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .flag img {
  display: block;
  width: 4.8rem;
  height: auto;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top {
  width: calc(100% - 8rem);
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box {
  display: flex;
  column-gap: 1.6rem;
  flex-wrap: wrap;
  margin-top: 0.6rem;
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box .txt {
  position: relative;
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box .txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box .txt:nth-of-type(1)::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -0.8rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1.6rem;
  background-color: #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card-head {
    padding: 1.2rem 1.6rem;
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card-head .total b {
    margin-left: 0.4rem;
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card {
    gap: 1.6rem;
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .flag {
    width: 5.6rem;
    height: 5.6rem;
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .flag img {
    width: 4.2rem;
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top {
    width: calc(100% - 5.6rem - 1.6rem);
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box {
    margin-top: 0.2rem;
  }
  .sub-section[data-current-page=stinfo] .stinfo-stocklisting-component .card .card-top-box .capital-top .txt-box .txt:nth-of-type(1)::after {
    height: 1.4rem;
  }
}
.sub-section[data-current-page=stinfo] .table-container br.m-ver {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .table-container .right {
    text-wrap: nowrap;
  }
  .sub-section[data-current-page=stinfo] .table-container br.m-ver {
    display: block;
  }
}
.sub-section[data-current-page=stinfo] .table-container .nowrap {
  white-space: nowrap;
}
.sub-section[data-current-page=stinfo] .stinfo-nowpirce-container {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-nowpirce-container {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-nowpirce-container iframe {
  width: 100%;
  height: 915px;
}
@media screen and (max-width: 912px) {
  .sub-section[data-current-page=stinfo] .stinfo-nowpirce-container iframe {
    width: 100%;
    height: 1590px;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-additionaltrends-container {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-additionaltrends-container {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-additionaltrends-container .card {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=stinfo] .stinfo-additionaltrends-container iframe {
  width: 100%;
  height: 1325px;
}
@media screen and (max-width: 912px) {
  .sub-section[data-current-page=stinfo] .stinfo-additionaltrends-container iframe {
    width: 100%;
    height: 1468px;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-foreignstake-container {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-foreignstake-container {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-foreignstake-container .card {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=stinfo] .stinfo-foreignstake-container iframe {
  width: 100%;
  height: 1285px;
}
@media screen and (max-width: 912px) {
  .sub-section[data-current-page=stinfo] .stinfo-foreignstake-container iframe {
    height: 1034px;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content {
  display: flex;
  width: 100%;
  gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .card.content {
  width: 100%;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap .txt-box {
  display: flex;
  align-items: center;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap .txt-box .txt {
  position: relative;
  display: flex;
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap .txt-box .txt:nth-of-type(1) {
  margin-right: 1.2rem;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap .txt-box .txt:nth-of-type(1)::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: -7px;
  transform: translate(-50%, -50%);
  width: 1px;
  height: 14px;
  background-color: #E4E4E4;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap {
    flex-direction: column;
  }
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content .title-wrap .txt-box {
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .stinfo-stocklisting-component .chart_content {
    flex-direction: column;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .table-container {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .table-container .table-desc {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container {
  display: flex;
  gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  align-items: center;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 900px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container {
    flex-direction: column;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container {
    padding: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container canvas {
  max-height: 345px;
  max-width: 345px;
  height: auto !important;
  width: 100% !important;
  margin: 0 auto;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 900px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container canvas {
    max-width: 323px;
    max-height: 323px;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container canvas {
    max-height: 223px;
    max-width: 223px;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-title {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  text-align: center;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend {
  margin: 0 auto;
  max-width: 490px;
  width: 100%;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
  color: #1D1D1D;
  gap: 0.6rem;
  padding: clamp(0.8rem, 0.833333vmax, 1.6rem);
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item {
    gap: 0.4rem;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-color {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  margin-right: 8px;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-color.legend-color-1 {
  background: #0053f2;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-color.legend-color-2 {
  background-color: #94b8ff;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-color.legend-color-3 {
  background-color: #d1e1ff;
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-color.legend-color-4 {
  background-color: #c6c6c6;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-color {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    margin-right: 0;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
  flex: 1;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 365px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-tit {
    flex: auto;
    width: calc(100% - 20px);
    flex-shrink: 0;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-value {
  flex: 1;
  margin-right: 1.6rem;
  text-align: right;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-value {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-value {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-value {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-value {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-value {
    margin-right: 0;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
  margin-left: 1.2rem;
  color: #2D2D2D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .stinfo-capital-container .chart-container .chart-legend .legend-item .legend-percentage {
    font-size: 16px;
  }
}
.sub-section[data-current-page=stinfo] .stinfo-payment-container sup {
  vertical-align: super;
  font-size: 11px;
}
.sub-section[data-current-page=stinfo] .noti-box {
  display: flex;
  padding: 2.4rem 4rem;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  background-color: #F0F0F0;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .noti-box {
    padding: 2.4rem 2rem;
  }
}
.sub-section[data-current-page=stinfo] .noti-box svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .noti-box svg {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: 0.2rem;
  }
}
.sub-section[data-current-page=stinfo] .noti-box p {
  width: calc(100% - 2.4rem);
  padding-left: 0.8rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=stinfo] .noti-box p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .noti-box p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stinfo] .noti-box p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stinfo] .noti-box p {
    width: calc(100% - 1.6rem);
    padding-left: 0.6rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}

.sub-section[data-current-page=custom] .board-detail-container .detail-top {
  padding-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
  border-bottom: unset;
}
.sub-section[data-current-page=custom] .board-detail-container .detail-top .table-container {
  margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-title {
  margin-bottom: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-title {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6.4rem;
  height: 6.8rem;
  padding: 1.6rem;
  background-color: #F8F8F8;
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info {
  width: calc(100% - 22.1rem);
  display: flex;
  color: #454545;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info .file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 94%;
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info .file-type {
  white-space: nowrap;
}
.sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-btn {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item {
    gap: 0.4rem;
    height: 6.8rem;
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info {
    width: calc(100% - 22.8rem);
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-btn {
    display: flex;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-btn .txt-btn {
    position: relative;
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-btn .txt-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.8rem;
    transform: translateY(-50%);
    width: 1px;
    height: 1.6rem;
    background-color: #D8D8D8;
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-btn .txt-btn:first-child::after {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item {
    flex-direction: column;
    gap: 0.6rem;
    align-items: flex-start;
    height: 9.6rem;
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-info {
    width: 100%;
  }
  .sub-section[data-current-page=custom] .board-detail-container .detail-file-list .list-item .file-btn {
    width: 100%;
    justify-content: flex-end;
  }
}

.sub-section[data-current-page=announce] .sub-component-title-box {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=announce] .sub-search-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=announce] .pagination {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=announce] .announce-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=announce] .announce-container.top {
  margin-top: 0;
}
/* 회사소개 - 인재채용 */
[data-current-page=careers] {
  background-color: white;
  /* 인재상 */
  /* 직무소개 */
}
[data-current-page=careers] .careers-content {
  background-color: white;
}
[data-current-page=careers] .careers-content > .container {
  position: relative;
  background-color: white;
  z-index: 9;
}
[data-current-page=careers] .careers-title {
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=careers] .careers-title {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .careers-title {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .careers-title {
    font-size: min(6rem, 7.6923vw);
  }
}
[data-current-page=careers] .careers-sub-title {
  margin-top: 2.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=careers] .careers-sub-title {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .careers-sub-title {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .careers-sub-title {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .careers-sub-title {
    display: none;
  }
}
[data-current-page=careers] .kv-text-container {
  padding-bottom: 6.4rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .kv-text-container {
    padding-bottom: 3.2rem;
  }
}
[data-current-page=careers] .kv-text-container .row {
  display: flex;
  justify-content: flex-end;
}
[data-current-page=careers] .talent-con {
  padding-top: clamp(8.8rem, 10.41667vmax, 20rem);
}
[data-current-page=careers] .talent-con .title-box .btn-more {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .title-box .btn-more {
    display: none;
  }
}
[data-current-page=careers] .talent-con .info-box {
  color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box {
    margin-top: 4rem;
  }
}
[data-current-page=careers] .talent-con .info-box .tit {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=careers] .talent-con .info-box .tit {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box .tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .talent-con .info-box .tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box .tit {
    font-size: 4.1rem;
  }
}
[data-current-page=careers] .talent-con .info-box .tit b {
  color: #0045C9;
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box .tit span {
    display: block;
  }
  [data-current-page=careers] .talent-con .info-box .tit span.blue {
    color: #0045C9;
  }
  [data-current-page=careers] .talent-con .info-box .tit span.sm {
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.02em;
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  [data-current-page=careers] .talent-con .info-box .tit span.sm {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box .tit span.sm {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  [data-current-page=careers] .talent-con .info-box .tit span.sm {
    font-size: min(2.4rem, 5.641vw);
  }
}
[data-current-page=careers] .talent-con .info-box .txt {
  display: none;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=careers] .talent-con .info-box .txt {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .talent-con .info-box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .talent-con .info-box .txt {
    display: block;
    margin-top: 1.6rem;
  }
}
[data-current-page=careers] .talent-con .info-box .btn-more {
  margin-top: 1.6rem;
}
@media screen and (min-width: 1025px) {
  [data-current-page=careers] .talent-con .info-box .btn-more {
    display: none;
  }
}
[data-current-page=careers] .talent-con .unit-grid {
  display: flex;
  margin-top: 4rem;
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .talent-con .unit-grid {
    display: none;
  }
}
[data-current-page=careers] .talent-con .unit-grid svg {
  width: 100%;
  height: auto;
}
[data-current-page=careers] .talent-con .unit-list-grid {
  display: none;
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .talent-con .unit-list-grid {
    justify-content: space-between;
    margin-top: 4rem;
    display: flex;
  }
}
[data-current-page=careers] .talent-con .unit-list-grid .circle-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
[data-current-page=careers] .talent-con .unit-list-grid .circle-line .circle, [data-current-page=careers] .talent-con .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-green, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom [data-current-page=careers] .talent-con .unit-list-grid .circle-line .circle-green, [data-current-page=careers] .talent-con .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-yellow, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom [data-current-page=careers] .talent-con .unit-list-grid .circle-line .circle-yellow, [data-current-page=careers] .talent-con .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-red, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom [data-current-page=careers] .talent-con .unit-list-grid .circle-line .circle-red {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #E4E4E4;
}
[data-current-page=careers] .talent-con .unit-list-grid .circle-line .circle.active, [data-current-page=careers] .talent-con .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .active.circle-green, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom [data-current-page=careers] .talent-con .unit-list-grid .circle-line .active.circle-green, [data-current-page=careers] .talent-con .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .active.circle-yellow, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom [data-current-page=careers] .talent-con .unit-list-grid .circle-line .active.circle-yellow, [data-current-page=careers] .talent-con .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .active.circle-red, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom [data-current-page=careers] .talent-con .unit-list-grid .circle-line .active.circle-red {
  background-color: #0053F2;
}
[data-current-page=careers] .talent-con .unit-list-grid .circle-line .line {
  position: relative;
  width: 0.5rem;
  height: calc(100% - 2rem - 1rem);
}
[data-current-page=careers] .talent-con .unit-list-grid .circle-line .line::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.5rem;
  height: 100%;
  border-radius: 10px;
  background-color: #E4E4E4;
  z-index: 1;
}
[data-current-page=careers] .talent-con .unit-list-grid .circle-line .line .line-active {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.5rem;
  height: 0;
  border-radius: 10px;
  background: #0053F2;
  z-index: 2;
}
[data-current-page=careers] .talent-con .unit-list-grid .list {
  width: calc(100% - 1rem - 1.2rem);
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card {
  padding: 2.4rem;
  border: 1px solid #E4E4E4;
  border-radius: max(1rem, 0.625vw);
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card:not(:last-child) {
  margin-bottom: 1.2rem;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card.active .top p {
  color: #1D1D1D;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card.active .top p b {
  color: #0053F2;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card.active .top .img img.black {
  display: none;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card.active .top .img img.default {
  display: block;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card.active .bottom p {
  color: #1D1D1D;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card.active .bottom p b {
  color: #0038A3;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top p {
  color: #8E8E8E;
  transition: color 0.3s ease;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top p b {
  color: #8E8E8E;
  font-size: 2.5rem;
  transition: color 0.3s ease;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top .img {
  position: relative;
  width: 4rem;
  height: 4rem;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top .img img.black {
  display: block;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .top .img img.default {
  display: none;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .bottom {
  padding: 1.6rem 2rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
}
[data-current-page=careers] .talent-con .unit-list-grid .list .unit-card .bottom p {
  color: #8E8E8E;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[data-current-page=careers] .job-con {
  position: relative;
  z-index: 9;
  background-color: white;
  padding: clamp(8.8rem, 10.41667vmax, 20rem) 0;
}
[data-current-page=careers] .job-con .job-title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4.8rem;
}
[data-current-page=careers] .job-con .tag-box {
  margin-bottom: 0;
}
[data-current-page=careers] .job-con .media-list-col {
  row-gap: 4.8rem;
}
[data-current-page=careers] .job-con .media-list-col .media-list-item .img-wrap {
  aspect-ratio: 16/9;
}
[data-current-page=careers] .job-con .media-list-col .media-list-item .img-wrap::after {
  top: 1.6rem;
  right: 1.6rem;
  bottom: auto;
}
[data-current-page=careers] .job-con .media-list-col .media-list-item .img-wrap img {
  height: 100%;
}
[data-current-page=careers] .job-con .media-list-col .media-list-item .info-box {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=careers] .job-con .job-title-box {
    margin-bottom: 4.8rem;
  }
  [data-current-page=careers] .job-con .media-list-col .media-list-item .img-wrap::after {
    top: 1.3rem;
    right: 1.3rem;
    width: 2.4rem;
    height: 2.4rem;
  }
  [data-current-page=careers] .job-con .media-list-col .media-list-item .info-box {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=careers] .job-con .job-title-box {
    margin-bottom: 3.2rem;
  }
  [data-current-page=careers] .job-con .job-title-box .btn {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  [data-current-page=careers] .job-con .job-title-box .btn i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  [data-current-page=careers] .job-con .job-title-box .btn[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
  [data-current-page=careers] .job-con .media-list-col {
    row-gap: 3.2rem;
  }
  [data-current-page=careers] .job-con .media-list-col .media-list-item .img-wrap::after {
    top: 2rem;
    right: 2rem;
    width: 2.8rem;
    height: 2.8rem;
  }
  [data-current-page=careers] .job-con .media-list-col .media-list-item .info-box {
    margin-top: 1.8rem;
  }
}

.sub-section[data-current-page=ceo] .sub-component,
.sub-section[data-current-page=ehs] .sub-component {
  margin-top: 0;
}
.sub-section[data-current-page=ceo] .sub-component-sub,
.sub-section[data-current-page=ehs] .sub-component-sub {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo] .sub-component-sub,
  .sub-section[data-current-page=ehs] .sub-component-sub {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo] .sub-component-sub,
  .sub-section[data-current-page=ehs] .sub-component-sub {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo] .sub-component-sub,
  .sub-section[data-current-page=ehs] .sub-component-sub {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=ceo] .logo-container,
.sub-section[data-current-page=ehs] .logo-container {
  display: flex;
  justify-content: center;
}
.sub-section[data-current-page=ceo] .logo-container img.logo,
.sub-section[data-current-page=ehs] .logo-container img.logo {
  display: block;
  height: auto;
  width: 15.1818181818em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo] .logo-container img.logo,
  .sub-section[data-current-page=ehs] .logo-container img.logo {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo] .logo-container img.logo,
  .sub-section[data-current-page=ehs] .logo-container img.logo {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo] .logo-container img.logo,
  .sub-section[data-current-page=ehs] .logo-container img.logo {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=ceo] .only-web,
.sub-section[data-current-page=ehs] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo] .only-web,
  .sub-section[data-current-page=ehs] .only-web {
    display: none;
  }
}
.sub-section[data-current-page=ceo] .only-mob-l,
.sub-section[data-current-page=ehs] .only-mob-l {
  display: block;
}
@media screen and (max-width: 670px) {
  .sub-section[data-current-page=ceo] .only-mob-l,
  .sub-section[data-current-page=ehs] .only-mob-l {
    display: none;
  }
}
.sub-section[data-current-page=ceo] .only-mob,
.sub-section[data-current-page=ehs] .only-mob {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo] .only-mob,
  .sub-section[data-current-page=ehs] .only-mob {
    display: block;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-container,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  margin-top: 0;
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-container > .box,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-container > .box {
  width: 100%;
  padding: 0 2rem;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-container > .box,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-container > .box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-img,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-img {
  display: block;
  width: 3.6363636364em;
  height: 3.6363636364em;
  margin-bottom: 1.0909090909em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-img,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-img {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-img,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-img {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-img,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-img {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit {
  margin-bottom: 0.2727272727em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit-sub,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit-sub {
  margin-bottom: 0.7058823529em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit-sub,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit-sub {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit-sub,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit-sub {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit-sub,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit-sub {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .dot-txt-list,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .dot-txt-list {
  gap: 0;
}
.sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .dot-txt-list .dot-txt,
.sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .dot-txt-list .dot-txt {
  font-size: 1.6rem;
  color: #717171;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
.sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
  padding: 2.8235294118em 2.3529411765em;
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
.sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-numbering-item,
.sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-numbering-item {
  display: flex;
  align-items: center;
  gap: 1.4117647059em;
  padding: 2.1176470588em 0;
  border-bottom: 1px solid #D8D8D8;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-numbering-item:first-of-type,
.sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-numbering-item:first-of-type {
  padding-top: 0;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-numbering-item:last-of-type,
.sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-numbering-item:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-numbering-item .number,
.sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-numbering-item .number {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  color: #ffffff;
  background-color: #0045C9;
  border-radius: 50%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-numbering-item br,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-numbering-item br {
    display: none;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container {
  flex-wrap: wrap;
  row-gap: 0.4rem;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.8rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap {
    font-size: 1.7rem;
  }
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont {
  display: flex;
  gap: 0.6rem;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont .date,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont .date {
  color: #717171;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont .rank,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont .rank {
  color: #1D1D1D;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont .name,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont .name {
  font-weight: 700;
}
.sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .sign,
.sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .sign {
  display: flex;
  width: 9.0555555556em;
  height: auto;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ceo] .logo-container img.logo,
  .sub-section[data-current-page=ehs] .logo-container img.logo {
    width: 80%;
    max-width: 10.0476190476em;
  }
  .sub-section[data-current-page=ceo][data-current-page=ceo] .sub-component-title,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .sub-component-title {
    margin-bottom: 0.8rem;
  }
  .sub-section[data-current-page=ceo][data-current-page=ceo] .sub-component-sub,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .sub-component-sub {
    margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-container,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-container {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
  }
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-img,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-img {
    width: 3.0476190476em;
    height: 3.0476190476em;
  }
  .sub-section[data-current-page=ceo][data-current-page=ceo] .info-text .tit-sub,
  .sub-section[data-current-page=ehs][data-current-page=ceo] .info-text .tit-sub {
    margin-bottom: 0.8rem;
  }
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-container,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-container {
    padding: 1.75em 1.5em;
  }
  .sub-section[data-current-page=ceo][data-current-page=ehs] .ehs-numbering-item,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .ehs-numbering-item {
    align-items: flex-start;
    padding: 1.25em 0;
    gap: 1em;
  }
  .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container {
    row-gap: 1.2rem;
  }
  .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap {
    flex-wrap: wrap;
    gap: 0.4rem;
  }
  [lang=en] .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont,
  [lang=en] .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont {
    flex: 1;
    flex-wrap: wrap;
    row-gap: 0.2rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont.only-web,
  [lang=en] .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont.only-web {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont .date,
  [lang=en] .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont .date {
    order: 1;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
  }
  [lang=en] .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont .rank,
  [lang=en] .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont .rank {
    order: 2;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
  }
  [lang=en] .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .text-cont .name,
  [lang=en] .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .text-cont .name {
    order: 3;
  }
  .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .sign,
  .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .sign {
    max-width: 7.7058823529em;
    width: 48%;
  }
  [lang=en] .sub-section[data-current-page=ceo][data-current-page=ehs] .logo-container .sign-wrap .sign,
  [lang=en] .sub-section[data-current-page=ehs][data-current-page=ehs] .logo-container .sign-wrap .sign {
    max-width: 12.8rem;
  }
}

.sub-section[data-current-page=ci] .only-web {
  display: flex;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ci] .only-web {
    display: none;
  }
}
.sub-section[data-current-page=ci] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ci] .only-mobile {
    display: flex;
  }
}
.sub-section[data-current-page=ci] .ci-article {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=ci] .ci-article:last-of-type {
  margin-bottom: 0;
}
.sub-section[data-current-page=ci] .ci-article .title {
  margin-bottom: 1em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=ci] .ci-logo-box {
  padding: max(7.5rem, 3.9583333333vw) 0 !important;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ci] .ci-logo-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=ci] .ci-logo-box .inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 53.20754%;
  height: auto;
  aspect-ratio: 564/160;
  margin: 0 auto;
}
.sub-section[data-current-page=ci] .ci-logo-box .inner img {
  width: 100%;
}
.sub-section[data-current-page=ci] .ci-color-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(0.8rem, 0.8333333333vw);
}
.sub-section[data-current-page=ci] .ci-color-box {
  display: flex;
  align-items: center;
  gap: 1.5625vw;
  padding: max(2.4rem, 1.25vw) !important;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ci] .ci-color-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=ci] .ci-color-box .color {
  width: 30%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: max(0.6rem, 0.41666vw);
  flex-shrink: 0;
}
.sub-section[data-current-page=ci] .ci-color-box .color[data-color=red] {
  background-color: #ED1C24;
}
.sub-section[data-current-page=ci] .ci-color-box .color[data-color=blue] {
  background-color: #004098;
}
.sub-section[data-current-page=ci] .ci-color-box .color-info .category {
  color: #999999;
  margin-bottom: 0.4rem;
  font-weight: 700 !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ci] .ci-color-box .color-info .category {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ci] .ci-color-box .color-info .category {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ci] .ci-color-box .color-info .category {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=ci] .ci-color-box .color-info .name {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=ci] .ci-color-box .color-info .name {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ci] .ci-color-box .color-info .name {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ci] .ci-color-box .color-info .name {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=ci] .ci-color-box .color-info .code {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=ci] .ci-signature-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: max(0.8rem, 0.8333333333vw);
}
.sub-section[data-current-page=ci] .ci-signature-box {
  width: 100%;
  padding: 1.71875vw 3.1770833333vw !important;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=ci] .ci-signature-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=ci] .ci-signature-box img {
  width: 100%;
}
.sub-section[data-current-page=ci] .ci-bottom-wrap {
  display: flex;
  justify-content: space-between;
  gap: 1.25vw;
  margin-top: 0.7058823529em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=ci] .ci-bottom-wrap.aligin-right {
  justify-content: flex-end;
}
.sub-section[data-current-page=ci] .ci-bottom-wrap .download-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.sub-section[data-current-page=ci] .ci-all-download {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=ci] .ci-logo-box {
    padding: max(3.2rem, 8.2051282051vw) 0 !important;
  }
  .sub-section[data-current-page=ci] .ci-logo-box .inner {
    width: 88.5714%;
  }
  .sub-section[data-current-page=ci] .ci-color-wrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.8rem;
  }
  .sub-section[data-current-page=ci] .ci-color-box {
    padding: max(1.6rem, 4.1025641026vw) !important;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=ci] .ci-color-box .color {
    width: 32%;
  }
  .sub-section[data-current-page=ci] .ci-signature-wrap {
    gap: 0.8rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .sub-section[data-current-page=ci] .ci-signature-box {
    padding: max(3.2rem, 8.2051282051vw) max(2rem, 5.1282051282vw) !important;
  }
  .sub-section[data-current-page=ci] .ci-bottom-wrap {
    flex-direction: column;
    gap: 1.2rem;
  }
}

.sub-section[data-current-page=group-company] .subsi-desc,
.sub-section[data-current-page=other-subsidiaries] .subsi-desc {
  text-align: right;
  color: #717171;
  margin-bottom: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 > *,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > * {
  width: calc((100% - 3.3rem) / 3);
  gap: 3.2rem;
  padding-top: 3.6rem;
  padding-bottom: 3.6rem;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 > *,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > * {
  gap: 1.6rem;
}
@media screen and (min-width: 1024px) {
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:hover, .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:focus,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:hover,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:focus {
    border: 1px solid #0045C9;
    box-shadow: -0.5px 0.5px #0045C9, -0.5px -0.5px #0045C9, 0.5px -0.5px #0045C9, 0.5px 0.5px #0045C9;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:hover .card-top-box .title, .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:focus .card-top-box .title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:hover .card-top-box .title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:focus .card-top-box .title {
    color: #0045C9;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:hover .card-top-box .title span:after, .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:focus .card-top-box .title span:after,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:hover .card-top-box .title span:after,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:focus .card-top-box .title span:after {
    background-color: #0045C9;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:hover .card-top-box svg, .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:focus .card-top-box svg,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:hover .card-top-box svg,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:focus .card-top-box svg {
    color: #0045C9;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:hover .card-top-box .sub-title, .sub-section[data-current-page=group-company] .card-list-box.col-3 > *:focus .card-top-box .sub-title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:hover .card-top-box .sub-title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > *:focus .card-top-box .sub-title {
    color: #0045C9 !important;
  }
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box {
  gap: 1.6rem;
  align-items: flex-start;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title {
    font-size: 2.1rem;
  }
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title {
  flex-direction: column;
  align-items: flex-start;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title span,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title span {
  position: relative;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title span::after,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title span::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.5px;
  background-color: #1D1D1D;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title span::after,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title span::after {
  content: none;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title i, .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .title svg,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title i,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title svg {
  width: 2.4rem;
  height: 2.4rem;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box .sub-title,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .sub-title {
  margin-top: 0.2rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .logo-wrap,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .logo-wrap {
  height: max(4.4rem, 2.2916666667vw);
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .logo-wrap img,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .logo-wrap img {
  height: 100%;
  width: auto;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .logo-wrap,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .logo-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: auto;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .logo-wrap img,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .logo-wrap img {
  height: max(4.4rem, 2.2916666667vw);
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .logo-wrap i, [lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .logo-wrap svg,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .logo-wrap i,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .logo-wrap svg {
  width: 2.4rem;
  height: 2.4rem;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .txt,
.sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box {
  margin-top: 0.8rem;
  font-size: 1.6rem;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .txt,
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box {
  margin-top: 0;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li,
.sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box ul > li,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box ul > li {
  display: flex;
  gap: max(1.2rem, 0.625vw);
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li,
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box ul > li,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box ul > li {
  flex-direction: column;
  gap: 0;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li .category,
.sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box ul > li .category,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li .category,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box ul > li .category {
  width: 5.6rem;
  flex-shrink: 0;
  color: #1D1D1D;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li .category,
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box ul > li .category,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li .category,
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box ul > li .category {
  width: 100%;
}
.sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li:not(:last-child),
.sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box ul > li:not(:last-child),
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li:not(:last-child),
.sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box ul > li:not(:last-child) {
  margin-bottom: 0.6rem;
}
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li:not(:last-child),
[lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .info-box ul > li:not(:last-child),
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li:not(:last-child),
[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .info-box ul > li:not(:last-child) {
  margin-bottom: 1.2rem;
}
.sub-section[data-current-page=group-company] .card-list-box.card-fixed > *,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.card-fixed > * {
  height: auto;
}
.sub-section[data-current-page=group-company] .card-list-box.card-fixed > * .card-top-box,
.sub-section[data-current-page=other-subsidiaries] .card-list-box.card-fixed > * .card-top-box {
  gap: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > * {
    width: calc(50% - 0.8rem);
  }
  .sub-section[data-current-page=group-company] .card-list-box.card-fixed > *,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.card-fixed > * {
    aspect-ratio: inherit;
  }
  .sub-section[data-current-page=group-company] .card-list-box.card-fixed > * .card-bottom-box .txt,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.card-fixed > * .card-bottom-box .txt {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=group-company] .subsi-desc,
  .sub-section[data-current-page=other-subsidiaries] .subsi-desc {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 > *,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 > * {
    width: 100%;
    padding: 2.8rem 2.4rem;
    gap: 2rem;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 .card-top-box,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box {
    gap: 1.2rem;
  }
  .sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li:not(:last-child),
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li:not(:last-child) {
    margin-bottom: 0.4rem;
  }
  [lang=en] .sub-section[data-current-page=group-company] .card-list-box.col-3 .txt ul > li:not(:last-child),
  [lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .txt ul > li:not(:last-child) {
    margin-bottom: 0.8rem;
  }
  .sub-section[data-current-page=group-company] .card-list-box.card-fixed > *,
  .sub-section[data-current-page=other-subsidiaries] .card-list-box.card-fixed > * {
    height: fit-content;
    aspect-ratio: inherit;
    gap: 2.4rem;
  }
}

[lang=en] .sub-section[data-current-page=other-subsidiaries] .card-list-box.col-3 .card-top-box .title {
  flex-direction: row;
}

main:has([data-current-page=global]) {
  overflow: hidden;
}

[data-current-page=global] .circle-blue, [data-current-page=global] .circle-red {
  display: block;
  width: 0.5294117647em;
  height: 0.5294117647em;
  border-radius: 50%;
}
[data-current-page=global] .circle-red {
  background-color: #E81D21;
}
[data-current-page=global] .circle-blue {
  background-color: #0045C9;
}
[data-current-page=global] .box {
  display: flex;
  flex-direction: column;
  padding: 3.2rem !important;
  height: 100%;
  color: #1D1D1D;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .box {
    padding: 2.4rem;
  }
}
[data-current-page=global] .box .title {
  display: flex;
  gap: 0.5263157895em;
  align-items: flex-start;
  margin-bottom: 0.8421052632em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .box .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .box .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .box .title {
    font-size: 1.8rem;
  }
}
[data-current-page=global] .box .title [class^=circle-] {
  flex-shrink: 0;
  margin-top: 0.4736842105em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .box .title [class^=circle-] {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .box .title [class^=circle-] {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .box .title [class^=circle-] {
    font-size: 1.8rem;
  }
}
[data-current-page=global] .box .content li {
  display: flex;
  justify-content: space-between;
  gap: 1.6em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[lang=en] [data-current-page=global] .box .content li {
  flex-direction: column;
  gap: 0.6rem;
}
@media screen and (max-width: 1024px) {
  [lang=en] [data-current-page=global] .box .content li {
    flex-direction: row;
    justify-content: flex-start;
  }
}
[data-current-page=global] .box .content li .inner {
  display: flex;
  gap: 0.6666666667em;
  margin-bottom: 0.5333333333em;
}
@media screen and (max-width: 600px) {
  [lang=en] [data-current-page=global] .box .content li .inner {
    flex-direction: column;
    gap: 0.1rem;
  }
}
[data-current-page=global] .box .content li .inner .cont-subject {
  flex-shrink: 0;
  width: 5.2rem;
}
[lang=en] [data-current-page=global] .box .content li .inner .cont-subject {
  width: 11.2rem;
}
@media screen and (max-width: 1024px) {
  [lang=en] [data-current-page=global] .box .content li .inner .cont-subject {
    width: 7.2rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] [data-current-page=global] .box .content li .inner .cont-subject {
    width: 6.2rem;
    width: 100%;
  }
}
[data-current-page=global] .box .content li .inner .cont-txt {
  color: #717171;
}
[data-current-page=global] .box .content li:nth-child(2) .inner {
  min-width: 41.57%;
  padding-right: 1.6em;
}
[data-current-page=global] .box .content li:last-child .inner {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .box .content li {
    flex-direction: column;
    gap: 0.5333333333em;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .box {
    padding: 2.4rem !important;
  }
}
[data-current-page=global] .only-web {
  display: block;
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .only-web {
    display: none;
  }
}
[data-current-page=global] .only-t-mobile {
  display: none;
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .only-t-mobile {
    display: block;
  }
}
[data-current-page=global] .global-map-section {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  height: 28.125vw;
  aspect-ratio: 1920/540;
}
[data-current-page=global] .global-map-section .map-inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: #C2D0EB;
  transform: translateX(-50%);
  overflow: hidden;
}
[data-current-page=global] .global-map-section .map-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 78.88198%;
}
[data-current-page=global] .global-map-section #id-map {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-map-section #id-map {
    display: none;
  }
}
[data-current-page=global] .global-map-section #id-map-mo {
  display: none;
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-map-section #id-map-mo {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 96%;
    transform: translateX(-50%);
  }
}
[data-current-page=global] .global-map-section .japan, [data-current-page=global] .global-map-section .china, [data-current-page=global] .global-map-section .Australia, [data-current-page=global] .global-map-section .middleEast, [data-current-page=global] .global-map-section .Europe, [data-current-page=global] .global-map-section .southAsia, [data-current-page=global] .global-map-section .northAmeria {
  cursor: pointer;
  fill: #ffffff;
}
[data-current-page=global] .global-map-section .japan .pin .tag, [data-current-page=global] .global-map-section .china .pin .tag, [data-current-page=global] .global-map-section .Australia .pin .tag, [data-current-page=global] .global-map-section .middleEast .pin .tag, [data-current-page=global] .global-map-section .Europe .pin .tag, [data-current-page=global] .global-map-section .southAsia .pin .tag, [data-current-page=global] .global-map-section .northAmeria .pin .tag {
  fill: #0045C9;
}
[data-current-page=global] .global-map-section .japan .pin .tag-txt, [data-current-page=global] .global-map-section .china .pin .tag-txt, [data-current-page=global] .global-map-section .Australia .pin .tag-txt, [data-current-page=global] .global-map-section .middleEast .pin .tag-txt, [data-current-page=global] .global-map-section .Europe .pin .tag-txt, [data-current-page=global] .global-map-section .southAsia .pin .tag-txt, [data-current-page=global] .global-map-section .northAmeria .pin .tag-txt {
  fill: #ffffff;
}
[data-current-page=global] .global-map-section .japan:hover, [data-current-page=global] .global-map-section .china:hover, [data-current-page=global] .global-map-section .Australia:hover, [data-current-page=global] .global-map-section .middleEast:hover, [data-current-page=global] .global-map-section .Europe:hover, [data-current-page=global] .global-map-section .southAsia:hover, [data-current-page=global] .global-map-section .northAmeria:hover, [data-current-page=global] .global-map-section .active.japan, [data-current-page=global] .global-map-section .active.china, [data-current-page=global] .global-map-section .active.Australia, [data-current-page=global] .global-map-section .active.middleEast, [data-current-page=global] .global-map-section .active.Europe, [data-current-page=global] .global-map-section .active.southAsia, [data-current-page=global] .global-map-section .active.northAmeria {
  fill: #94B8FF;
}
[data-current-page=global] .global-map-section .japan:hover .pin, [data-current-page=global] .global-map-section .china:hover .pin, [data-current-page=global] .global-map-section .Australia:hover .pin, [data-current-page=global] .global-map-section .middleEast:hover .pin, [data-current-page=global] .global-map-section .Europe:hover .pin, [data-current-page=global] .global-map-section .southAsia:hover .pin, [data-current-page=global] .global-map-section .northAmeria:hover .pin, [data-current-page=global] .global-map-section .active.japan .pin, [data-current-page=global] .global-map-section .active.china .pin, [data-current-page=global] .global-map-section .active.Australia .pin, [data-current-page=global] .global-map-section .active.middleEast .pin, [data-current-page=global] .global-map-section .active.Europe .pin, [data-current-page=global] .global-map-section .active.southAsia .pin, [data-current-page=global] .global-map-section .active.northAmeria .pin {
  fill: #0045C9;
}
[data-current-page=global] .global-map-section .japan:hover .pin .tag-txt, [data-current-page=global] .global-map-section .china:hover .pin .tag-txt, [data-current-page=global] .global-map-section .Australia:hover .pin .tag-txt, [data-current-page=global] .global-map-section .middleEast:hover .pin .tag-txt, [data-current-page=global] .global-map-section .Europe:hover .pin .tag-txt, [data-current-page=global] .global-map-section .southAsia:hover .pin .tag-txt, [data-current-page=global] .global-map-section .northAmeria:hover .pin .tag-txt, [data-current-page=global] .global-map-section .active.japan .pin .tag-txt, [data-current-page=global] .global-map-section .active.china .pin .tag-txt, [data-current-page=global] .global-map-section .active.Australia .pin .tag-txt, [data-current-page=global] .global-map-section .active.middleEast .pin .tag-txt, [data-current-page=global] .global-map-section .active.Europe .pin .tag-txt, [data-current-page=global] .global-map-section .active.southAsia .pin .tag-txt, [data-current-page=global] .global-map-section .active.northAmeria .pin .tag-txt {
  fill: #ffffff;
}
[data-current-page=global] .global-map-section .japan:hover path, [data-current-page=global] .global-map-section .china:hover path, [data-current-page=global] .global-map-section .Australia:hover path, [data-current-page=global] .global-map-section .middleEast:hover path, [data-current-page=global] .global-map-section .Europe:hover path, [data-current-page=global] .global-map-section .southAsia:hover path, [data-current-page=global] .global-map-section .northAmeria:hover path, [data-current-page=global] .global-map-section .active.japan path, [data-current-page=global] .global-map-section .active.china path, [data-current-page=global] .global-map-section .active.Australia path, [data-current-page=global] .global-map-section .active.middleEast path, [data-current-page=global] .global-map-section .active.Europe path, [data-current-page=global] .global-map-section .active.southAsia path, [data-current-page=global] .global-map-section .active.northAmeria path {
  fill: #94B8FF;
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-map-section .japan .pin .tag, [data-current-page=global] .global-map-section .china .pin .tag, [data-current-page=global] .global-map-section .Australia .pin .tag, [data-current-page=global] .global-map-section .middleEast .pin .tag, [data-current-page=global] .global-map-section .Europe .pin .tag, [data-current-page=global] .global-map-section .southAsia .pin .tag, [data-current-page=global] .global-map-section .northAmeria .pin .tag {
    display: none;
  }
  [data-current-page=global] .global-map-section .active.japan .tag, [data-current-page=global] .global-map-section .active.china .tag, [data-current-page=global] .global-map-section .active.Australia .tag, [data-current-page=global] .global-map-section .active.middleEast .tag, [data-current-page=global] .global-map-section .active.Europe .tag, [data-current-page=global] .global-map-section .active.southAsia .tag, [data-current-page=global] .global-map-section .active.northAmeria .tag {
    display: none !important;
  }
}
@media screen and (max-width: 600px) and (hover: hover) {
  [data-current-page=global] .global-map-section .japan:hover .pin .tag, [data-current-page=global] .global-map-section .china:hover .pin .tag, [data-current-page=global] .global-map-section .Australia:hover .pin .tag, [data-current-page=global] .global-map-section .middleEast:hover .pin .tag, [data-current-page=global] .global-map-section .Europe:hover .pin .tag, [data-current-page=global] .global-map-section .southAsia:hover .pin .tag, [data-current-page=global] .global-map-section .northAmeria:hover .pin .tag, [data-current-page=global] .global-map-section .japan:focus .pin .tag, [data-current-page=global] .global-map-section .china:focus .pin .tag, [data-current-page=global] .global-map-section .Australia:focus .pin .tag, [data-current-page=global] .global-map-section .middleEast:focus .pin .tag, [data-current-page=global] .global-map-section .Europe:focus .pin .tag, [data-current-page=global] .global-map-section .southAsia:focus .pin .tag, [data-current-page=global] .global-map-section .northAmeria:focus .pin .tag {
    display: block;
  }
}
[data-current-page=global] .global-values-desc {
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  color: #555555;
  text-align: right;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
[data-current-page=global] .global-values-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
  padding: 2.8rem 0.9523809524em;
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .global-values-section {
    font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-values-section {
    font-size: max(3.4rem, 5.20833vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-values-section {
    font-size: max(3.4rem, 5.20833vw);
  }
}
[data-current-page=global] .global-values-section .values-summery {
  display: flex;
  gap: 0.9523809524em;
  align-items: center;
}
[data-current-page=global] .global-values-section .values-summery .tit {
  margin-bottom: 0.2631578947em;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .global-values-section .values-summery .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-values-section .values-summery .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-values-section .values-summery .tit {
    font-size: 1.8rem;
  }
}
[data-current-page=global] .global-values-section .values-summery .num {
  display: block;
  font-weight: 700;
  line-height: 1 !important;
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .global-values-section .values-summery .num {
    font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-values-section .values-summery .num {
    font-size: max(3.4rem, 5.20833vw);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-values-section .values-summery .num {
    font-size: max(3.4rem, 5.20833vw);
  }
}
[data-current-page=global] .global-values-section .values-elect-list {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 3.5294117647em;
  border-left: 1px solid #D8D8D8;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .global-values-section .values-elect-list {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-values-section .values-elect-list {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-values-section .values-elect-list {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=global] .global-values-section .values-elect-list {
    padding-left: 1.7647058824em;
  }
}
[data-current-page=global] .global-values-section .values-elect-list li {
  display: flex;
  gap: 0.5882352941em;
  justify-content: space-between;
  margin-bottom: 0.2352941176em;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .global-values-section .values-elect-list li {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-values-section .values-elect-list li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-values-section .values-elect-list li {
    font-size: 1.6rem;
  }
}
[data-current-page=global] .global-values-section .values-elect-list li:last-child {
  margin-bottom: 0;
}
[data-current-page=global] .global-values-section .values-elect-list li strong {
  color: #1D1D1D;
}
[data-current-page=global] .global-content-section .content-tab-wrap {
  position: relative;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
[data-current-page=global] .global-content-section .content-desc-wrap {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  margin-bottom: 1.2rem;
  text-align: right;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=global] .global-content-section .content-desc-wrap {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-content-section .content-desc-wrap {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-content-section .content-desc-wrap {
    font-size: 1.6rem;
  }
}
[data-current-page=global] .global-content-section .content-desc-wrap .marks {
  display: flex;
  column-gap: 1.6rem;
  row-gap: 0;
  justify-content: flex-end;
  margin-bottom: 0.3rem;
  width: 100%;
}
[data-current-page=global] .global-content-section .content-desc-wrap .marks li {
  display: flex;
  gap: 0.5882352941em;
  align-items: center;
}
[data-current-page=global] .global-content-section .content-desc-wrap .desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
[data-current-page=global] .global-content-section .content-list-wrap {
  display: grid;
  gap: 1.6rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=global] .global-content-section .content-desc-wrap {
    top: 100%;
    transform: translateY(clamp(2rem, 18px + 0.3125vmax, 2.4rem));
    margin-bottom: 0;
  }
  [lang=en] [data-current-page=global] .global-content-section .content-list {
    padding-top: calc(clamp(2rem, 18px + 0.3125vmax, 2.4rem) + 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=global] .global-values-desc {
    margin-top: -0.4rem;
    margin-bottom: 0;
    text-align: center;
  }
  [data-current-page=global] .global-values-section {
    margin-bottom: 3rem;
    gap: 1.6rem;
    flex-direction: column;
    padding: 2.4rem;
  }
  [data-current-page=global] .global-values-section .values-summery {
    gap: 2rem;
    flex-wrap: wrap;
  }
  [data-current-page=global] .global-values-section .values-summery li {
    max-width: 100%;
  }
  [data-current-page=global] .global-values-section .values-summery .num {
    letter-spacing: 0;
  }
  [data-current-page=global] .global-values-section .values-elect-list {
    padding-top: 1.6rem;
    padding-left: 0;
    border-top: 1px solid #D8D8D8;
    border-left: none;
  }
  [data-current-page=global] .global-content-section .content-tab-wrap {
    margin-bottom: 3rem;
  }
  [data-current-page=global] .global-content-section .content-desc-wrap {
    position: relative;
    top: unset;
    right: unset;
    transform: none;
    margin-top: 3rem;
    margin-bottom: 1.2rem;
    text-align: left;
  }
  [data-current-page=global] .global-content-section .content-desc-wrap .marks {
    justify-content: flex-start;
    margin-bottom: 0.8rem;
  }
  [data-current-page=global] .global-content-section .content-list-wrap {
    gap: 1.2rem;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=global] .global-content-section .content-tab-wrap {
    margin-bottom: 0;
  }
  [data-current-page=global] .global-content-section .content-desc-wrap {
    text-align: right;
  }
  [data-current-page=global] .global-content-section .content-desc-wrap .marks {
    justify-content: flex-end;
    flex-wrap: wrap;
  }
  [data-current-page=global] .global-map-section {
    min-height: 21rem;
    height: 56vw;
    aspect-ratio: initial;
  }
}

[data-current-page=orgchart] .orgchart {
  width: 100%;
}
[data-current-page=orgchart] .orgchart .part-center .btn-fit:hover::after, [data-current-page=orgchart] .orgchart .outlink:hover::after, [data-current-page=orgchart] .orgchart .box__white button:hover::after {
  opacity: 1;
}
[data-current-page=orgchart] .orgchart .part-center .btn-fit:active, [data-current-page=orgchart] .orgchart .outlink:active, [data-current-page=orgchart] .orgchart .box__white button:active {
  background-color: #D8D8D8;
}
[data-current-page=orgchart] .orgchart .part-center .btn-fit:disabled, [data-current-page=orgchart] .orgchart .outlink:disabled, [data-current-page=orgchart] .orgchart .box__white button:disabled {
  color: #8E8E8E;
  background-color: transparent;
}
[data-current-page=orgchart] .orgchart .box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.6rem;
  overflow: hidden;
  z-index: 2;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=orgchart] .orgchart .box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] .orgchart .box {
    font-size: 1.6rem;
  }
}
[data-current-page=orgchart] .orgchart .box__gray {
  padding: 1.3rem 0;
  width: 100%;
  background-color: #F0F0F0;
  color: #1D1D1D;
  border: 1px solid #D8D8D8;
}
[data-current-page=orgchart] .orgchart .box__gray:not(:disabled):hover {
  background-color: #E4E4E4;
}
[data-current-page=orgchart] .orgchart .box__gray:not(:disabled):active {
  background-color: #D8D8D8;
}
[data-current-page=orgchart] .orgchart .box__gray:disabled {
  cursor: default;
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=orgchart] .orgchart .box__gray {
    padding: 1.3rem 1rem;
  }
}
[data-current-page=orgchart] .orgchart .box__blue {
  padding: 1.5rem 1rem;
  width: 100%;
  color: #0038A3;
  background-color: #D1E1FF;
}
[data-current-page=orgchart] .orgchart .box__blue:hover {
  background-color: #94B8FF;
}
[data-current-page=orgchart] .orgchart .box__blue:active {
  color: #001130;
  background-color: #3379FF;
}
[data-current-page=orgchart] .orgchart .box__blue:disabled {
  color: #8E8E8E;
  background-color: #E4E4E4;
}
[data-current-page=orgchart] .orgchart .box__white {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  background-color: #ffffff;
  color: #1D1D1D;
  border: 1px solid #E4E4E4;
  height: 24.9rem;
}
[data-current-page=orgchart] .orgchart .box__white button {
  position: relative;
  display: block;
  width: fit-content;
  color: #1D1D1D;
}
[data-current-page=orgchart] .orgchart .box__white button::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 0.15em 0.25em;
  background-color: #E4E4E4;
  border-radius: 0.6rem;
  z-index: -1;
  opacity: 0;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .box__white {
    padding: 1.8rem;
    height: auto;
    min-height: fit-content;
  }
}
[data-current-page=orgchart] .orgchart .line-left {
  position: relative;
}
[data-current-page=orgchart] .orgchart .line-left::after {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 50%;
  height: 1px;
}
[data-current-page=orgchart] .orgchart .line-right {
  position: relative;
}
[data-current-page=orgchart] .orgchart .line-right::after {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 50%;
  right: 0;
  width: 50%;
  height: 1px;
}
[data-current-page=orgchart] .orgchart .line-top {
  position: relative;
}
[data-current-page=orgchart] .orgchart .line-top::after {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 1px;
  height: 50%;
}
[data-current-page=orgchart] .orgchart .line-top--before::before {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 1px;
  height: 50%;
}
[data-current-page=orgchart] .orgchart .line-bottom {
  position: relative;
}
[data-current-page=orgchart] .orgchart .line-bottom::after {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 50%;
}
[data-current-page=orgchart] .orgchart .line--vertical {
  position: relative;
}
[data-current-page=orgchart] .orgchart .line--vertical::after {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
}
[data-current-page=orgchart] .orgchart .line--vertical:has(button)::before {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 50%;
  left: calc(50% - 0.5rem);
  width: 0.6rem;
  height: 1px;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .line--vertical:has(button)::before {
    width: 1.2rem;
    left: calc(50% - 1.1rem);
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] .orgchart .line--vertical:has(button)::before {
    left: calc(50% - 0.5rem);
    width: 0.6rem;
  }
}
[data-current-page=orgchart] .orgchart .line--vertical button {
  position: relative;
  text-align: right;
  font-size: 1.5rem;
  line-height: 1.3;
  margin-right: 0.8rem;
}
[data-current-page=orgchart] .orgchart .outlink {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[data-current-page=orgchart] .orgchart .outlink::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 0.15em 0.25em;
  background-color: #E4E4E4;
  border-radius: 0.6rem;
  z-index: -1;
  opacity: 0;
}
[data-current-page=orgchart] .orgchart .outlink span {
  color: #1D1D1D;
}
[data-current-page=orgchart] .orgchart .outlink i {
  width: 1.6rem;
  height: 1.6rem;
  fill: #1D1D1D;
  color: #1D1D1D;
}
[data-current-page=orgchart] .orgchart .outlink i svg {
  width: 100%;
  height: 100%;
  fill: #1D1D1D;
}
[data-current-page=orgchart] .orgchart .outlink i svg path {
  fill: #1D1D1D;
  color: #1D1D1D;
}
[data-current-page=orgchart] .orgchart [data-device=only-web] {
  display: block !important;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart [data-device=only-web] {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .mo-height-100 {
    height: 100% !important;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .mo-height-fitcontent {
    height: fit-content !important;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .mo-height-242 {
    height: 24.2rem !important;
  }
}
[data-current-page=orgchart] .orgchart .ceo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.2rem;
  height: 13.2rem;
  background-color: #0045C9;
  border-radius: 50%;
  margin: 0 auto;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=orgchart] .orgchart .ceo {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .ceo {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] .orgchart .ceo {
    font-size: 1.8rem;
  }
}
[lang=en] [data-current-page=orgchart] .orgchart .ceo {
  border-radius: max(0.6rem, 0.41666vw);
}
[data-current-page=orgchart] .orgchart .ceo:hover {
  background-color: #0038A3;
}
[data-current-page=orgchart] .orgchart .ceo:active {
  background-color: #002B7D;
}
[data-current-page=orgchart] .orgchart .ceo:disabled {
  background-color: #E4E4E4;
  color: #8E8E8E;
}
[data-current-page=orgchart] .orgchart .secretary-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 50%;
  padding: 1.6rem 0;
  margin: 0 0 0 auto;
}
[data-current-page=orgchart] .orgchart .secretary-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #D8D8D8;
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=orgchart] .orgchart .secretary-container {
    margin: 0 auto 0 0;
  }
  [lang=en] [data-current-page=orgchart] .orgchart .secretary-container::after {
    left: unset;
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] [data-current-page=orgchart] .orgchart .secretary-container {
    flex-direction: row;
  }
}
[data-current-page=orgchart] .orgchart .secretary button {
  min-width: 12.8rem;
}
[data-current-page=orgchart] .orgchart .secretary-01 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.8rem;
  width: fit-content;
  flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=orgchart] .orgchart .secretary-01 {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    white-space: pre;
  }
}
[data-current-page=orgchart] .orgchart .secretary-01 > * {
  padding-left: 1.6rem;
}
[data-current-page=orgchart] .orgchart .secretary-02 > div:first-of-type {
  padding-bottom: 0.8rem;
}
[data-current-page=orgchart] .orgchart .part-container {
  position: relative;
  justify-content: space-between;
  display: flex;
}
[data-current-page=orgchart] .orgchart .part-container > * {
  flex-basis: 11.981%;
  flex-shrink: 0;
  width: 11.981%;
}
[data-current-page=orgchart] .orgchart .part-container > *.col-2 {
  flex-basis: 24.5283%;
}
[data-current-page=orgchart] .orgchart .part-container > *.col-3 {
  flex-basis: 36.7925%;
}
[data-current-page=orgchart] .orgchart .part-container:after {
  position: absolute;
  content: "";
  top: 0;
  left: 5.9433%;
  width: 81.698%;
  height: 1px;
  background-color: #D8D8D8;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-container:after {
  width: 75.7%;
  left: 12.3%;
}
[data-current-page=orgchart] .orgchart .part-top {
  padding-top: 1.8rem;
  padding-bottom: 1.2rem;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-top.line-top--before {
  position: relative;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-top.line-top--before::before {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  z-index: 1;
  top: 0;
  left: 50%;
  width: 1px;
  height: 50%;
}
@media screen and (min-width: 1025px) {
  [lang=en] [data-current-page=orgchart] .orgchart .part-top .box {
    min-height: 12.8rem;
  }
}
[data-current-page=orgchart] .orgchart .part-center {
  display: flex;
  width: 100%;
  height: 6.4rem;
  gap: 0.6rem;
}
[data-current-page=orgchart] .orgchart .part-center > * {
  width: 50%;
  height: 6.4rem;
}
[data-current-page=orgchart] .orgchart .part-center > *:has(button) {
  padding-top: 1.2rem;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-center {
  height: auto;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-center > * {
  width: 100%;
  height: auto;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-center.col-3 > div {
  width: 33.3%;
}
[lang=en] [data-current-page=orgchart] .orgchart .part-center.col-2 > div {
  width: 50%;
}
[data-current-page=orgchart] .orgchart .part-center.line-horizontal {
  position: relative;
}
[data-current-page=orgchart] .orgchart .part-center.line-horizontal::after {
  content: "";
  position: absolute;
  width: 51.153846%;
  height: 1px;
  top: 0;
  left: 24.7%;
  background-color: #D8D8D8;
}
[data-current-page=orgchart] .orgchart .part-center.line-horizontal.col-3::after {
  width: 67.753846%;
  left: 16.2%;
}
[data-current-page=orgchart] .orgchart .part-center .center-btn {
  text-align: right;
}
[data-current-page=orgchart] .orgchart .part-center .btn-fit {
  text-align: center;
  border-radius: 0.6rem;
  color: #555555 !important;
}
[data-current-page=orgchart] .orgchart .part-bottom {
  padding-top: 1.2rem;
}
[data-current-page=orgchart] .orgchart .part-bottom.col-2 {
  display: flex;
  gap: 0.6rem;
  padding-top: 0;
}
[data-current-page=orgchart] .orgchart .part-bottom.col-2 > * {
  width: calc(50% - 0.3rem);
  padding-top: 1.2rem;
}
[data-current-page=orgchart] .orgchart .part-bottom.col-3 {
  display: flex;
  gap: 0.6rem;
  padding-top: 0;
}
[data-current-page=orgchart] .orgchart .part-bottom.col-3 > * {
  width: calc(33.3% - 0.3rem);
  padding-top: 1.2rem;
}
[data-current-page=orgchart] .orgchart .part-bottom .part-list {
  display: flex;
  flex-direction: column;
  align-items: center;
}
[data-current-page=orgchart] .orgchart .part-bottom .part-list li {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  color: #555555;
}
[data-current-page=orgchart] .orgchart .part-bottom .part-list li:not(:last-child) {
  margin-bottom: 0.5333333333em;
}
[data-current-page=orgchart] .orgchart .part-bottom .box:nth-child(2) {
  margin-top: 1.2rem;
}
[data-current-page=orgchart] .orgchart.bottom-section {
  display: flex;
  margin-top: 2.4rem;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap {
  flex-shrink: 0;
  height: fit-content;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) {
  width: 16.98113%;
  height: initial;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .wrap, [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .box {
  height: 100%;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .wrap:hover, [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .wrap:active, [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .wrap:disabled, [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .box:hover, [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .box:active, [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(1) .box:disabled {
  background-color: #F0F0F0;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) {
  width: 81.69811%;
  padding-left: 1.509433%;
  flex-grow: 1;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box {
  padding: 1.8rem 2.4rem;
  height: fit-content;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul li {
  display: flex;
  gap: 0.02em;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul li:not(:last-child):after {
  content: ", ";
  margin-bottom: -1px;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul a {
  position: relative;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -0.01em;
  border-radius: 0.6rem;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 0.15em 0.25em;
  padding: 0.15em 0.25em;
  background-color: #E4E4E4;
  border-radius: 0.6rem;
  z-index: -1;
  opacity: 0;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul a:hover::after {
  opacity: 1;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul a:active {
  background-color: #D8D8D8;
}
[data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) .box ul a:disabled {
  color: #8E8E8E;
  background-color: transparent;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] .orgchart .secretary-container {
    margin: 0;
    flex-direction: row-reverse;
    width: 100%;
  }
  [data-current-page=orgchart] .orgchart .secretary-container::after {
    left: 50%;
  }
  [data-current-page=orgchart] .orgchart .secretary-01, [data-current-page=orgchart] .orgchart .secretary-02 {
    width: 46.5%;
    margin: 0;
  }
  [data-current-page=orgchart] .orgchart .secretary-01 {
    width: 50%;
  }
  [data-current-page=orgchart] .orgchart .secretary-01 > * {
    padding-left: 11.84573%;
  }
  [data-current-page=orgchart] .orgchart .part-container {
    flex-wrap: wrap;
    padding: 1.6rem;
    border-radius: 0.6rem;
    border: 1px solid #D8D8D8;
  }
  [data-current-page=orgchart] .orgchart .part-container > * {
    flex-basis: 100%;
    flex-shrink: 0;
    width: 100%;
  }
  [data-current-page=orgchart] .orgchart .part-container > *.col-2, [data-current-page=orgchart] .orgchart .part-container > *.col-3 {
    flex-basis: 100%;
  }
  [data-current-page=orgchart] .orgchart .part-container:after {
    display: none;
  }
  [data-current-page=orgchart] .orgchart .part-wrap:not(:last-child) {
    margin-bottom: 2rem;
  }
  [data-current-page=orgchart] .orgchart .part-wrap:not(:last-child) .line--vertical button {
    margin-right: 6.269%;
  }
  [data-current-page=orgchart] .orgchart .part-wrap:last-child .part-center .line--vertical button {
    width: 50%;
    text-align: right;
    padding-right: 6.269%;
  }
  [data-current-page=orgchart] .orgchart .part-wrap:last-child .part-bottom .line-top:after {
    height: 30%;
  }
  [data-current-page=orgchart] .orgchart .part-top {
    padding-top: 0;
  }
  [data-current-page=orgchart] .orgchart .part-top.not-m-pb {
    padding-bottom: 0;
  }
  [data-current-page=orgchart] .orgchart .part-center.line-horizontal::after {
    width: 50.4%;
    left: 24.9%;
  }
  [data-current-page=orgchart] .orgchart .part-center.line-horizontal.col-3::after {
    width: 67.5%;
    left: 16.3%;
  }
  [data-current-page=orgchart] .orgchart .part-bottom .box:nth-child(2) {
    margin-top: 0.8rem;
  }
  [data-current-page=orgchart] .orgchart.bottom-section {
    flex-direction: column;
  }
  [data-current-page=orgchart] .orgchart.bottom-section .wrap {
    width: 100% !important;
  }
  [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2) {
    padding: 0;
    padding-top: 0.8rem;
  }
  [data-current-page=orgchart] .orgchart.bottom-section .wrap:nth-child(2):after {
    top: 0;
    left: 50%;
    height: 30%;
    width: 1px;
  }
}
@media screen and (max-width: 420px) {
  [data-current-page=orgchart] .orgchart .part-container .part-top::after {
    left: 49.5%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-center.col-3 > *:nth-of-type(1) {
    width: 35%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-center.col-3 > *:nth-of-type(2) {
    width: 25%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-center.col-3 > *:nth-of-type(3) {
    width: 35%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-center.line-horizontal.col-3::after {
    width: 64%;
    left: 17.4%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-bottom.col-3 > *:nth-of-type(1) {
    width: 35%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-bottom.col-3 > *:nth-of-type(2) {
    width: 25%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-bottom.col-3 > *:nth-of-type(3) {
    width: 35%;
  }
  [data-current-page=orgchart] .orgchart .part-container .part-wrap:nth-child(4) .part-top::after {
    left: 50%;
  }
}
@media screen and (max-width: 340px) {
  [data-current-page=orgchart] .orgchart .part-container .part-center.line-horizontal.col-3::after {
    width: 65.5%;
    left: 17.2%;
  }
}
[data-current-page=orgchart] #orgchart-dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  opacity: 0;
}
[data-current-page=orgchart] #orgchart-dimmed.show {
  display: block;
}
[data-current-page=orgchart] #orgchart-modal-wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: calc(9999 + 1);
  width: calc(100% - 4rem);
  max-width: 62.8rem;
  height: fit-content;
  transform: translate(-50%, -50%);
  opacity: 0;
}
[data-current-page=orgchart] #orgchart-modal-wrap.show {
  display: block;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 3.2rem;
  height: fit-content;
  background: #ffffff;
  transform: translate(-50%, -50%);
  border-radius: max(0.6rem, 0.41666vw);
  max-height: 90vh;
  overflow-y: auto;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal::-webkit-scrollbar {
  width: 4px;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal::-webkit-scrollbar-thumb {
  background-color: #D8D8D8;
  border-radius: 4px;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal .icon {
  display: block;
  width: 3.2rem;
  height: 3.2rem;
  padding: 0.7rem;
  border-radius: 0.6rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal .icon img, [data-current-page=orgchart] #orgchart-modal-wrap .modal .icon svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal {
    padding: 2rem;
    max-width: 40rem;
    max-height: 80vh;
  }
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .icon {
  margin: 0 0 0 auto;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-contents-container {
  margin-top: -2.3rem;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .img-box {
  display: block;
  width: 37.93103%;
  aspect-ratio: 1/1;
  border-radius: 0.6rem;
  overflow: hidden;
  background: url(../images/pages/esg/governance/esg_directors_bg.png) no-repeat center/cover;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .img-box.empty {
  background: #EFF5FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .img-box.empty span {
  color: #94B8FF;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box {
  pointer-events: none;
  margin-top: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box.display-col {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box .name {
  color: #1D1D1D;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .name-box .rank {
  color: #717171;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap {
  margin-top: 2.4rem;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box:last-child {
  margin-bottom: 0;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box .legend {
  font-weight: 700 !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box .legend {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box .legend {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box .legend {
    font-size: 1.6rem;
  }
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box .table-container {
  width: 80.45977%;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .title-wrap, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .title-wrap, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .title-wrap {
  display: flex;
  justify-content: space-between;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .title-wrap .title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .title-wrap .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .title-wrap .title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .title-wrap .title, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .title-wrap .title {
    font-size: 2.1rem;
  }
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .dot-txt-list, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .dot-txt-list, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .dot-txt-list {
  gap: 0;
  margin-top: 2.4rem;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .dot-txt-list .dot-txt, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .dot-txt-list .dot-txt, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .dot-txt-list .dot-txt {
  color: #1B1B1B;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .dot-txt-list .dot-txt::before, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .dot-txt-list .dot-txt::before, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .dot-txt-list .dot-txt::before {
  background-color: #1B1B1B;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .table-container, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .table-container, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .table-container {
  margin-top: 2.4rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] th {
    width: 30%;
  }
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .icon {
  position: absolute;
  right: 3.2rem;
  top: 3.2rem;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .profile-img-wrap {
  display: flex;
  align-items: center;
  gap: 3.2rem;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .img-box {
  display: block;
  width: 37.93103%;
  aspect-ratio: 1/1;
  border-radius: 0.6rem;
  overflow: hidden;
  background: url(../images/pages/esg/governance/esg_directors_bg.png) no-repeat center/cover;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .img-box.empty {
  background: #EFF5FF;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .img-box.empty span {
  color: #94B8FF;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .name-box {
  display: flex;
  flex-direction: column;
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .name-box .name {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
[data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .name-box .rank {
  padding-top: 0.4rem;
  color: #717171;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-contents-container {
    margin-top: -4.3rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap {
    flex-direction: column-reverse;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-img-wrap .img-box {
    width: 100%;
    aspect-ratio: 1/1;
    margin-top: 1.2rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box {
    flex-wrap: wrap;
    gap: 0.8rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .table-box .table-container {
    width: 100%;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=profile] .profile-info-wrap .legend {
    width: 100%;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] table, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] table, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] table {
    font-size: 1.5rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .dot-txt-list, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .dot-txt-list, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .dot-txt-list {
    margin-top: 1.6rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-A] .table-container, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] .table-container, [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=text] .table-container {
    margin-top: 1.6rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=table-B] table colgroup col {
    width: 50%;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .icon {
    position: absolute;
    right: 2rem;
    top: 2rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .profile-img-wrap {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 1.2rem;
  }
  [data-current-page=orgchart] #orgchart-modal-wrap .modal-inner[data-type=en] .profile-img-wrap .img-box {
    width: 100%;
    aspect-ratio: 1/1;
  }
}

/* esg 특화 공통 스타일 */
.esg-container-tit-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.esg-container-tit-large {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6.4rem, 4.1667vw, 8rem);
}
@media screen and (max-width: 1440px) {
  .esg-container-tit-large {
    font-size: clamp(6.4rem, 4.1667vw, 8rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-container-tit-large {
    font-size: min(6.4rem, 9.2307vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-container-tit-large {
    font-size: min(6.4rem, 9.2307vw);
  }
}
.esg-container-tit-large + .esg-container-desc {
  margin-top: 4rem;
}
.esg-container-tit-large b {
  color: #00A040;
}

.esg-container-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  .esg-container-tit {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-container-tit {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-container-tit {
    font-size: min(6rem, 7.6923vw);
  }
}
.esg-container-tit + .esg-container-desc {
  margin-top: 4rem;
}

.esg-container-sub-tit {
  color: #00A040;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .esg-container-sub-tit {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-container-sub-tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-container-sub-tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
.esg-container-sub-tit + .esg-container-tit {
  margin-top: 2.4rem;
}

.esg-container-desc {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .esg-container-desc {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-container-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  .esg-container-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}

.esg-box-list {
  margin-top: clamp(2.8rem, 3.33333vmax, 6.4rem);
}

.esg-box-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .esg-box-tit {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-box-tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-box-tit {
    font-size: min(2.4rem, 5.641vw);
  }
}

.esg-box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .esg-box {
    padding: 2.4rem;
  }
}
.esg-box {
  border: 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (max-width: 1024px) {
  .esg-box {
    height: auto;
    gap: 1.6rem;
    padding: 2.4rem 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .esg-box {
    padding: 2rem 2.4rem;
  }
}
.esg-box .top-box {
  display: flex;
  justify-content: space-between;
  gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .esg-box .top-box br {
    display: none;
  }
}
.esg-box .tit-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.esg-box .sub-tit {
  padding-top: 0.2666666667em;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .esg-box .sub-tit {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .esg-box .sub-tit {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .esg-box .sub-tit {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
.esg-box .icon {
  width: 7.2rem;
  height: 7.2rem;
}
@media screen and (max-width: 1024px) {
  .esg-box .icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.esg-box .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.esg-box .bottom-box {
  display: flex;
  gap: 0.8rem;
  align-items: baseline;
}
@media screen and (max-width: 600px) {
  .esg-box .bottom-box {
    gap: 0.4rem;
  }
}
.esg-box .bottom-box .num {
  color: #00A040;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(6rem, 3.75vw, 7.2rem);
}
@media screen and (max-width: 1440px) {
  .esg-box .bottom-box .num {
    font-size: clamp(6rem, 3.75vw, 7.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-box .bottom-box .num {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-box .bottom-box .num {
    font-size: min(6rem, 7.6923vw);
  }
}
.esg-box .bottom-box .num {
  font-weight: 500;
}
.esg-box .bottom-box .unit {
  color: #00A040;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .esg-box .bottom-box .unit {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .esg-box .bottom-box .unit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-box .bottom-box .unit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .esg-box .bottom-box .unit {
    font-size: 1.5rem;
  }
}

.more-btn-wrap {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 600px) {
  .more-btn-wrap .btn {
    width: 100%;
  }
}

.section-slogan {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 10;
}
.section-slogan .visual {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.section-slogan .slogan-container {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.section-slogan .slogan-text-wrap {
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-text-wrap {
    height: 100%;
  }
}
.section-slogan .slogan-word {
  padding-bottom: 1em;
  color: #00A040;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .section-slogan .slogan-word {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-word {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-word {
    font-size: min(2.2rem, 5.128vw);
  }
}
.section-slogan .slogan-title {
  display: flex;
  flex-direction: column;
  row-gap: 0.4rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(7.2rem, 5vw, 9.6rem);
}
@media screen and (max-width: 1440px) {
  .section-slogan .slogan-title {
    font-size: clamp(7.2rem, 5vw, 9.6rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-title {
    font-size: min(7.2rem, 9.2307vw);
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-title {
    font-size: min(7.2rem, 9.2307vw);
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-title {
    row-gap: 0.6rem;
  }
}
.section-slogan .slogan-title span {
  position: relative;
  display: block;
  opacity: 0.2;
  transition: opacity 0.3s;
}
.section-slogan .slogan-title span.active {
  opacity: 1;
}
.section-slogan .slogan-text {
  padding-top: 2em;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .section-slogan .slogan-text {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-text {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-text {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
.section-slogan .slogan-text br.mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-text {
    padding-top: 1.5454545455em;
    word-break: break-all;
  }
  .section-slogan .slogan-text br.pc {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-text {
    padding-top: 1.6470588235em;
  }
  .section-slogan .slogan-text br.mo {
    display: block;
  }
}
@media screen and (max-width: 326px) {
  .section-slogan .slogan-text br.mo {
    display: none;
  }
}
.section-slogan .slogan-line {
  position: absolute;
  width: 100%;
}
@media screen and (min-width: 1025px) {
  .section-slogan .slogan-line {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-line {
    height: auto;
    padding-bottom: 4vh;
    bottom: 0;
    left: -8%;
  }
  .section-slogan .slogan-line svg {
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-line {
    height: auto;
    left: -17%;
    width: 115%;
  }
}
.section-slogan .slogan-line svg {
  width: 100%;
}
.section-slogan .slogan-line .tablet,
.section-slogan .slogan-line .mo {
  display: none;
}
.section-slogan .slogan-line .pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .section-slogan .slogan-line .pc,
  .section-slogan .slogan-line .mo {
    display: none;
  }
  .section-slogan .slogan-line .tablet {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .section-slogan .slogan-line .pc,
  .section-slogan .slogan-line .tablet {
    display: none;
  }
  .section-slogan .slogan-line .mo {
    display: block;
  }
}
.section-slogan .tl-slogan .tl-slogan-text-1,
.section-slogan .tl-slogan .tl-slogan-text-2,
.section-slogan .tl-slogan .tl-slogan-text-3 {
  width: 100%;
}

/* ESG feature */
.section-feature {
  position: relative;
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  z-index: 9;
  background-color: #ffffff;
}
.section-feature .esg-feature-con {
  display: flex;
  flex-direction: column;
  gap: clamp(7.2rem, 8.33333vmax, 16rem);
}
.section-feature .esg-feature-item .tit-box .esg-container-tit {
  position: sticky;
  top: calc(7rem + 10.6rem);
  left: 0;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  .section-feature .esg-feature-item .tit-box .esg-container-tit {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .tit-box .esg-container-tit {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  .section-feature .esg-feature-item .tit-box .esg-container-tit {
    font-size: min(6rem, 7.6923vw);
  }
}
.section-feature .esg-feature-item .con-box {
  display: flex;
  flex-direction: column;
  gap: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
.section-feature .esg-feature-item .con-item {
  display: flex;
  flex-direction: column;
}
.section-feature .esg-feature-item .info-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.section-feature .esg-feature-item .info-box .num {
  color: #00A040;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .section-feature .esg-feature-item .info-box .num {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .info-box .num {
    font-size: min(1.8rem, 4.1026vw);
  }
}
@media screen and (max-width: 600px) {
  .section-feature .esg-feature-item .info-box .num {
    font-size: min(1.8rem, 4.1026vw);
  }
}
.section-feature .esg-feature-item .info-box .tit {
  color: #000000;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .section-feature .esg-feature-item .info-box .tit {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .info-box .tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .section-feature .esg-feature-item .info-box .tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
.section-feature .esg-feature-item .info-box .txt {
  color: #000000;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .section-feature .esg-feature-item .info-box .txt {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .info-box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .section-feature .esg-feature-item .info-box .txt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.section-feature .esg-feature-item .info-box .txt.custom-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .section-feature .esg-feature-item .info-box .txt.custom-txt {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .info-box .txt.custom-txt {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  .section-feature .esg-feature-item .info-box .txt.custom-txt {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
.section-feature .esg-feature-item .img-box {
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
}
.section-feature .esg-feature-item .img-box img {
  display: block;
  width: 100%;
}
.section-feature .esg-feature-item .con-item.custom-gap {
  gap: 0;
}
.section-feature .esg-feature-item .con-item.custom-gap .board-list-container {
  margin-top: 4rem;
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .con-item.custom-gap .board-list-container {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}
.section-feature .esg-feature-item .con-item.custom-gap .board-list-row .board-title strong {
  white-space: wrap;
  text-overflow: initial;
  word-break: break-all;
}
@media screen and (min-width: 1025px) {
  .section-feature .esg-feature-item .con-item.custom-gap .board-list-row .board-title strong {
    text-align: center;
  }
}
.section-feature .esg-feature-item .con-item.custom-gap .pagination {
  margin-top: 4rem;
}
.section-feature .esg-feature-item .feature-card-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .section-feature .esg-feature-item .feature-card-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.2rem;
  }
}
.section-feature .esg-feature-item .feature-card-list .card.board .card-top-box {
  border-bottom: 0;
  padding: 2.4rem;
}
.section-feature .esg-feature-item .feature-card-list .card.board .title {
  white-space: wrap;
}
@media screen and (min-width: 1025px) {
  .section-feature .esg-feature-item .feature-card-list .card.board .title {
    word-break: break-all;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 1024px) {
  .section-feature {
    padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  .section-feature .esg-feature-con {
    gap: clamp(8.8rem, 10.41667vmax, 20rem);
  }
  .section-feature .esg-feature-item {
    row-gap: 0;
    width: 100%;
  }
  .section-feature .esg-feature-item .con-box {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
    gap: clamp(5.2rem, 6.25vmax, 12rem);
  }
  .section-feature .esg-feature-item .info-box {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.6rem;
  }
  .section-feature .esg-feature-item .tbl-box colgroup col:first-child {
    width: 96px;
  }
}

main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap[data-index="0"] .slogan-title span:nth-child(1) {
  opacity: 1;
}
main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap[data-index="0"] .slogan-title span:nth-child(1) .slogan-title-left-img {
  opacity: 1;
  transform: translateY(-50%);
}
main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap[data-index="1"] .slogan-title span:nth-child(2) {
  opacity: 1;
}
main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap[data-index="1"] .slogan-title span:nth-child(2) .slogan-title-left-img {
  opacity: 1;
  transform: translateY(-50%);
}
main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap[data-index="2"] .slogan-title span:nth-child(3) {
  opacity: 1;
}
main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap[data-index="2"] .slogan-title span:nth-child(3) .slogan-title-left-img {
  opacity: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap .inner .row {
    margin-left: -2rem;
  }
}
@media screen and (min-width: 1025px) {
  [lang=en] main[data-current-page=esgoverview] .section-slogan .slogan-title {
    font-size: clamp(7.2rem, 4.5vw, 9rem);
  }
}
main[data-current-page=esgoverview] .section-slogan .slogan-title-left-img {
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  left: max(-11.3541666667vw, -21.8rem);
  width: min(11.3541666667vw, 21.8rem);
  height: min(11.3541666667vw, 21.8rem);
  opacity: 0;
  transition: ease 0.5s;
}
main[data-current-page=esgoverview] .section-slogan .slogan-title-left-img img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-slogan .slogan-title-left-img {
    left: -7.6rem;
    width: 7.6rem;
    height: 7.6rem;
  }
}
main[data-current-page=esgoverview] .section-slogan .slogan-text-wrap {
  height: auto;
}
main[data-current-page=esgoverview] .section-slogan .slogan-line svg {
  height: auto;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-slogan .slogan-line {
    top: 0;
    width: auto;
    padding-bottom: 0;
  }
  main[data-current-page=esgoverview] .section-slogan .slogan-line svg {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-slogan .slogan-line {
    left: -15%;
    right: -15%;
  }
  main[data-current-page=esgoverview] .section-slogan .slogan-line svg {
    width: 100%;
    height: 100%;
  }
}
main[data-current-page=esgoverview] .section-slogan .tl-slogan .tl-slogan-text-1 {
  height: 50vh;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-slogan .tl-slogan .tl-slogan-text-1 {
    height: 50vh;
  }
}
main[data-current-page=esgoverview] .section-slogan .tl-slogan .tl-slogan-text-2 {
  height: 50vh;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-slogan .tl-slogan .tl-slogan-text-2 {
    height: 50vh;
  }
}
main[data-current-page=esgoverview] .section-slogan .tl-slogan .tl-slogan-text-3 {
  height: 50vh;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-slogan .tl-slogan .tl-slogan-text-3 {
    height: 50vh;
  }
}
main[data-current-page=esgoverview] .mission-box {
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  height: 100%;
  padding: 2.0833333333vw 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .mission-box {
    padding: 5.3rem 0;
  }
  [lang=en] main[data-current-page=esgoverview] .mission-box {
    padding-left: 2rem;
    padding-right: 2rem;
    grid-column: auto/span 4;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .mission-box {
    padding: 2rem 0;
  }
}
main[data-current-page=esgoverview] .mission-box .mission-icon {
  display: block;
  width: min(11.6666666667vw, 22.4rem);
  height: min(11.6666666667vw, 22.4rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .mission-box .mission-icon {
    width: 25.68359375vw;
    height: 25.68359375vw;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .mission-box .mission-icon {
    width: 25.641025641vw;
    height: 25.641025641vw;
  }
}
main[data-current-page=esgoverview] .mission-box .mission-icon img {
  width: 100%;
  height: 100%;
}
main[data-current-page=esgoverview] .mission-box .num {
  padding-top: 1.2em;
  padding-bottom: 0.4em;
  color: #00A040;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=esgoverview] .mission-box .num {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .mission-box .num {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .mission-box .num {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .mission-box .num {
    padding-top: 2rem;
    padding-bottom: 0.4rem;
  }
}
main[data-current-page=esgoverview] .mission-box .esg-box-tit {
  text-align: center;
  padding-bottom: 0.3333333333em;
  word-break: break-all;
}
[lang=en] main[data-current-page=esgoverview] .mission-box .esg-box-tit {
  word-break: break-word;
}
main[data-current-page=esgoverview] .mission-box .esg-box-tit br.mo {
  display: none;
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .mission-box .esg-box-tit {
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.02em;
    font-size: clamp(2.8rem, 1.875vw, 3.6rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  main[data-current-page=esgoverview] .mission-box .esg-box-tit {
    font-size: clamp(2.8rem, 1.875vw, 3.6rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  main[data-current-page=esgoverview] .mission-box .esg-box-tit {
    font-size: clamp(1.8rem, 4.6154vw, 2.8rem);
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  main[data-current-page=esgoverview] .mission-box .esg-box-tit {
    font-size: clamp(1.8rem, 4.6154vw, 2.8rem);
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=esgoverview] .mission-box .esg-box-tit {
    font-size: 1.8rem;
  }
  main[data-current-page=esgoverview] .mission-box .esg-box-tit br.pc {
    display: none;
  }
  main[data-current-page=esgoverview] .mission-box .esg-box-tit br.mo {
    display: block;
  }
}
@media screen and (max-width: 318px) {
  main[data-current-page=esgoverview] .mission-box .esg-box-tit br.mo {
    display: none;
  }
}
main[data-current-page=esgoverview] .mission-container {
  padding: clamp(10.6rem, 12.5vmax, 24rem) 0;
}
main[data-current-page=esgoverview] .mission-title {
  padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
main[data-current-page=esgoverview] .section-environment {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
  z-index: 10;
}
main[data-current-page=esgoverview] .section-environment .environment-title {
  padding-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-environment .img-col {
    display: none;
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap {
  display: flex;
  gap: 4.53125vw;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap:nth-child(2) .img-wrap img {
    object-position: center 90%;
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .dot {
  position: relative;
  width: min(2.0833333333vw, 4rem);
  height: min(2.0833333333vw, 4rem);
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 2;
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .dot::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(1.25vw, 2.4rem);
  height: min(1.25vw, 2.4rem);
  border-radius: 50%;
  background-color: #F8F8F8;
  z-index: 1;
  transition: background-color 0.3s ease;
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .dot.active::after {
  background-color: #00E15A;
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .dot {
    width: 2.2rem;
    height: 2.2rem;
  }
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .dot::after {
    width: 1.6rem;
    height: 1.6rem;
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .line {
  position: relative;
  width: min(0.625vw, 1.2rem);
  height: 100%;
  margin-top: max(-1.0416666667vw, -2rem);
  margin-left: min(0.7291666667vw, 1.4rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .line {
    width: 0.3rem;
    margin-left: 0.9rem;
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .line .line-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F8F8F8;
  border-radius: min(0.3125vw, 0.6rem);
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .progress-line .line .line-active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: linear-gradient(180deg, #00E15A, #33C9FF);
  border-radius: min(0.3125vw, 0.6rem);
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap {
  display: flex;
  padding-bottom: min(16.6666666667vw, 32rem);
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap.active {
  opacity: 1;
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .environment-word {
  color: #00A040;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .environment-word {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .environment-word {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .environment-word {
    font-size: min(2.2rem, 5.128vw);
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .tit {
  color: #1D1D1D;
  padding: 0.25em 0;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6.4rem, 4.1667vw, 8rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .tit {
    font-size: clamp(6.4rem, 4.1667vw, 8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .tit {
    font-size: min(6.4rem, 9.2307vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .tit {
    font-size: min(6.4rem, 9.2307vw);
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .desc {
  color: #555555;
  padding-bottom: 1.6666666667em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .desc {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .desc br.pc {
    display: none;
  }
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .img-wrap {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .img-wrap {
    display: block;
    width: 100%;
    margin-top: 5.6666666667vw;
    aspect-ratio: 5/3;
    border-radius: max(1rem, 0.625vw);
    overflow: hidden;
  }
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=esgoverview] .section-environment .environment-info-wrap .environment-text-wrap .environment-text .img-wrap {
    aspect-ratio: 4/5;
  }
}
main[data-current-page=esgoverview] .section-environment .environment-img {
  position: sticky;
  top: calc(clamp(5.2rem, 6.25vmax, 12rem) + 7rem);
  width: 100%;
  aspect-ratio: 4/5;
  border-radius: max(1rem, 0.625vw);
  overflow: hidden;
}
main[data-current-page=esgoverview] .section-environment .environment-img .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main[data-current-page=esgoverview] .section-environment .environment-img .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sub-section[data-current-page=keyperformance] .t-ver {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .t-ver {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .t-ver {
    display: none;
  }
}
.sub-section[data-current-page=keyperformance] .box-list {
  display: grid;
  gap: 1.6rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list {
    display: flex;
    flex-direction: column;
  }
}
.sub-section[data-current-page=keyperformance] .box-list .box {
  position: relative;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list .box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list .box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=keyperformance] .box-list .box .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list .box .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list .box .tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list .box .desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=keyperformance] .box-list .box .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list .box .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list .box .desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.key-list {
  grid-template-columns: repeat(3, 1fr);
}
.sub-section[data-current-page=keyperformance] .box-list.key-list .box {
  display: flex;
  flex-direction: column;
  height: 34.2rem;
  transition: ease 0.3s;
}
[lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box {
  height: 39rem;
}
@media screen and (max-width: 1280px) {
  [lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box {
    height: 46rem;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box {
    height: auto;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.key-list .box .tit {
  padding-bottom: 2.4rem;
}
.sub-section[data-current-page=keyperformance] .box-list.key-list .box img {
  position: absolute;
  bottom: 4rem;
  left: 4rem;
  display: block;
  width: 8rem;
  height: 8rem;
  margin-top: auto;
  transition: ease 0.3s;
}
.sub-section[data-current-page=keyperformance] .box-list.key-list .box .desc {
  width: 100%;
  opacity: 0;
  transition: ease 0.3s;
}
@media screen and (min-width: 1025px) {
  [lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box .desc {
    position: absolute;
    top: 0;
    left: 0;
    padding: 4rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.key-list .box .btn-plus {
  position: absolute;
  right: 4rem;
  bottom: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #EFF5FF;
}
.sub-section[data-current-page=keyperformance] .box-list.key-list .box .btn-plus path {
  transition: ease 0.3s;
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box.active {
    border: 1px solid #0045C9;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box.active .desc {
    opacity: 1;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box.active img {
    opacity: 0;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box.active .btn-plus path.vertical {
    opacity: 0;
  }
  [lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box.active .title-wrap {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list.key-list {
    display: flex;
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box {
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
    height: auto;
  }
  [lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box {
    gap: 1.6rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box .tit {
    padding-bottom: 0;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box .desc {
    opacity: 1;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box .title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
  }
  [lang=en] .sub-section[data-current-page=keyperformance] .box-list.key-list .box .title-wrap {
    gap: 0.8rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box img {
    position: relative;
    bottom: unset;
    left: unset;
    width: 6.4rem;
    height: 6.4rem;
    margin-top: 0;
  }
  .sub-section[data-current-page=keyperformance] .box-list.key-list .box .btn-plus {
    display: none;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list {
  grid-template-columns: repeat(2, 1fr);
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box:not(.full) {
  padding: 0;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box.full {
  grid-column: span 2;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box.full .tit {
  padding-bottom: 1.6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box img {
  display: block;
  width: 21.3rem;
  height: auto;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box .img-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 2.4rem;
  border-bottom: 1px solid #E4E4E4;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box .info-wrap {
  padding: 2.4rem 3.6rem 3.6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box .info-wrap .tit {
  padding-bottom: 0.6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .box .info-wrap .dot-txt-list {
  gap: 0;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box-list {
  display: flex;
  gap: 1.6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box {
  width: 50%;
  padding: 4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
  border: 1px solid #D8D8D8;
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box .gray-box-tit {
  padding-bottom: 1.6rem;
  color: #000000;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box .gray-box-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box .gray-box-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box .gray-box-tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box .dot-txt-list {
  gap: 0.6rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .box img {
    width: 19.7rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .box .img-wrap {
    padding: 2rem 4.8rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box-list {
    flex-direction: column;
  }
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box {
    width: 100%;
    padding: 2rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.eval-list .gray-box .gray-box-tit {
    padding-bottom: 0.8rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list .tit {
  padding-bottom: 2.4rem;
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list .box {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 0;
  margin-bottom: 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box .img-wrap {
  display: flex;
  align-items: center;
  gap: 6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box img {
  width: 28.6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list dl {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  color: #555555;
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list dl:not(:last-child) {
  margin-bottom: 0.6rem;
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list dl dt {
  width: 6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=keyperformance] .box-list.cert-list dl dd {
  width: calc(100% - 8rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dd {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dd {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dd {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box img {
    width: 27.9296875vw;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box {
    padding: 4rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box .img-wrap {
    flex-direction: column;
    gap: 2.4rem;
  }
  .sub-section[data-current-page=keyperformance] .box-list.cert-list .img-box img {
    width: 100%;
  }
}

[lang=en] .sub-section[data-current-page=keyperformance] .box-list.cert-list dl dt {
  width: 24rem;
}

.sub-section[data-current-page=stakeholders] .box-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 2.4rem;
  column-gap: 1.6rem;
}
.sub-section[data-current-page=stakeholders] .box-list .box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stakeholders] .box-list .box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=stakeholders] .box-list .box {
  padding: 0;
  border: 0;
}
.sub-section[data-current-page=stakeholders] .box-list .box .title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 3.2rem;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
  border-top-left-radius: max(0.6rem, 0.41666vw);
  border-top-right-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=stakeholders] .box-list .box .title-wrap .tit {
  color: #000000;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=stakeholders] .box-list .box .title-wrap img {
  display: block;
  width: 6.4rem;
  height: 6.4rem;
}
.sub-section[data-current-page=stakeholders] .box-list .box .card-wrap {
  display: flex;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-bottom-left-radius: max(0.6rem, 0.41666vw);
  border-bottom-right-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=stakeholders] .box-list .box .card {
  width: 50%;
  border: none;
  cursor: initial;
  justify-content: flex-start;
  gap: 1.6rem;
  border-radius: 0;
}
.sub-section[data-current-page=stakeholders] .box-list .box .card.info {
  padding: 0 3.2rem;
  margin: 3.2rem 0;
}
.sub-section[data-current-page=stakeholders] .box-list .box .card:nth-of-type(2) {
  border-left: 1px solid #D8D8D8;
}
.sub-section[data-current-page=stakeholders] .box-list .box .card .title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=stakeholders] .box-list .box .card .info {
  word-break: break-all;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=stakeholders] .box-list .box .title-wrap {
    padding: 1.6rem 2.4rem;
  }
  .sub-section[data-current-page=stakeholders] .box-list .box .card.info {
    padding: 0 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=stakeholders] .box-list {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  .sub-section[data-current-page=stakeholders] .box-list .box .title-wrap img {
    width: 5.4rem;
    height: 5.4rem;
  }
  .sub-section[data-current-page=stakeholders] .box-list .box .card-wrap {
    overflow: hidden;
  }
  .sub-section[data-current-page=stakeholders] .box-list .box .card.info {
    width: 100%;
    padding: 0 1.6rem;
    margin: 2rem 0;
  }
}

[lang=en] .sub-section[data-current-page=stakeholders] .box-list .box .card .info {
  word-break: break-word;
}

.table-container table {
  position: relative;
  z-index: 1;
  width: 100%;
  table-layout: fixed;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}

.table-container table .center {
  text-align: center;
}

.table-container table .left {
  text-align: left;
}

.table-container table .right {
  text-align: right;
}

.table-container table .sticky {
  position: sticky;
  left: 0;
}

.table-container table .bg-blue {
  background-color: #EFF5FF;
}

.table-container table .bg-gray {
  background-color: #F0F0F0;
}

.table-container table th, .table-container table td {
  padding: 1.6rem;
  vertical-align: middle;
}

.table-container table th.no-border-bottom, .table-container table td.no-border-bottom {
  border-bottom: 0;
}

.table-container table th.no-border-right, .table-container table td.no-border-right {
  border-right: 0;
}

.table-container table th.border-right, .table-container table td.border-right {
  border-right: 1px solid #D8D8D8;
}

.table-container table th.border-left, .table-container table td.border-left {
  border-left: 1px solid #D8D8D8;
}

.table-container table th em, .table-container table td em {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}

.table-container table tbody tr:last-child th, .table-container table tbody tr:last-child td {
  border-bottom: 0;
}

.table-container table tbody th:last-child {
  border-right: 0;
}

.table-container .table-tit {
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  background-color: #E4E4E4;
}

.table-container .table-sub-tit {
  border-bottom: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  background-color: #F0F0F0;
  color: #555555;
}

.table-container .table-txt {
  border-bottom: 1px solid #D8D8D8;
  background-color: #ffffff;
  color: #555555;
}

.table-container .table-icon {
  border-bottom: 1px solid #D8D8D8;
  text-align: center;
  background-color: #ffffff;
}

.table-container .table-icon .icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  vertical-align: middle;
}

.table-container .table-icon .icon-box .icon {
  display: block;
}

.table-container .table-icon .icon-box .icon svg, .table-container .table-icon .icon-box .icon img {
  display: block;
  color: #8E8E8E;
  transition: color 0.3s ease;
}

@media screen and (hover: hover) {
  .table-container .table-icon .icon-box .icon:hover svg {
    color: #0045C9;
  }
}
@media screen and (max-width: 1024px) {
  .table-container .table-icon .icon-box .icon svg, .table-container .table-icon .icon-box .icon img {
    width: 2rem;
    height: auto;
  }
}
.table-container .table-link {
  border-bottom: 1px solid #D8D8D8;
  background-color: #ffffff;
}

.table-container .table-link a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.3s ease;
}

.table-container .table-link a .icon svg {
  display: block;
  color: #8E8E8E;
  transition: color 0.3s ease;
}

@media screen and (hover: hover) {
  .table-container .table-link a:hover {
    color: #0045C9;
  }
  .table-container .table-link a:hover .icon svg {
    color: #0045C9;
  }
}
.table-container .table-note {
  text-align: right;
  color: #555555;
  margin-bottom: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}

.table-container .table-desc {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}

@media screen and (max-width: 1024px) {
  .table-container[data-t-width] colgroup col {
    width: var(--t-col-width);
  }
}
@media screen and (max-width: 600px) {
  .table-container[data-m-width] colgroup col {
    width: var(--m-col-width);
  }
}
.table-container[data-size=xs-fixed] table {
  font-size: 1.3rem;
}

.table-container[data-size=xs-fixed] table th, .table-container[data-size=xs-fixed] table td {
  padding: 0.8rem;
}

@media screen and (max-width: 1024px) {
  .table-container table {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .table-container table th, .table-container table td {
    padding: 1.2rem;
  }
  .table-container[data-scroll=true][data-scroll-break=tablet] {
    margin-left: calc(-1 * max(2rem, 5.12821vw));
    margin-right: calc(-1 * max(2rem, 5.12821vw));
  }
  .table-container[data-scroll=true][data-scroll-break=tablet] .table-scroll-wrapper {
    overflow-x: auto;
  }
  .table-container[data-scroll=true][data-scroll-break=tablet] .table-wrapper {
    width: fit-content;
    padding-bottom: 0.8rem;
    padding-left: max(2rem, 5.12821vw);
    padding-right: max(2rem, 5.12821vw);
  }
  .table-container[data-scroll=true][data-scroll-break=tablet] .table-note, .table-container[data-scroll=true][data-scroll-break=tablet] .table-desc {
    padding: 0 max(2rem, 5.12821vw);
  }
  .table-container[data-scroll=true][data-scroll-break=tablet] table {
    width: 1024px;
  }
  .table-container[data-scroll=true][data-scroll-color=blue] .table-scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #3379FF;
    border-color: #3379FF;
  }
  .table-container[data-scroll=true][data-scroll-color=blue] .table-scroll-wrapper::-webkit-scrollbar-track {
    background-color: #D1E1FF;
  }
  .table-container[data-scroll=true][data-t-width] table {
    width: var(--t-width);
  }
}
@media screen and (max-width: 600px) {
  .table-container[data-scroll=true][data-scroll-break=tablet] table {
    width: 600px;
  }
  .table-container[data-scroll=true][data-scroll-break=mobile] {
    margin-left: calc(-1 * max(2rem, 5.12821vw));
    margin-right: calc(-1 * max(2rem, 5.12821vw));
  }
  .table-container[data-scroll=true][data-scroll-break=mobile] .table-scroll-wrapper {
    overflow-x: auto;
  }
  .table-container[data-scroll=true][data-scroll-break=mobile] .table-wrapper {
    width: fit-content;
    padding-bottom: 0.8rem;
    padding-left: max(2rem, 5.12821vw);
    padding-right: max(2rem, 5.12821vw);
  }
  .table-container[data-scroll=true][data-scroll-break=mobile] .table-note, .table-container[data-scroll=true][data-scroll-break=mobile] .table-desc {
    padding: 0 max(2rem, 5.12821vw);
  }
  .table-container[data-scroll=true][data-scroll-break=mobile] table {
    width: 600px;
  }
  .table-container[data-scroll=true][data-scroll-color=blue] .table-scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #3379FF;
    border-color: #3379FF;
  }
  .table-container[data-scroll=true][data-scroll-color=blue] .table-scroll-wrapper::-webkit-scrollbar-track {
    background-color: #D1E1FF;
  }
  .table-container[data-scroll=true][data-m-width] table {
    width: var(--m-width);
  }
  .table-container[data-responsive=true] table, .table-container[data-responsive=true] tbody, .table-container[data-responsive=true] tr, .table-container[data-responsive=true] th, .table-container[data-responsive=true] td {
    display: block;
  }
  .table-container[data-responsive=true] colgroup {
    display: none;
  }
  .table-container[data-responsive=true] tr {
    display: flex;
    flex-wrap: wrap;
  }
  .table-container[data-responsive=true] tr th {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .table-container[data-responsive=true] tr:last-child th:first-of-type, .table-container[data-responsive=true] tr:last-child td:first-of-type {
    border-bottom: 1px solid #D8D8D8;
  }
  .table-container[data-responsive=true] tr:last-child th:last-of-type, .table-container[data-responsive=true] tr:last-child td:last-of-type {
    border-bottom: 0;
  }
  .table-container[data-responsive=true] tr.full {
    /* table-sub-tit 가 있는 tr 인 경우 */
  }
  .table-container[data-responsive=true] tr.full:not(.has-sub-tit) {
    flex-direction: column;
  }
  .table-container[data-responsive=true] tr.full:not(.has-sub-tit) th {
    border-bottom: 1px solid #D8D8D8 !important;
  }
  .table-container[data-responsive=true] tr.full:not(.has-sub-tit) th, .table-container[data-responsive=true] tr.full:not(.has-sub-tit) td {
    width: 100%;
    border-right: 0;
  }
  .table-container[data-responsive=true] tr.full.has-sub-tit th:first-child {
    width: 100%;
  }
  .table-container[data-responsive=true] th {
    width: 12rem;
  }
  .table-container[data-responsive=true] td {
    width: calc(100% - 12rem);
  }
}
@media screen and (max-width: 390px) {
  .table-container[data-size=xs] table th, .table-container[data-size=xs] table td {
    padding: 0.8rem;
  }
}
.table-wrapper table {
  overflow: hidden;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  border-collapse: inherit;
  border-spacing: inherit;
}

.sub-section[data-current-page=materiality] .box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=materiality] .box {
  padding: 5rem;
}
.sub-section[data-current-page=materiality] .box-inner {
  display: flex;
}
.sub-section[data-current-page=materiality] .color-box {
  width: 30rem;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .color-box {
    width: 100%;
  }
}
.sub-section[data-current-page=materiality] .color-box .tit-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.3rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=materiality] .color-box .tit-wrap {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .color-box .tit-wrap {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=materiality] .color-box .tit-wrap {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=materiality] .color-box .info-wrap {
  width: 100%;
  padding: 2.4rem 2.4rem 3rem;
}
.sub-section[data-current-page=materiality] .color-box .info-wrap .info-tit {
  margin-bottom: 0.8rem;
  color: #000000;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=materiality] .color-box .info-wrap .info-desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1197px) {
  .sub-section[data-current-page=materiality] .color-box .info-wrap .info-desc br {
    display: none;
  }
}
.sub-section[data-current-page=materiality] .logo-box {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.sub-section[data-current-page=materiality] .logo-box-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5.2rem;
  aspect-ratio: 1/1;
  width: 22.2rem;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
}
.sub-section[data-current-page=materiality] .logo-box-inner svg {
  width: 11.8rem;
  height: auto;
}
.sub-section[data-current-page=materiality] .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  background-color: #EFF5FF;
  border-radius: 50%;
}
.sub-section[data-current-page=materiality] .arrow svg {
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (max-width: 989px) {
  .sub-section[data-current-page=materiality] .sub-component-txt.br br {
    display: none;
  }
}
.sub-section[data-current-page=materiality] .section-materiality .box {
  padding: 3.2rem;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=materiality] .section-materiality .box-inner {
  gap: 1.2rem !important;
}
.sub-section[data-current-page=materiality] .section-materiality .graph-tit {
  color: #0045C9;
  width: 100%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=materiality] .section-materiality .graph-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .section-materiality .graph-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=materiality] .section-materiality .graph-tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=materiality] .section-materiality .graph-tit:first-child {
  text-align: left;
}
.sub-section[data-current-page=materiality] .section-materiality .graph-tit:last-child {
  text-align: right;
}
.sub-section[data-current-page=materiality] .section-materiality img, .sub-section[data-current-page=materiality] .section-materiality picture {
  width: 100%;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container {
  margin-bottom: 0.8rem;
  padding: 0;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top {
  padding-right: 2.4rem;
  padding-left: 2.4rem;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top-tit {
  width: 100%;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top .title-box .number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.0666em;
  height: 2.0666em;
  border-radius: 100%;
  margin-right: 0.5333em;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top .title-box .number-green {
  background-color: #E5F5EC;
  color: #00A040;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top .title-box .number-yellow {
  background-color: #FFEFD8;
  color: #FFA319;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top .title-box .number-red {
  background-color: #FDE8E9;
  color: #E81D21;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top .title-box .number-blue {
  background-color: #D1E1FF;
  color: #0045C9;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .inner-box {
  padding: 0;
  overflow: auto;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container {
  margin-top: 0;
  width: 100%;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container .table-scroll-wrapper::-webkit-scrollbar {
  height: 4px;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container .table-scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #8E8E8E;
  border-radius: 4px;
  border: 2px solid #8E8E8E;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container .table-scroll-wrapper::-webkit-scrollbar-track {
  background-color: #E4E4E4;
  border-radius: 50px;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table {
  width: 100%;
  min-width: 600px;
  border-radius: initial;
  border: 0px solid #D8D8D8;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table tr:not(tr:last-child) td:first-child,
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table tr th:first-child {
  padding-right: 0;
  padding-left: 0;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table td:not(:nth-child(1), :nth-child(2)) {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .table-sub-tit {
  height: 8.1rem;
  padding-right: 0.923em;
  padding-left: 0.923em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .table-sub-tit {
    font-size: 1.2rem;
  }
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .flex-box {
  display: flex;
  align-items: center;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box {
  display: flex;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import .mark {
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: 1.6rem;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import .mark::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  width: 1.6rem;
  height: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cmask id='mask0_4964_54607' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3E%3Crect width='16' height='16' transform='matrix(-1 0 0 1 16 0)' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4964_54607)'%3E%3Cpath d='M6.66699 4.66699L10.0003 8.00033L6.66699 11.3337' stroke='%238E8E8E' stroke-width='1.06667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import .mark:last-child {
  margin-right: 0;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import .mark:last-child::after {
  display: none;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import:first-of-type {
  position: relative;
  padding-right: 1.2rem;
  margin-right: 1.2rem;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container table .info-box .info-import:first-of-type::after {
  content: "";
  position: absolute;
  right: 0;
  width: 0.1rem;
  height: 0.8rem;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-green, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-yellow, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-red {
  display: inline-block;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: 0.8rem;
  border-radius: 100%;
  flex-shrink: 0;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-red {
  background-color: #EE1C23;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-yellow {
  background-color: #FDBA4D;
}
.sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-green {
  background-color: #00AC4D;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .section-materiality .box {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=materiality] .section-materiality .box-inner {
    gap: 0.6rem !important;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container {
    border: none;
    background-color: initial;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-top {
    border: 1px solid #D8D8D8;
    border-radius: 0.6rem;
    background-color: #ffffff;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .inner-box {
    border-top: none;
    border-bottom: none;
    overflow: hidden;
    padding-top: 0.8rem;
    margin-bottom: 0.8rem;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container[data-scroll=true][data-scroll-break=tablet] {
    margin-right: 0;
    margin-left: 0;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .table-container[data-scroll=true][data-scroll-break=tablet] .table-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom table {
    padding-bottom: 1.2rem;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom table tr:first-child th:first-of-type {
    border-top-left-radius: 0.6rem;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom table tr:first-child th:last-of-type {
    border-top-right-radius: 0.6rem;
  }
  .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom table tr:last-child td {
    border-bottom-right-radius: 0.6rem;
    border-bottom-left-radius: 0.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=materiality] .box {
    padding: 2.4rem 2.55rem;
  }
}
.sub-section[data-current-page=materiality] .box.cont-center .box-inner {
  gap: 2rem;
}
.sub-section[data-current-page=materiality] .box.cont-center .tit-wrap {
  justify-content: center;
  background-color: #3379FF;
}
.sub-section[data-current-page=materiality] .box.cont-center .info-wrap {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=materiality] .box.cont-center .box-inner {
    flex-direction: column;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-center .tit-wrap {
    height: 5.1rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-center .logo-box {
    flex-direction: column;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-center .logo-box-inner {
    width: 100%;
    aspect-ratio: auto;
    padding: 4.8rem 0;
  }
  .sub-section[data-current-page=materiality] .box.cont-center .logo-box-inner svg {
    width: 13.6rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-center .arrow svg {
    transform: rotate(90deg);
  }
}
.sub-section[data-current-page=materiality] .box.cont-left .box-inner {
  flex-direction: column;
  gap: 2.4rem;
  align-items: center;
}
.sub-section[data-current-page=materiality] .box.cont-left .color-box {
  width: 100%;
}
.sub-section[data-current-page=materiality] .box.cont-left .color-box.step-1 .tit-wrap {
  background-color: #3379FF;
}
.sub-section[data-current-page=materiality] .box.cont-left .color-box.step-2 .tit-wrap {
  background-color: #0045C9;
}
.sub-section[data-current-page=materiality] .box.cont-left .color-box.step-3 .tit-wrap {
  background-color: #002B7D;
}
.sub-section[data-current-page=materiality] .box.cont-left .tit-wrap {
  justify-content: flex-start;
  gap: 1.6rem;
  padding: 0 4rem;
}
.sub-section[data-current-page=materiality] .box.cont-left .step {
  padding: 0.4rem 1.2rem;
  border-radius: 10rem;
  color: #0045C9;
  background-color: #F2F6FC;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.sub-section[data-current-page=materiality] .box.cont-left .info-wrap {
  padding: 2.4rem 4rem 3.2rem;
}
.sub-section[data-current-page=materiality] .box.cont-left .arrow svg {
  transform: rotate(90deg);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=materiality] .box.cont-left .box-inner {
    gap: 1.6rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-left .tit-wrap {
    height: auto;
    padding: 1.2rem 1.4rem;
    flex-wrap: wrap;
    gap: 0.8rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-left .info-wrap {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=materiality] .box.cont-left .step {
    padding: 0.2rem 0.8rem;
  }
}

@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=materiality] .box {
    padding: 2.4rem 2.55rem;
  }
}
[lang=en] .sub-section[data-current-page=materiality] .box.cont-center .box-inner {
  gap: 2rem;
}
[lang=en] .sub-section[data-current-page=materiality] .box.cont-center .tit-wrap {
  height: 8.2rem;
}
[lang=en] .sub-section[data-current-page=materiality] .logo-box-inner {
  aspect-ratio: initial;
  height: 100%;
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=materiality] .table-container table {
    font-size: 1.2rem;
  }
}

.esgreport-top-box {
  display: flex;
  align-items: center;
  gap: 3.2rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .esgreport-top-box {
    padding: 2.4rem;
  }
}
.esgreport-top-box .img-box {
  width: 45.8rem;
  aspect-ratio: 458/295;
  border: 1px solid #D1E1FF;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
}
.esgreport-top-box .img-box img {
  width: 100%;
  height: 100%;
}
.esgreport-top-box .txt-box {
  width: calc(100% - 45.8rem - 3.2rem);
}
.esgreport-top-box .txt-box .year {
  color: #8E8E8E;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.esgreport-top-box .txt-box .tit {
  display: block;
  color: #1D1D1D;
  margin-top: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .esgreport-top-box .txt-box .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .esgreport-top-box .txt-box .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .esgreport-top-box .txt-box .tit {
    font-size: 2.1rem;
  }
}
.esgreport-top-box .txt-box .txt {
  color: #555555;
  margin-top: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .esgreport-top-box .txt-box .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .esgreport-top-box .txt-box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .esgreport-top-box .txt-box .txt {
    font-size: 1.6rem;
  }
}
.esgreport-top-box .txt-box .btn-box-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-top: 2.4rem;
}
.esgreport-top-box .txt-box .btn-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.esgreport-top-box .txt-box .btn-box svg path {
  fill: none;
}
.esgreport-top-box .txt-box .btn-box .btn-txt {
  margin-right: 0.8rem;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .esgreport-top-box .txt-box .btn-box .btn-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .esgreport-top-box .txt-box .btn-box .btn-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .esgreport-top-box .txt-box .btn-box .btn-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 378px) {
  [lang=en] .esgreport-top-box .txt-box .btn-box .btn-txt {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .esgreport-top-box .txt-box .btn-box .btn {
    padding-left: 1.4rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .esgreport-top-box {
    flex-direction: column;
    gap: 1.6rem;
  }
  .esgreport-top-box .img-box {
    width: 100%;
  }
  .esgreport-top-box .txt-box {
    width: 100%;
  }
  .esgreport-top-box .txt-box .txt {
    margin-top: 0.8rem;
  }
  .esgreport-top-box .txt-box .btn-box-wrap {
    margin-top: 1.6rem;
  }
  .esgreport-top-box .txt-box .btn-box .btn {
    padding: 0.8rem 1.6rem;
    min-height: 4rem;
    font-size: 1.5rem;
  }
  .esgreport-top-box .txt-box .btn-box .btn-txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 345px) {
  .esgreport-top-box .txt-box .btn-box {
    gap: 0.3rem;
  }
  .esgreport-top-box .txt-box .btn-box .btn-txt {
    margin-right: 0;
  }
}

[data-current-page=substainability] .esgreport-top-box .img-box {
  border-color: #D8D8D8;
}
[data-current-page=substainability] .esgreport-top-box .btn-box-wrap {
  flex-direction: row;
  column-gap: 3rem;
  row-gap: 1rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  [data-current-page=substainability] .esgreport-top-box .btn-box-wrap {
    gap: 1.6rem;
  }
}
[data-current-page=substainability] .esgreport-top-box .txt-box .btn-box {
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (max-width: 600px) {
  [data-current-page=substainability] .esgreport-top-box .txt-box .btn-box {
    flex: 1;
  }
}
[data-current-page=substainability] .esgreport-top-box .btns {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 600px) {
  [data-current-page=substainability] .esgreport-top-box .btns {
    flex-direction: column;
    width: 100%;
  }
}
[lang=en] [data-current-page=substainability] .esgreport-top-box .btns .btn {
  font-size: 1.4rem;
}
@media screen and (max-width: 600px) {
  [data-current-page=substainability] .esgreport-top-box .btns .btn {
    width: 100%;
  }
}

/* 지속가능경영보고서 기업지배구조보고서 CDP보고서 카드 스타일 */
[data-current-page=substainability] .card.link-2-2 .card-top-box .title,
[data-current-page=corporate] .card.link-2-2 .card-top-box .title,
[data-current-page=cdp] .card.link-2-2 .card-top-box .title,
[data-current-page=others] .card.link-2-2 .card-top-box .title {
  margin-top: 0;
}
[data-current-page=substainability] .card.link-2-2 .card-bottom-box,
[data-current-page=corporate] .card.link-2-2 .card-bottom-box,
[data-current-page=cdp] .card.link-2-2 .card-bottom-box,
[data-current-page=others] .card.link-2-2 .card-bottom-box {
  flex-direction: column;
  gap: 1.6rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}
[data-current-page=substainability] .card.link-2-2 .card-bottom-box .btn-text,
[data-current-page=corporate] .card.link-2-2 .card-bottom-box .btn-text,
[data-current-page=cdp] .card.link-2-2 .card-bottom-box .btn-text,
[data-current-page=others] .card.link-2-2 .card-bottom-box .btn-text {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[data-current-page=substainability] .card.link-2-2 .card-bottom-box .btn-wrap-inner,
[data-current-page=corporate] .card.link-2-2 .card-bottom-box .btn-wrap-inner,
[data-current-page=cdp] .card.link-2-2 .card-bottom-box .btn-wrap-inner,
[data-current-page=others] .card.link-2-2 .card-bottom-box .btn-wrap-inner {
  display: flex;
  gap: 0.8rem;
  flex: 1;
}

[data-current-page=substainability] .card.link-2-2 .card-bottom-box .btn-wrap {
  gap: 2.4rem;
}
@media screen and (max-width: 600px) {
  [data-current-page=substainability] .card.link-2-2 .card-bottom-box .btn-wrap {
    gap: 4vw;
  }
}

@media screen and (max-width: 600px) {
  [data-current-page=corporate] .card.link-2-2 .card-bottom-box .btn-wrap,
  [data-current-page=cdp] .card.link-2-2 .card-bottom-box .btn-wrap,
  [data-current-page=others] .card.link-2-2 .card-bottom-box .btn-wrap {
    gap: 0.8rem;
  }
}

[data-current-page=others] .sub-search-container {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
[data-current-page=others] .card.link-2-2 .card-top-box .title {
  margin-top: 0.8rem;
}
@media screen and (max-width: 600px) {
  [data-current-page=others] .card.link-2-2 .card-bottom-box .btn-wrap {
    flex-direction: row;
  }
  [data-current-page=others] .card.link-2-2 .card-bottom-box .btn-wrap-inner {
    width: calc(50% - 0.4rem);
  }
}

[data-current-page=entire] .table-container[data-m-width] table .custom-pd {
  padding: 1.6rem 0.6rem;
}
@media screen and (max-width: 600px) {
  [data-current-page=entire] .table-container[data-m-width] table {
    width: 100%;
  }
  [data-current-page=entire] .table-container[data-m-width] table .right {
    text-wrap: nowrap;
  }
}
@media screen and (max-width: 390px) {
  [data-current-page=entire] .table-container[data-m-width] table {
    width: var(--m-width);
  }
}

@media screen and (max-width: 600px) {
  [data-current-page=environment] .table-container[data-scroll=true][data-scroll-break=mobile] table .right, [data-current-page=society] .table-container[data-scroll=true][data-scroll-break=mobile] table .right {
    text-wrap: nowrap;
  }
}

.governance-content {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .governance-content {
    padding: 2.4rem;
  }
}
.governance-content-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .governance-content-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .governance-content-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .governance-content-tit {
    font-size: 2.1rem;
  }
}
.governance-content-tit + .governance-content-txt {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.governance-content-txt {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .governance-content-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .governance-content-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .governance-content-txt {
    font-size: 1.6rem;
  }
}
.governance-content-txt a {
  margin-left: 0.8rem;
}
.governance-content .txt-box {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.governance-content .blue-txt {
  color: #0045C9;
}
.governance-content .gray-box {
  margin-top: 4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .governance-content .gray-box {
    padding: 2.4rem;
  }
}
.governance-content .gray-box {
  background-color: #F8F8F8;
}
.governance-content .gray-box-tit {
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.governance-content .gray-box-tit + .dot-txt-list {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.governance-content .gray-box .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.governance-content .gray-box .inner br {
  display: none;
}
.governance-content .gray-box.style02 {
  padding: 2.8rem 3.2rem;
}
.governance-content .gray-box.style02 .gray-box-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .governance-content .gray-box.style02 .gray-box-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .governance-content .gray-box.style02 .gray-box-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .governance-content .gray-box.style02 .gray-box-tit {
    font-size: 1.8rem;
  }
}
.governance-content .gray-box.style02 .btn svg path {
  fill: #BBBBBB;
}
.governance-content .btn-box {
  margin-top: 1.6rem;
}
.governance-content .btn-box .btn {
  width: 100%;
}
.governance-content .graph-box {
  margin-top: 2.4rem;
}
.governance-content .graph-box img {
  width: 100%;
}
.governance-content .graph-box .m-ver {
  display: none;
}
@media screen and (max-width: 600px) {
  .governance-content .graph-box .pc-ver {
    display: none;
  }
  .governance-content .graph-box .m-ver {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .governance-content-txt br {
    display: none;
  }
  .governance-content .gray-box {
    margin-top: 0.8rem;
  }
  .governance-content .gray-box .inner {
    flex-direction: column;
    gap: 2.4rem;
    align-items: flex-start;
  }
  .governance-content .gray-box .inner br {
    display: block;
  }
  .governance-content .gray-box.style02 {
    margin-top: 2.4rem;
    padding: 1.6rem;
  }
  .governance-content .gray-box.style02 .btn {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .governance-content .gray-box.style02 .btn i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  .governance-content .gray-box.style02 .btn[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
}

.sub-section[data-current-page=directors] {
  /* 첨부파일 없는 테이블  */
}
.sub-section[data-current-page=directors] .directors-con:not(:last-of-type) {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=directors] .directors-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 2.4rem;
  column-gap: 1.6rem;
}
.sub-section[data-current-page=directors] .directors-item {
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  transition: ease 0.3s;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
}
.sub-section[data-current-page=directors] .directors-item .top-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4.5rem 3.2rem 4.8rem;
  background-color: #ffffff;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .top-wrap {
  padding: 3.2rem 2.4rem;
  gap: 1rem;
  flex-grow: 1;
}
.sub-section[data-current-page=directors] .directors-item .top-wrap .top {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub-section[data-current-page=directors] .directors-item .top-wrap .rank {
  color: #717171;
  margin-bottom: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .top-wrap .rank {
  margin-bottom: 0.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=directors] .directors-item .top-wrap .name {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap {
  position: relative;
  height: 34.2rem;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .cont-wrap {
  height: 44.6rem;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .cont-wrap .dot-txt-list .dot-txt {
  font-size: clamp(1.3rem, 0.78125vw, 1.4rem);
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap .img {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../images/pages/esg/governance/esg_directors_bg.png) no-repeat center/cover;
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap .img.empty {
  background: #EFF5FF;
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap .img img {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 100%;
  transform: translateX(-50%);
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .cont-wrap .img img {
  height: 90%;
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap .txt {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  width: 100%;
  height: 100%;
  padding: 3.2rem 2.4rem 0 3.2rem;
  background-color: #ffffff;
  border-top: 1px solid #D8D8D8;
  opacity: 0;
  transition: ease 0.3s;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt {
  gap: 1.6rem;
  padding: 2.4rem;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt div:nth-child(2) b {
  margin-bottom: 0.6rem;
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap .txt b {
  display: block;
  color: #1D1D1D;
  margin-bottom: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt b {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt b {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt b {
    font-size: 1.8rem;
  }
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt b {
  margin-bottom: 0.3rem;
}
.sub-section[data-current-page=directors] .directors-item .cont-wrap .txt .gray-typo {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=directors] .directors-item .btn-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background-color: #EFF5FF;
}
[lang=en] .sub-section[data-current-page=directors] .directors-item .btn-plus {
  flex-shrink: 0;
}
.sub-section[data-current-page=directors] .directors-item .btn-plus path {
  transition: ease 0.3s;
}
.sub-section[data-current-page=directors] .directors-item.active {
  border: 1px solid #0045C9;
}
.sub-section[data-current-page=directors] .directors-item.active .txt {
  opacity: 1;
}
.sub-section[data-current-page=directors] .directors-item.active .img {
  opacity: 0;
}
.sub-section[data-current-page=directors] .directors-item.active .btn-plus path.vertical {
  opacity: 0;
}
.sub-section[data-current-page=directors] .basic-board-list {
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  border: 1px solid #D8D8D8;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=directors] .basic-board-list .basic-board-head {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .basic-board-head {
    display: none;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .basic-board-head .cell {
  color: #1D1D1D;
  background-color: #E4E4E4;
}
.sub-section[data-current-page=directors] .basic-board-list .basic-board-tbody {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .basic-board-tbody {
    display: block;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .basic-board-tbody .cell {
  color: #555555;
  background-color: #ffffff;
}
.sub-section[data-current-page=directors] .basic-board-list .basic-board-row {
  display: contents;
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=directors] .basic-board-list .basic-board-row:last-of-type .cell {
    border-bottom: 0;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .basic-board-row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.6rem;
    padding: 2.4rem;
    background-color: #ffffff;
    border-bottom: 1px solid #E4E4E4;
  }
  .sub-section[data-current-page=directors] .basic-board-list .basic-board-row:last-of-type {
    border-bottom: 0;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=directors] .basic-board-list .basic-board-row {
    flex-direction: column;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .cell {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  text-align: center;
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    text-align: left;
    border: 0;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .cell.table-sub-tit {
  color: #555555;
  background-color: #F0F0F0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.m-title {
    border-bottom: 1px solid #F0F0F0;
    padding-bottom: 1.2rem;
    margin-bottom: 1rem;
    width: 100%;
    color: #1D1D1D;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.m-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.m-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.m-title {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .cell.no-border-bottom {
  border-bottom: 0;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.board-d-display-none {
  display: none;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.board-d-display-none {
    display: flex;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.board-m-display-none {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell::before {
    content: attr(aria-label);
    color: #1D1D1D;
    text-wrap: nowrap;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell:not(.m-title) {
    width: 50%;
    gap: 0.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] .sub-section[data-current-page=directors] .basic-board-list .cell:not(.m-title) {
    width: 100%;
    gap: 0.6rem;
  }
  [lang=en] .sub-section[data-current-page=directors] .basic-board-list .cell:not(.m-title):before {
    width: 12rem;
    text-wrap: wrap;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=directors] .basic-board-list .cell:not(.m-title):before {
    width: 9.9rem;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .cell.low-pd {
  padding: 1.6rem 0.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .basic-board-list .cell.low-pd {
    padding: 0;
  }
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-2 {
  grid-row: span 2;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-3 {
  grid-row: span 3;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-4 {
  grid-row: span 4;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-5 {
  grid-row: span 5;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-6 {
  grid-row: span 6;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-7 {
  grid-row: span 7;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-8 {
  grid-row: span 8;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-9 {
  grid-row: span 9;
}
.sub-section[data-current-page=directors] .basic-board-list .cell.row-span-10 {
  grid-row: span 10;
}
.sub-section[data-current-page=directors] .table-date {
  margin-bottom: 0.8rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=directors] .directors-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .sub-section[data-current-page=directors] .directors-con .title-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=directors] .directors-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1.6rem;
  }
  .sub-section[data-current-page=directors] .directors-con:not(:last-of-type) {
    margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
  .sub-section[data-current-page=directors] .directors-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .sub-section[data-current-page=directors] .directors-item {
    border-radius: max(1rem, 0.625vw);
  }
  .sub-section[data-current-page=directors] .directors-item .top-wrap {
    padding: 2.6rem 2.4rem;
  }
  .sub-section[data-current-page=directors] .directors-item .cont-wrap {
    height: 27.1rem;
  }
  .sub-section[data-current-page=directors] .directors-item .cont-wrap .img img {
    height: 26.2rem;
    top: unset;
    bottom: 0;
  }
  .sub-section[data-current-page=directors] .directors-item .cont-wrap .txt {
    gap: 1.6rem;
    padding: 1.6rem 2.4rem 0 2.4rem;
  }
}

.sub-section[data-current-page=oaa] .inner-box {
  padding: 2.5rem 4rem;
}
.sub-section[data-current-page=oaa] .card.icon {
  justify-content: flex-start;
}
.sub-section[data-current-page=oaa] .card.icon i {
  display: block;
  width: 8rem;
  height: 8rem;
}
.sub-section[data-current-page=oaa] .card.icon i img {
  width: 100%;
  height: 100%;
}
.sub-section[data-current-page=oaa] .btn-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=oaa] .cont-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-section[data-current-page=oaa] .cont-wrap ul {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.sub-section[data-current-page=oaa] .cont-wrap ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 10.6rem;
}
.sub-section[data-current-page=oaa] .cont-wrap ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -1.2rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1.2rem;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=oaa] .cont-wrap ul li .cont-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=oaa] .cont-wrap ul li .cont-num {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.sub-section[data-current-page=oaa] .arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  background-color: #EFF5FF;
  border-radius: 50%;
}
.sub-section[data-current-page=oaa] .arrow svg {
  width: 1.6rem;
  height: 1.6rem;
}
.sub-section[data-current-page=oaa] .arrow.bottom svg {
  transform: rotate(90deg);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .arrow {
    width: 2.4rem;
    height: 2.4rem;
  }
  .sub-section[data-current-page=oaa] .arrow svg {
    transform: rotate(90deg);
  }
}
.sub-section[data-current-page=oaa] .oaa-box-list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.sub-section[data-current-page=oaa] .oaa-box {
  display: flex;
  flex-direction: column;
}
.sub-section[data-current-page=oaa] .oaa-box .top-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 4.8rem;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
  border-top-left-radius: max(0.6rem, 0.41666vw);
  border-top-right-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=oaa] .oaa-box .top-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=oaa] .oaa-box .top-box .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .oaa-box .top-box .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=oaa] .oaa-box .top-box .tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=oaa] .oaa-box .top-box img {
  display: block;
  width: 6.4rem;
  height: 6.4rem;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box {
  display: flex;
  padding: 4rem 4.8rem;
  background-color: #ffffff;
  border-left: 1px solid #D8D8D8;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  border-bottom-left-radius: max(0.6rem, 0.41666vw);
  border-bottom-right-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .left {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  width: 50%;
  padding-right: 3.2rem;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .right {
  width: 50%;
  padding-left: 3.2rem;
  border-left: 1px solid #E4E4E4;
  display: flex;
  flex-direction: column;
  gap: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .tit {
  margin-bottom: 1.6rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.1rem;
  margin-top: 1.6rem;
  padding: 1.7rem 1.6rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .result-name {
  color: #454545;
  word-break: break-all;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .result-name {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .result-name {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .result-name {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .btn-wrap.result {
  gap: 0.9rem;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .btn-wrap.result .btn-result {
  gap: 0.2rem;
  padding: 0.05rem 0.2rem;
  min-height: auto;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .btn-wrap.result .btn-result i {
  width: 1.6rem;
  height: 1.6rem;
}
.sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box .btn-wrap.result .btn-result i svg {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .dropdown-container {
    padding: 1.6rem 2.4rem;
  }
  .sub-section[data-current-page=oaa] .dropdown-container .dropdown-item-top {
    padding: 1.6rem 0.8rem 1.6rem 0;
  }
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card {
    width: 100%;
  }
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card .title {
    margin-top: 0;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card .top-box {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
  }
  .sub-section[data-current-page=oaa] .card-list-box.column-03 .card .top-box .icon {
    width: 5.4rem;
    height: 5.4rem;
  }
  .sub-section[data-current-page=oaa] .inner-box {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=oaa] .btn-wrap.cont {
    width: 100%;
    margin-top: 2.4rem;
  }
  .sub-section[data-current-page=oaa] .btn-wrap .btn {
    width: calc(50% - 0.4rem);
  }
  .sub-section[data-current-page=oaa] .cont-wrap {
    flex-direction: column;
  }
  .sub-section[data-current-page=oaa] .cont-wrap ul {
    flex-direction: column;
    width: 100%;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=oaa] .cont-wrap ul li {
    width: 100%;
    justify-content: space-between;
    padding: 0;
  }
  .sub-section[data-current-page=oaa] .cont-wrap ul li::after {
    display: none;
  }
  .sub-section[data-current-page=oaa] .oaa-box .top-box {
    padding: 1.6rem 2.4rem;
  }
  .sub-section[data-current-page=oaa] .oaa-box .top-box img {
    width: 5.4rem;
    height: 5.4rem;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box {
    flex-direction: column;
    padding: 2.4rem;
  }
  [lang=en] .sub-section[data-current-page=oaa] .oaa-box .bottom-box {
    padding-bottom: 3.2rem;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .tit {
    margin-bottom: 0.8rem;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .left {
    width: 100%;
    gap: 2.6rem;
    padding-right: 0;
    padding-bottom: 2.4rem;
  }
  [lang=en] .sub-section[data-current-page=oaa] .oaa-box .bottom-box .left {
    padding-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .right {
    width: 100%;
    padding-left: 0;
    padding-top: 2.4rem;
    border-left: 0;
    border-top: 1px solid #E4E4E4;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .right .tit {
    margin-bottom: 1.6rem;
  }
  [lang=en] .sub-section[data-current-page=oaa] .oaa-box .bottom-box .right {
    border-top: 0;
    padding-top: 0;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box .result-box {
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box.only-info {
    padding-bottom: 3.2rem;
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box.only-info .left {
    padding-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
  .sub-section[data-current-page=oaa] .oaa-box .bottom-box.only-info .right {
    border-top: 0;
    padding-top: 0;
  }
}

.sub-section[data-current-page=integrity] .integrity-scheme-box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box {
  display: flex;
  gap: 4rem;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .scheme-item {
  flex: 1;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .top-box {
  padding: 1.6rem;
  background-color: #3379FF;
  color: #ffffff;
  border-radius: 0.6rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .top-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .top-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .top-box {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box {
  position: relative;
  display: flex;
  gap: 1.6rem;
  padding-top: 3.3rem;
  padding-bottom: 2.2rem;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 1.7rem;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .top-line {
  position: absolute;
  top: 1.7rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: calc(50% + 0.9rem);
  height: 1px;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item {
  position: relative;
  flex: 1;
  padding: 1.6rem;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
  color: #0045C9;
  border-radius: 0.6rem;
  text-align: center;
  z-index: 2;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item::before, .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 1px;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item::before {
  top: 100%;
  height: 2.4rem;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item::after {
  bottom: 100%;
  height: 1.6rem;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box {
  display: flex;
  gap: 1.6rem;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  flex: 1;
  gap: 1.6rem;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .bottom-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem;
  background-color: #F8F8F8;
  border: 1px solid #D8D8D8;
  color: #555555;
  border-radius: 0.6rem;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .bottom-item {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .bottom-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .bottom-item {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .bottom-item.pc-full {
  grid-row: span 2;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box {
    flex-direction: column;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .top-box {
    padding: 1.6rem 0.8rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box {
    padding: 2.4rem 0 0.8rem;
    gap: 1rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box::before {
    height: 1.2rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .top-line {
    top: 1.2rem;
    width: calc(50% + 0.7rem);
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item {
    padding: 1.6rem 0.8rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item::before {
    height: 0.8rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .middle-box .middle-item::after {
    height: 1.2rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box {
    gap: 1rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .inner {
    gap: 0.8rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .scheme-box .bottom-box .bottom-item {
    padding: 1.6rem 0.8rem;
  }
}
.sub-section[data-current-page=integrity] .integrity-scheme-box picture img {
  display: block;
  width: 100%;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .card {
  padding: 0;
  border: 0;
  margin-top: 3.2rem;
  margin-bottom: 0;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .card .survey-info-box {
  margin-top: 0;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .card .survey-info-box li {
  padding: 2.4rem;
  border: 1px solid #D8D8D8;
}
.sub-section[data-current-page=integrity] .integrity-scheme-box .card .survey-info-box .info-tit {
  display: block;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.02em;
  color: #1D1D1D;
  min-width: 5em;
  margin-right: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=integrity] .integrity-scheme-box .card .survey-info-box li {
    padding: 2rem 2.4rem;
  }
  .sub-section[data-current-page=integrity] .integrity-scheme-box .card .survey-info-box .info-tit {
    margin-right: 0;
    margin-bottom: 1.2rem;
    font-size: 1.5rem;
  }
}
.sub-section[data-current-page=integrity] .sub-component-title-box {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=integrity] .sub-search-container {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}

.sub-section[data-current-page=reemploy] .governance-content .gray-box.list-2 {
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 2.08333vmax, 4rem);
}

[lang=en] .sub-section[data-current-page=oaa] .cont-wrap ul li {
  width: fit-content;
  gap: 1em;
}
/* ESG경영 > 사회S > 사회공헌  */
main[data-current-page=contribution] .con-item {
  gap: 3.2rem;
}
main[data-current-page=contribution] .section-environment .row {
  margin-top: clamp(5.2rem, 6.25vmax, 12rem);
}
main[data-current-page=contribution] .section-slogan .tl-slogan .tl-slogan-text-1 {
  height: 100vh;
}
main[data-current-page=contribution] .section-slogan .slogan-text-wrap {
  text-align: center;
}
main[data-current-page=contribution] .section-slogan .slogan-line svg {
  height: 100%;
}
main[data-current-page=contribution] .section-slogan .slogan-text-wrap {
  opacity: 0.4;
}
main[data-current-page=contribution] .section-slogan .slogan-text-wrap .slogan-title span {
  opacity: 1;
}
main[data-current-page=contribution] .section-feature {
  padding-top: 0;
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=contribution] .section-slogan .inner {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
  }
  main[data-current-page=contribution] .section-slogan .visual {
    height: 54.6rem;
  }
  [lang=en] main[data-current-page=contribution] .section-slogan .visual {
    height: 64.6rem;
  }
  main[data-current-page=contribution] .section-slogan .tl-slogan .tl-slogan-text-1 {
    height: 54.6rem;
  }
  main[data-current-page=contribution] .section-slogan .tl-slogan .tl-slogan-text-2 {
    height: 0;
  }
  main[data-current-page=contribution] .section-slogan .slogan-line {
    left: 50%;
    top: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=contribution] .section-slogan .slogan-line {
    width: 100%;
    top: 65%;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=contribution] .esg-box {
    height: 48rem;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  main[data-current-page=contribution] .esg-box {
    grid-column: auto/span 6;
    height: 31rem;
  }
}
[lang=en] main[data-current-page=contribution] .esg-box {
  height: auto;
  gap: 3rem;
}
main[data-current-page=contribution] .esg-box .top-box .tit-box {
  width: calc(100% - 7.2rem - 0.8rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=contribution] .esg-box .top-box .tit-box {
    width: calc(100% - 4.8rem - 0.8rem);
  }
}
main[data-current-page=contribution] .esg-box .bottom-box-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=contribution] .esg-box .bottom-box-wrap {
    gap: 0.8rem;
  }
}
main[data-current-page=contribution] .esg-box .bottom-box {
  gap: 0.4166666667vw;
}
main[data-current-page=contribution] .esg-box .bottom-box.column {
  flex-direction: column;
  gap: 0;
}
main[data-current-page=contribution] .esg-box .bottom-box.top-line {
  border-top: 1px solid #E4E4E4;
  padding-top: 1.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=contribution] .esg-box .bottom-box.top-line {
    padding-top: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=contribution] .esg-box .bottom-box.mo-reverse {
    flex-direction: column-reverse;
  }
}
main[data-current-page=contribution] .esg-box .bottom-box .sub-num {
  color: #00A040;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=contribution] .esg-box .bottom-box .sub-num {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=contribution] .esg-box .bottom-box .sub-num {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=contribution] .esg-box .bottom-box .sub-num {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=contribution] .esg-box .bottom-box .sub-num {
    font-size: 1.6rem;
  }
}
main[data-current-page=contribution] .esg-box .bottom-box .bottom-box-inner {
  display: flex;
  align-items: baseline;
  gap: 0.4166666667vw;
}
main[data-current-page=contribution] .esg-box .bottom-box .num {
  font-size: min(5.4rem, 3.0208vw);
}
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  main[data-current-page=contribution] .esg-box .bottom-box .num {
    font-weight: 500;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=contribution] .esg-box .bottom-box .num {
    font-size: 3rem;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  main[data-current-page=contribution] .esg-box .bottom-box .unit {
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
    font-weight: 600;
    letter-spacing: -0.05em;
  }
}
@media screen and (max-width: 1440px) and (min-width: 1281px) and (max-width: 1440px) {
  main[data-current-page=contribution] .esg-box .bottom-box .unit {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1440px) and (min-width: 1281px) and (max-width: 1024px) {
  main[data-current-page=contribution] .esg-box .bottom-box .unit {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 1440px) and (min-width: 1281px) and (max-width: 600px) {
  main[data-current-page=contribution] .esg-box .bottom-box .unit {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
[lang=en] main[data-current-page=contribution] .esg-box .bottom-box .unit-wrap {
  position: relative;
}
[lang=en] main[data-current-page=contribution] .esg-box .bottom-box .krw {
  color: #00A040;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  [lang=en] main[data-current-page=contribution] .esg-box .bottom-box .krw {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] main[data-current-page=contribution] .esg-box .bottom-box .krw {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=contribution] .esg-box .bottom-box .krw {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}

/* ESG result */
.section-environment-result {
  background-color: #ffffff;
}
@media screen and (min-width: 601px) {
  .section-environment-result .esg-container-tit-large br {
    display: none;
  }
}
.section-environment-result .esg-box-tit b {
  white-space: pre;
}
.section-environment-result .img-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box {
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .box-line {
    display: none;
  }
}
.section-environment-result .img-box .box-text {
  padding: 0 2.6041666667vw;
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .box-text {
    padding: 0;
    position: relative;
    top: unset;
    transform: translate(0);
  }
}
.section-environment-result .img-box .svg-line {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .svg-line {
    top: 0;
    transform: translateY(0);
  }
}
.section-environment-result .img-box .svg-line svg {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .svg-line svg {
    height: 100%;
  }
}
.section-environment-result .img-box .svg-line svg .circle-left,
.section-environment-result .img-box .svg-line svg .circle-right {
  opacity: 0;
  transition: ease 0.3s;
}
.section-environment-result .img-box .svg-line svg .circle-left.active-circle,
.section-environment-result .img-box .svg-line svg .circle-right.active-circle {
  opacity: 1;
}
.section-environment-result .img-box .svg-line .tablet,
.section-environment-result .img-box .svg-line .mo {
  display: none;
}
.section-environment-result .img-box .svg-line .pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .svg-line .pc,
  .section-environment-result .img-box .svg-line .mo {
    display: none;
  }
  .section-environment-result .img-box .svg-line .tablet {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .svg-line .pc,
  .section-environment-result .img-box .svg-line .tablet {
    display: none;
  }
  .section-environment-result .img-box .svg-line .mo {
    display: block;
  }
}
.section-environment-result .img-box .line-sq-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: min(5rem, 2.6041666667vw) min(6rem, 3.125vw);
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text {
    flex-wrap: wrap;
    column-gap: 1.5625vw;
    row-gap: 4.8828125vw;
    padding: 7.421875vw 3.90625vw;
  }
}
@media screen and (max-width: 900px) {
  .section-environment-result .img-box .line-sq-text {
    row-gap: 4.8828125vw;
  }
}
@media screen and (max-width: 800px) {
  .section-environment-result .img-box .line-sq-text {
    row-gap: 2.9296875vw;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text {
    justify-content: center;
    column-gap: 1.3rem;
    row-gap: 10vw;
    padding: 9.1666666667vw 4.8333333333vw;
  }
}
@media screen and (max-width: 475px) {
  .section-environment-result .img-box .line-sq-text {
    row-gap: 13.3333333333vw;
    padding: 7.5vw 4.8333333333vw;
  }
}
@media screen and (max-width: 360px) {
  .section-environment-result .img-box .line-sq-text {
    row-gap: 3.1rem;
    padding: 9vw 4.1666666667vw;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] .section-environment-result .img-box .line-sq-text {
    row-gap: 7.8125vw;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .section-environment-result .img-box .line-sq-text {
    row-gap: 13.3333333333vw;
  }
}
.section-environment-result .img-box .line-sq-text .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(30.4rem, 15.8333333333vw);
  min-width: 25rem;
  padding: min(5.6rem, 2.9166666667vw) min(2.8rem, 1.4583333333vw);
  border-radius: max(1rem, 0.625vw);
  background-color: #EFF5FF;
}
@media screen and (max-width: 1350px) {
  .section-environment-result .img-box .line-sq-text .box {
    min-width: 20rem;
    padding: 1.3020833333vw 0.9375vw;
  }
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text .box {
    width: calc(50% - 0.78125vw);
    padding: min(5.6rem, 2.34375vw) min(2.8rem, 2.34375vw);
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box {
    min-width: auto;
    width: calc(50% - 2.4166666667vw - 0.65rem);
    height: 65vw;
    padding: 6.9230769231vw 3.5897435897vw;
  }
}
@media screen and (max-width: 360px) {
  .section-environment-result .img-box .line-sq-text .box {
    padding: 2rem 1.2rem;
  }
}
[lang=en] .section-environment-result .img-box .line-sq-text .box {
  padding: min(3rem, 1.5625vw) min(2.8rem, 1.4583333333vw);
}
@media screen and (max-width: 600px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box {
    padding: 6.9230769231vw 3.5897435897vw;
  }
}
@media screen and (max-width: 400px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box {
    padding: 1rem;
  }
}
.section-environment-result .img-box .line-sq-text .box img {
  width: min(16rem, 8.3333333333vw);
  height: min(16rem, 8.3333333333vw);
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text .box img {
    width: 12.890625vw;
    height: 12.890625vw;
  }
}
@media screen and (max-width: 720px) {
  .section-environment-result .img-box .line-sq-text .box img {
    width: 9.765625vw;
    height: 9.765625vw;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box img {
    width: 8.8rem;
    height: 8.8rem;
  }
}
@media screen and (max-width: 380px) {
  .section-environment-result .img-box .line-sq-text .box img {
    width: 5.8rem;
    height: 5.8rem;
  }
}
[lang=en] .section-environment-result .img-box .line-sq-text .box img {
  width: min(12rem, 6.25vw);
  height: min(12rem, 6.25vw);
}
@media screen and (max-width: 1024px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box img {
    width: 9.765625vw;
    height: 9.765625vw;
  }
}
@media screen and (max-width: 850px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box img {
    width: 7.8125vw;
    height: 7.8125vw;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box img {
    width: max(6rem, 13.3333333333vw);
    height: max(6rem, 13.3333333333vw);
  }
}
@media screen and (max-width: 380px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box img {
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (max-width: 350px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box img {
    width: 4rem;
    height: 4rem;
  }
}
.section-environment-result .img-box .line-sq-text .box .tit {
  text-align: center;
  margin: 2.4rem 0;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 1350px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 1.6rem 0 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 1.5625vw 0 0.78125vw;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: -0.02em;
    font-size: clamp(2rem, 1.25vw, 2.4rem);
    font-weight: 700;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 1.8rem 0 1.6rem;
  }
}
@media screen and (max-width: 475px) {
  .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 1.6rem 0 0.4rem;
    font-size: min(1.7rem, 3.8461538462vw);
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.02em;
    text-align: center;
  }
}
[lang=en] .section-environment-result .img-box .line-sq-text .box .tit {
  margin: 2rem 0;
}
@media screen and (max-width: 1350px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 1.6rem 0 1rem;
    font-size: 2rem;
  }
}
@media screen and (max-width: 850px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 1rem 0 0.6rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .tit {
    font-size: max(1.5rem, 3vw);
  }
}
@media screen and (max-width: 350px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .tit {
    margin: 0.6rem 0 0.4rem;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1351px) {
  .section-environment-result .img-box .line-sq-text .box .tit br {
    display: none;
  }
}
@media screen and (max-width: 1350px) {
  .section-environment-result .img-box .line-sq-text .box .tit br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .tit br {
    display: block;
  }
}
[lang=en] .section-environment-result .img-box .line-sq-text .box .tit br {
  display: block;
}
.section-environment-result .img-box .line-sq-text .box .desc {
  text-align: center;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 635px) {
  .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .desc {
    word-break: break-all;
  }
}
@media screen and (max-width: 475px) {
  .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: min(1.6rem, 3.5897435897vw);
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -0.02em;
    text-align: center;
  }
}
@media screen and (max-width: 1350px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 850px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .desc {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .section-environment-result .img-box .line-sq-text .box .desc {
    word-break: break-word;
    font-size: max(1.2rem, 2.5vw);
  }
}
@media screen and (min-width: 1025px) {
  .section-environment-result .img-box .line-sq-text .box .desc br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .section-environment-result .img-box .line-sq-text .box .desc br {
    display: none;
  }
}

.container.environment {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
}

.container.result {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}

.sub-section[data-current-page=contribution] .sub-component-title-box {
  justify-content: flex-end;
}
.sub-section[data-current-page=contribution] .board-list-tbody .board-list-row .column.board-inline {
  width: 100%;
}

main[data-current-page=environmanage] .section-eco-management {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
  background-color: #ffffff;
}
main[data-current-page=environmanage] .section-eco-management .strategy-list {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  --info-max-height: 0;
}
@media screen and (max-width: 600px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list {
    padding-top: 3rem;
  }
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item {
  padding: 2rem 0;
  border-top: 1px solid #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item {
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
    padding: 1.6rem 0;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item {
    padding: 1.6rem 0;
  }
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-title {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-title {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-desc {
  padding-top: 0.8333333333em;
  padding-bottom: 0.8333333333em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-desc {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-desc {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-info .info-desc {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-img {
  height: min(26rem, 13.5416666667vw);
  overflow: hidden;
  transition: ease 0.6s height;
  border-radius: max(0.6rem, 0.41666vw);
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-img.info-max-height {
  height: var(--info-max-height);
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-img.active {
  height: min(52rem, 27.0833333333vw) !important;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-img {
    height: min(30.2rem, 29.4921875vw);
  }
  main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-img.active {
    height: min(60.4rem, 58.984375vw) !important;
  }
}
main[data-current-page=environmanage] .section-eco-management .strategy-list .strategy-item .item-img img {
  display: block;
  width: 100%;
  height: auto;
}
main[data-current-page=environmanage] .section-eco-management .result-container {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
}
main[data-current-page=environmanage] .section-eco-management .result-container h4 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
main[data-current-page=environmanage] .section-eco-management .result-container h4 small {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=environmanage] .section-eco-management .result-container h4 small {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .result-container h4 small {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=environmanage] .section-eco-management .result-container h4 small {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .result-container h4 {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box {
    height: 37rem;
  }
}
main[data-current-page=environmanage] .section-eco-management .result-container .esg-box:not(.large) .tit-box {
  width: calc(100% - 7.2rem - 0.8rem);
}
main[data-current-page=environmanage] .section-eco-management .result-container .esg-box .top-box {
  align-items: flex-start;
}
main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large {
  grid-row: span 2;
  height: 100%;
}
main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .top-box {
  flex-direction: column;
  align-items: center;
}
main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .top-box .tit-box {
  margin-bottom: 5.8rem;
}
main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .icon {
  width: min(20.3125vw, 39rem);
  height: min(20.3125vw, 39rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box:not(.large) .tit-box {
    width: calc(100% - 4.8rem - 0.8rem);
  }
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large {
    grid-row: span 4;
  }
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .icon {
    width: 35.15625vw;
    height: 35.15625vw;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large {
    gap: 0;
  }
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .top-box {
    gap: 0;
  }
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .top-box .tit-box {
    margin-bottom: 0;
  }
  main[data-current-page=environmanage] .section-eco-management .result-container .esg-box.large .icon {
    width: 58.4615384615vw;
    height: 58.4615384615vw;
  }
}
main[data-current-page=environmanage] .section-bottom-banner {
  background-color: #EFF5FF;
}

.sub-section[data-current-page=environmanage] {
  /* 환경경영 > PCBs 증빙서류제출 */
  /* 환경경영 > PCBs 증빙서류제출 - 상세 수정 페이지 */
}
.sub-section[data-current-page=environmanage] .sub-component-title-box.search {
  justify-content: flex-end;
}
.sub-section[data-current-page=environmanage] .board-list-tbody .board-list-row .column.board-inline {
  width: 100%;
}
.sub-section[data-current-page=environmanage] .board-list-tbody .board-list-row .column.ellipsis span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sub-section[data-current-page=environmanage] .environmanage-gray-box {
  padding: 4rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  border-radius: max(1rem, 0.625vw);
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=environmanage] .environmanage-gray-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=environmanage] .customer-view-container.edit .table-container table td .input-date {
  width: calc(50% - 7rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=environmanage] .customer-view-container.edit .table-container table td .input-date {
    width: 100%;
  }
}
.sub-section[data-current-page=environmanage] .customer-view-container.edit .table-container table td .input-text-button .input-text {
  width: calc(50% - 7rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=environmanage] .customer-view-container.edit .table-container table td .input-text-button .input-text {
    width: calc(100% - 10rem);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=environmanage] .customer-view-container.edit .table-container table td .input-text-button .input-text {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=environmanage] .customer-view-container.edit .table-container table td .input-text-button .btn {
    margin-top: 0.6rem;
    width: 100%;
  }
}

main[data-current-page=carbon] .esg-container-tit-wrap {
  padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .esg-container-tit-wrap {
    flex-direction: column;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container-tit {
    padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
  }
}
main[data-current-page=carbon] .role-container-tit br {
  display: none;
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container-tit br {
    display: block;
  }
}
main[data-current-page=carbon] .section-carbon-neutrality {
  position: relative;
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
  background-color: #ffffff;
  z-index: 1;
}
main[data-current-page=carbon] .section-carbon-neutrality h5 {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .section-carbon-neutrality h5 {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .section-carbon-neutrality h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .section-carbon-neutrality h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
main[data-current-page=carbon] .neutrality-container {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
}
main[data-current-page=carbon] .role-container {
  position: relative;
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
main[data-current-page=carbon] .role-container .text-row {
  position: sticky;
  top: 0;
  left: 0;
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: 40vh;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .text-row {
    position: relative;
    padding-bottom: 0;
  }
}
main[data-current-page=carbon] .role-container .box-row {
  margin-top: calc((clamp(10.6rem, 12.5vmax, 24rem) + 40vh) * -1);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .box-row {
    margin-top: 0;
    padding-top: 0;
  }
}
main[data-current-page=carbon] .role-container .role-list {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-list {
    flex-direction: column;
  }
}
main[data-current-page=carbon] .role-container .role-list .list-f,
main[data-current-page=carbon] .role-container .role-list .list-s {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-list .list-f,
  main[data-current-page=carbon] .role-container .role-list .list-s {
    transform: none !important;
  }
}
main[data-current-page=carbon] .role-container .role-list .list-s {
  justify-content: center;
}
main[data-current-page=carbon] .role-container .role-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .role-item {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-item {
    padding: 2.4rem;
  }
}
main[data-current-page=carbon] .role-container .role-item .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 1.6rem;
  border-radius: 0.8rem;
  color: #ffffff;
  background-color: #00A040;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .role-container .role-item .num {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .role-item .num {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-item .num {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-item .num {
    width: 2.4rem;
    height: 2.4rem;
  }
}
main[data-current-page=carbon] .role-container .role-item .role-item-title {
  padding-bottom: 0.4666666667em;
}
@media screen and (max-width: 1126px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-title br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-title br {
    display: block;
  }
}
@media screen and (max-width: 618px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-title br {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-title br {
    display: block;
  }
}
main[data-current-page=carbon] .role-container .role-item .role-item-desc {
  padding-bottom: 1.2631578947em;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-desc {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-desc {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-item .role-item-desc {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
main[data-current-page=carbon] .role-container .role-item .role-item-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  width: 100%;
}
main[data-current-page=carbon] .role-container .role-item .btn-wrap {
  display: flex;
  gap: 0.8rem;
}
[lang=en] main[data-current-page=carbon] .role-container .role-item .btn-wrap {
  flex-wrap: wrap;
}
main[data-current-page=carbon] .role-container .role-item img {
  display: block;
  width: 14.5rem;
  height: 14.5rem;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .role-container .role-item img {
    width: 12rem;
    height: 12rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .role-container .role-item img {
    width: 9.6rem;
    height: 9.6rem;
  }
}
main[data-current-page=carbon] .committee-container {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
}
@media screen and (max-width: 1170px) {
  main[data-current-page=carbon] .future-container h5 br,
  main[data-current-page=carbon] .committee-container h5 br {
    display: none;
  }
}
main[data-current-page=carbon] .esg-box img {
  display: block;
  width: 100%;
  height: 100%;
}
main[data-current-page=carbon] .esg-box-list.accordion-box {
  align-items: start;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box {
  align-items: center;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box {
    padding: 3.2rem 2.4rem;
  }
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box.active .bottom-box ul li {
  gap: 0.9375em;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box.active i {
  transform: rotate(180deg);
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 1.6rem;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .top i {
  width: 2.8rem;
  height: 2.8rem;
  cursor: pointer;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .esg-box-tit {
  flex: 1;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .icon {
  width: 22.4rem;
  height: 22.4rem;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box {
  width: 100%;
  padding-top: 1.6rem;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul {
  width: 100%;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 2rem 0;
  overflow: hidden;
  transition: ease 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li {
    padding: 1.6rem 0;
  }
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-tit {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .desc {
  height: 0;
  overflow: hidden;
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-desc {
  padding: 2rem;
  color: #555555;
  background-color: #F8F8F8;
  border-radius: max(0.6rem, 0.41666vw);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-desc {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-desc {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-desc {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .bottom-box ul li .cont-desc {
  font-size: 1.6rem;
}
main[data-current-page=carbon] .graph-box {
  align-items: center;
  margin-top: clamp(2.8rem, 3.33333vmax, 6.4rem);
  padding: 4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box {
    padding: 3rem;
  }
}
main[data-current-page=carbon] .graph-box svg {
  width: 100%;
  height: 100%;
}
main[data-current-page=carbon] .graph-box .graph-text {
  position: relative;
  pointer-events: all;
  cursor: pointer;
}
main[data-current-page=carbon] .graph-box .graph-text::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 2rem 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
}
main[data-current-page=carbon] .graph-box .diagram {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 9.6rem;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram {
    flex-direction: column;
    gap: 2.8rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left {
  display: flex;
  gap: 2.4rem;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left {
    flex-direction: column;
    gap: 2.8rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  padding: 0 2rem;
  color: #1D1D1D;
  background-color: #F0F0F0;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box {
    width: 100%;
    padding: 2rem 0;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box.line {
  position: relative;
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box.line::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -2.4rem;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 0.1rem;
  background-color: #E4E4E4;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box.line::after {
    left: 50%;
    top: -2.8rem;
    transform: translateX(-50%);
    width: 0.1rem;
    height: 1.6rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box.line::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -0.8rem;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.8rem;
  background-color: #E4E4E4;
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box.line::before {
    left: 50%;
    top: -1.6rem;
    transform: translateX(-50%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box img {
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box img {
    width: 7.2rem;
    height: 7.2rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .tit {
  margin: 1.6rem 0 0.8rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .tit {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .tit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .tit {
    margin: 0.8rem 0 0.4rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .sub-tit {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .sub-tit {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .sub-tit {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-left .gray-box .sub-tit {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  width: 49.34%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right {
    width: 100%;
    gap: 1.2rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .color {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15.4166666667vw;
  padding: 0 2rem;
  border-radius: max(0.6rem, 0.41666vw);
  color: #ffffff;
  background-color: #00A040;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .color {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .color {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .color {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .color {
    width: 100%;
    height: 6.7rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .color.line {
  position: relative;
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .color.line::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -4.9rem;
  transform: translateY(-50%);
  width: 4.9rem;
  height: 0.1rem;
  background-color: #E4E4E4;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .color.line::after {
    left: 50%;
    top: -2.8rem;
    transform: translateX(-50%);
    width: 0.1rem;
    height: 1.6rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .color.line::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -0.8rem;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.8rem;
  background-color: #E4E4E4;
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .color.line::before {
    left: 50%;
    top: -1.6rem;
    transform: translateX(-50%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .color.l-line::after {
  width: 9.8rem;
  left: -9.8rem;
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box {
  position: relative;
  display: flex;
  gap: 1.6rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box {
    flex-direction: column;
    gap: 0.4rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -4.9rem;
  width: 0.1rem;
  height: calc(50% + 2.4rem);
  background-color: #E4E4E4;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box::after {
    display: none;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.mid::after {
  height: 100%;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.mid::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.mid .color.line::after, main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.mid .color.line::before {
    display: none;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.end::after {
  top: unset;
  bottom: 50%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.end::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.end .color.line::after, main[data-current-page=carbon] .graph-box .diagram .diagram-right .right-box.end .color.line::before {
    display: none;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .gray {
  flex: 1;
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm {
  width: 100%;
  padding: 2rem 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
  border: 1px solid #E4E4E4;
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm:not(:first-of-type) {
  margin-top: 1rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm:not(:first-of-type) {
    margin-top: 0.4rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm {
    padding: 2rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
  position: absolute;
  top: 2.25rem;
  left: calc(100% - 1.6rem);
  min-width: 20.8333333333vw;
  padding: 2rem 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  z-index: 12;
  opacity: 0;
  pointer-events: none;
}
[lang=en] main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
  left: 0;
}
@media screen and (max-width: 1550px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
    left: 50%;
  }
}
@media screen and (max-width: 1280px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
    left: 0;
    min-width: 30rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 350px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip {
    left: -5rem !important;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .text {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .text {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .text {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .text {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .text {
    flex: 1;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .text {
    font-size: 1.3rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .close-btn {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm .info .graph-box-tooltip .close-btn {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm a {
  position: relative;
  display: inline-block;
  width: fit-content;
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm a {
    width: 100%;
    justify-content: space-between;
  }
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm i {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
main[data-current-page=carbon] .graph-box .diagram .diagram-right .sm i svg {
  width: 100%;
  height: 100%;
}
main[data-current-page=carbon] .slide-img-container {
  position: relative;
  height: 260vh;
}
main[data-current-page=carbon] .slide-img-container .visual-pin {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100lvh;
}
main[data-current-page=carbon] .slide-img-container .visual-pin .visual-img {
  border-radius: max(1rem, 0.625vw);
}
main[data-current-page=carbon] .slide-img-container .visual {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100vh;
  height: 100lvh;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .slide-img-container .visual {
    flex-direction: column;
  }
}
main[data-current-page=carbon] .slide-img-container .tl {
  position: absolute;
  top: 0;
  left: 0;
}
main[data-current-page=carbon] .slide-img-container .tl .tl-1 {
  height: 70vh;
}
main[data-current-page=carbon] .slide-img-container .tl .tl-2 {
  height: 70vh;
}
main[data-current-page=carbon] .slide-img-container .tl .tl-3 {
  height: 120vh;
}
main[data-current-page=carbon] .slide-img-container .img-container {
  position: relative;
  width: 0;
  overflow: hidden;
}
main[data-current-page=carbon] .slide-img-container .img-container.img-1 {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .slide-img-container .img-container {
    width: 100%;
    height: 0;
  }
  main[data-current-page=carbon] .slide-img-container .img-container.img-1 {
    height: 100%;
  }
}
main[data-current-page=carbon] .slide-img-container .visual-icon {
  border-radius: max(1rem, 0.625vw);
  pointer-events: none;
}
main[data-current-page=carbon] .slide-img-container .visual-icon .img-container {
  overflow: visible;
}
main[data-current-page=carbon] .slide-img-container .visual-icon .img-container .icon {
  opacity: 0;
}
main[data-current-page=carbon] .slide-img-container .text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: fit-content;
  mask-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
  -webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%);
}
main[data-current-page=carbon] .slide-img-container .text p {
  white-space: nowrap;
  width: fit-content;
  text-align: center;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(4rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=carbon] .slide-img-container .text p {
    font-size: clamp(4rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .slide-img-container .text p {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=carbon] .slide-img-container .text p {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .slide-img-container .text p {
    font-size: 3rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=carbon] .slide-img-container .text p {
    font-size: 2.4rem;
  }
}
main[data-current-page=carbon] .slide-img-container .text p .br-1440 {
  display: none;
}
@media screen and (max-width: 1440px) and (min-width: 1025px) {
  main[data-current-page=carbon] .slide-img-container .text p .br-1440 {
    display: inline;
  }
}
main[data-current-page=carbon] .slide-img-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
main[data-current-page=carbon] .slide-img-container .icon {
  width: 5.4rem;
  height: 5.4rem;
  position: absolute;
  top: 50%;
  left: -2.7rem;
  transform: translate(0, -50%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=carbon] .slide-img-container .icon {
    width: 4.5rem;
    height: 4.5rem;
    left: 50%;
    top: -2.25rem;
    transform: translate(-50%, 0);
  }
}
main[data-current-page=carbon] .section-bottom-banner {
  background-color: #EFF5FF;
}
main[data-current-page=carbon] .kv-text-container .more-btn-wrap {
  justify-content: flex-start;
}
main[data-current-page=carbon] .kv-text-container .more-btn-wrap .btn {
  width: auto;
}

.sub-section[data-current-page=carbon] .sub-component-title-box {
  justify-content: flex-end;
}
.sub-section[data-current-page=carbon] .board-list-tbody .board-list-row .column.board-inline {
  width: 100%;
}

[lang=en] main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .esg-box-tit {
  display: flex;
  align-items: center;
  height: 4.1666666667vw;
}
[lang=en] main[data-current-page=carbon] .graph-box .gray-box * {
  text-align: center;
}
[lang=en] main[data-current-page=carbon] .graph-box .diagram .diagram-right .color {
  text-align: center;
}
@media screen and (max-width: 1440px) {
  [lang=en] main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .esg-box-tit {
    display: flex;
    align-items: center;
    height: 9.7222222222vw;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=carbon] .esg-box-list.accordion-box .esg-box .esg-box-tit {
    height: auto;
  }
}

[lang=en] main[data-current-page=talent] .kv-title-text {
  padding-right: 0;
}
@media screen and (max-width: 1152px) {
  [lang=en] main[data-current-page=talent] .kv-title-text br {
    display: none;
  }
}
main[data-current-page=talent] .section-slogan .tl-slogan .tl-slogan-text-1 {
  height: 100vh;
}
main[data-current-page=talent] .section-slogan .slogan-text-wrap {
  text-align: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-slogan .inner {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
  }
}
main[data-current-page=talent] .section-slogan .slogan-line svg {
  height: auto;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-slogan .slogan-line {
    top: 0;
    width: auto;
    padding-bottom: 0;
  }
  main[data-current-page=talent] .section-slogan .slogan-line svg {
    width: auto;
    height: 100%;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-slogan .slogan-line {
    left: -15%;
    right: -15%;
  }
  main[data-current-page=talent] .section-slogan .slogan-line svg {
    width: 100%;
    height: 100%;
  }
}
main[data-current-page=talent] .section-slogan .slogan-word {
  padding-bottom: 0.1rem;
  font-size: min(4.8rem, 2.5vw);
  font-weight: 700;
  color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-slogan .slogan-word {
    font-size: 2rem;
    padding-bottom: 0.8rem;
  }
}
main[data-current-page=talent] .section-slogan .slogan-text-wrap {
  opacity: 0.4;
}
main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-title {
  color: #00A040;
}
main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-title span {
  opacity: 1;
}
main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-sub-title {
  margin-top: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-sub-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-sub-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-sub-title {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1440px) {
  main[data-current-page=talent] .section-slogan .slogan-text-wrap .slogan-sub-title {
    font-size: min(2.5rem, 1.3020833333vw);
  }
}
main[data-current-page=talent] .section-feature {
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
main[data-current-page=talent] .section-feature .esg-feature-item .info-box.flex-row {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
[lang=en] main[data-current-page=talent] .section-feature .esg-feature-item .info-box.flex-row .btn span {
  text-align: left;
}
main[data-current-page=talent] .section-feature .esg-feature-item .txt-sm {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=talent] .section-feature .unit-grid {
  display: flex;
  margin-top: 4rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .unit-grid {
    display: none;
  }
}
main[data-current-page=talent] .section-feature .unit-grid svg {
  width: 100%;
  height: auto;
}
main[data-current-page=talent] .section-feature .unit-list-grid {
  display: none;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .unit-list-grid {
    justify-content: space-between;
    margin-top: 2.4rem;
    display: flex;
  }
}
main[data-current-page=talent] .section-feature .unit-list-grid .circle-line {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .circle, main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-red, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .circle-red, main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-yellow, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .circle-yellow, main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .circle-green, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .circle-green {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #E4E4E4;
}
main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .circle.active, main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .active.circle-red, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .active.circle-red, main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .active.circle-yellow, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .active.circle-yellow, main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom .active.circle-green, .sub-section[data-current-page=materiality] .section-materiality .dropdown-container .dropdown-item-bottom main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .active.circle-green {
  background-color: #00E15A;
}
main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .line {
  position: relative;
  width: 0.5rem;
  height: calc(100% - 2rem - 1rem);
}
main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .line::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.5rem;
  height: 100%;
  border-radius: 10px;
  background-color: #E4E4E4;
  z-index: 1;
}
main[data-current-page=talent] .section-feature .unit-list-grid .circle-line .line .line-active {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.5rem;
  height: 0;
  border-radius: 10px;
  background: linear-gradient(to bottom, #00E15A, #33C9FF);
  z-index: 2;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list {
  width: calc(100% - 1rem - 1.2rem);
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card {
  padding: 2.4rem;
  border: 1px solid #E4E4E4;
  border-radius: max(1rem, 0.625vw);
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card:not(:last-child) {
  margin-bottom: 1.2rem;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card.active .top p {
  color: #1D1D1D;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card.active .top p b {
  color: #00A040;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card.active .top .img img.black {
  display: none;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card.active .top .img img.default {
  display: block;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card.active .bottom p {
  color: #1D1D1D;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card.active .bottom p b {
  color: #077B43;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top p {
  color: #8E8E8E;
  transition: color 0.3s ease;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top p b {
  color: #8E8E8E;
  font-size: 2.5rem;
  transition: color 0.3s ease;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top .img {
  position: relative;
  width: 4rem;
  height: 4rem;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top .img img.black {
  display: block;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .top .img img.default {
  display: none;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .bottom {
  padding: 1.6rem 2rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
}
main[data-current-page=talent] .section-feature .unit-list-grid .list .unit-card .bottom p {
  color: #8E8E8E;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=talent] .section-feature .step-grid {
  margin-top: 2.4rem;
}
main[data-current-page=talent] .section-feature .step-grid .step-card {
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
}
main[data-current-page=talent] .section-feature .step-grid .step-card .top {
  display: flex;
  align-items: center;
  padding: 2.4rem 3.2rem;
  background-color: #F0F0F0;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .step-card .top {
    padding: 1.6rem 2rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .step-card .top .step {
  padding: 0.4rem 1.2rem;
  color: #ffffff;
  border-radius: 99px;
  white-space: pre;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
main[data-current-page=talent] .section-feature .step-grid .step-card .top .step.step-1 {
  background-color: #00C24E;
}
main[data-current-page=talent] .section-feature .step-grid .step-card .top .step.step-2 {
  background-color: #00A040;
}
main[data-current-page=talent] .section-feature .step-grid .step-card .top .step.step-3 {
  background-color: #077B43;
}
main[data-current-page=talent] .section-feature .step-grid .step-card .top p {
  margin-left: 1.2rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=talent] .section-feature .step-grid .step-card .top p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-feature .step-grid .step-card .top p {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .step-card .top p {
    font-size: 2.1rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .step-card .bottom {
  padding: 2.4rem 3.2rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .step-card .bottom {
    padding: 1.6rem 2.4rem 2.4rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .grid-arrow {
  padding: 1.6rem 0;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .grid-arrow {
    padding: 1.2rem 0;
  }
}
main[data-current-page=talent] .section-feature .step-grid .grid-arrow svg {
  margin: 0 auto;
}
main[data-current-page=talent] .section-feature .step-grid .feedback {
  margin-top: 2.4rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback {
    margin-top: 1.6rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .feedback .tit {
  margin-bottom: 1.2rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .tit {
    font-size: 1.8rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive {
  width: 100%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive .mobile-only-row {
  display: none;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table {
    display: block;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table th, main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table td {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table th.no-pd, main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table td.no-pd {
    padding: 1.2rem 0;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table th.no-border-bottom, main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table td.no-border-bottom {
    border-bottom: 1px solid #D8D8D8;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table th.no-border-right-m, main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table td.no-border-right-m {
    border-right: 0;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table th.border-bottom, main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table td.border-bottom {
    border-bottom: 1px solid #D8D8D8;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table thead {
    display: block;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table thead tr {
    display: flex;
    flex-wrap: wrap;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table thead tr th {
    width: 25%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table thead tr th:nth-child(1) {
    width: 20%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table thead tr th:nth-child(4) {
    width: 30%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table thead tr th.graph-cell {
    display: none;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody {
    display: block;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody tr:not(.mobile-only-row) {
    display: flex;
    flex-wrap: wrap;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody tr:not(.mobile-only-row) th {
    width: 25%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody tr:not(.mobile-only-row) th:nth-child(1) {
    width: 20%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody tr:not(.mobile-only-row) td {
    width: 25%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody tr:not(.mobile-only-row) td:nth-child(4) {
    width: 30%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody tr:not(.mobile-only-row) td.graph-data {
    display: none;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody .mobile-only-row {
    display: block;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody .mobile-only-row th {
    width: 100%;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table tbody .mobile-only-row td.mobile-chart-cell {
    width: 100%;
    padding-top: 2rem;
  }
  main[data-current-page=talent] .section-feature .step-grid .feedback .table-container.responsive table [rowspan] {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback .table-scroll-wrapper {
    overflow-x: auto;
  }
  [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback .table-scroll-wrapper .table-wrapper {
    width: 40rem;
  }
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback .mobile-only-row {
  display: block;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback [rowspan] {
  display: none;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table {
  display: block !important;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table th, [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table td {
  display: flex;
  align-items: center;
  justify-content: center;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table th.no-pd, [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table td.no-pd {
  padding: 1.2rem 0;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table th.no-border-bottom, [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table td.no-border-bottom {
  border-bottom: 1px solid #D8D8D8;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table th.no-border-right-m, [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table td.no-border-right-m {
  border-right: 0;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table th.border-bottom, [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table td.border-bottom {
  border-bottom: 1px solid #D8D8D8;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table thead {
  display: block;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table thead tr {
  display: flex;
  flex-wrap: wrap;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table thead tr th {
  width: 25%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table thead tr th:nth-child(1) {
  width: 20%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table thead tr th:nth-child(4) {
  width: 30%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table thead tr th.graph-cell {
  display: none;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody {
  display: block;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody tr:not(.mobile-only-row) {
  display: flex;
  flex-wrap: wrap;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody tr:not(.mobile-only-row) th {
  width: 25%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody tr:not(.mobile-only-row) th:nth-child(1) {
  width: 20%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody tr:not(.mobile-only-row) td {
  width: 25%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody tr:not(.mobile-only-row) td:nth-child(4) {
  width: 30%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody tr:not(.mobile-only-row) td.graph-data {
  display: none;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody .mobile-only-row {
  display: block !important;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody .mobile-only-row th {
  width: 100%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback table tbody .mobile-only-row td.mobile-chart-cell {
  width: 100%;
  padding-top: 2rem;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart {
  width: 100%;
}
[lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback .chart {
  max-width: 40rem;
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=talent] .section-feature .step-grid .feedback .chart {
    max-width: 30rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .chart {
    padding: 1.2rem 1.2rem 0.8rem 1.2rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-legend {
  display: flex;
  margin-bottom: 2rem;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-legend .legend {
  position: relative;
  padding-left: 1.8rem;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-legend .legend::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 0.2rem;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-legend .legend.average {
  margin-right: 1.6rem;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-legend .legend.average::after {
  background-color: #077B43;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-legend .legend.normal::after {
  background-color: #00C24E;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content {
    gap: 1.6rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content:nth-child(1) .bar.average {
  height: 63.1944444444%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content:nth-child(1) .bar.normal {
  height: 54.8611111111%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content:nth-child(2) .bar.average {
  height: 100%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content:nth-child(2) .bar.normal {
  height: 87.5%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content:nth-child(3) .bar.average {
  height: 81.25%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content:nth-child(3) .bar.normal {
  height: 70.8333333333%;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content-bar {
  display: flex;
  align-items: flex-end;
  gap: 0.6rem;
  width: 100%;
  height: 14.4rem;
  margin-bottom: 0.7rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content-bar {
    gap: 0.4rem;
  }
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content-bar .bar {
  display: block;
  width: calc(50% - 0.2rem);
  border-radius: 0.8rem 0.8rem 0 0;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content-bar .bar {
    border-radius: 0.6rem 0.6rem 0 0;
  }
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content-bar .bar.average {
  background-color: #077B43;
}
main[data-current-page=talent] .section-feature .step-grid .feedback .chart .chart-content .content-bar .bar.normal {
  background-color: #00C24E;
}
main[data-current-page=talent] .section-feature .target-box {
  padding: 4rem;
  border: 1px solid #D8D8D8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-box {
    padding: 2.4rem;
  }
}
main[data-current-page=talent] .section-feature .target-list .target:not(:last-child) {
  margin-bottom: 3.2rem;
}
main[data-current-page=talent] .section-feature .target-list .target .top {
  display: flex;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=talent] .section-feature .target-list .target .top {
    flex-direction: column;
  }
}
main[data-current-page=talent] .section-feature .target-list .target .top img {
  margin-right: 1.6rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-list .target .top img {
    width: 4rem;
    height: 4rem;
    margin-right: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=talent] .section-feature .target-list .target .top img {
    margin-bottom: 1.4rem;
  }
}
main[data-current-page=talent] .section-feature .target-list .target .top .step {
  color: #00A040;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-list .target .top .step {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
  }
}
main[data-current-page=talent] .section-feature .target-list .target .top p {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-list .target .top p {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  main[data-current-page=talent] .section-feature .target-list .target .top p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  main[data-current-page=talent] .section-feature .target-list .target .top p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-list .target .top p {
    font-size: 1.8rem;
  }
}
main[data-current-page=talent] .section-feature .target-list .target .bottom {
  padding: 2.4rem;
  border-radius: 0.6rem;
  border: 1px solid #F0F0F0;
  background-color: #F8F8F8;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-list .target .bottom {
    padding: 2rem;
  }
}
main[data-current-page=talent] .section-feature .target-list .target .bottom .tit {
  margin-bottom: 0.8rem;
  color: #2D2D2D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=talent] .section-feature .target-list .target .bottom .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-feature .target-list .target .bottom .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .target-list .target .bottom .tit {
    font-size: 1.8rem;
  }
}
main[data-current-page=talent] .section-feature .target-list .target .bottom .dot-txt-list {
  gap: 0.4rem;
}
main[data-current-page=talent] .section-feature .target-list .target .bottom .dot-txt-list .dot-txt {
  color: #2D2D2D;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .con-box.custom-gap {
    gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
main[data-current-page=talent] .section-feature .culture-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .culture-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.8rem;
  }
}
main[data-current-page=talent] .section-feature .culture-list .culture-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: 3.2rem;
  border: 1px solid #D8D8D8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .culture-list .culture-card {
    padding: 2.4rem;
  }
}
main[data-current-page=talent] .section-feature .culture-list .culture-card .num {
  border-radius: max(0.6rem, 0.41666vw);
  padding: 0.6rem 1.2rem;
  background-color: #00A040;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .culture-list .culture-card .num {
    padding: 0.4rem 1rem;
  }
}
main[data-current-page=talent] .section-feature .culture-list .culture-card p {
  margin-top: 1.2rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=talent] .section-feature .culture-list .culture-card p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=talent] .section-feature .culture-list .culture-card p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .culture-list .culture-card p {
    font-size: 1.8rem;
  }
}
main[data-current-page=talent] .section-feature .culture-list .culture-card img {
  width: 8rem;
  height: 8rem;
  margin-top: 1.6rem;
  margin-left: auto;
}
@media screen and (max-width: 600px) {
  main[data-current-page=talent] .section-feature .culture-list .culture-card img {
    margin-top: 0.8rem;
  }
}

/* ESG경영 > 사회S > 안전경영  */
[lang=en] main[data-current-page=safety] .kv-title-text {
  padding-right: 0;
}
@media screen and (max-width: 1203px) {
  [lang=en] main[data-current-page=safety] .kv-title-text br {
    display: none;
  }
}
main[data-current-page=safety] .section-wrapper {
  background-color: #ffffff;
}
main[data-current-page=safety] .section-feature {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
  background-color: transparent;
}
main[data-current-page=safety] .cont {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
main[data-current-page=safety] .gray-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  padding: 5.6rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box {
    padding: 3.2rem;
    gap: 2.4rem;
  }
}
main[data-current-page=safety] .gray-box.img {
  padding: 4.8rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box.img {
    padding: 3.2rem;
    gap: 1.6rem;
  }
}
main[data-current-page=safety] .gray-box.left {
  align-items: flex-start;
}
main[data-current-page=safety] .gray-box .icon-title {
  color: #1D1D1D;
  text-align: center;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .gray-box .icon-title {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box .icon-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box .icon-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box .icon-title {
    font-size: 1.7rem;
  }
}
main[data-current-page=safety] .gray-box .icon-title b {
  color: #00A040;
}
main[data-current-page=safety] .gray-box .gray-box-text {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .gray-box .gray-box-text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box .gray-box-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box .gray-box-text {
    font-size: 1.6rem;
  }
}
main[data-current-page=safety] .gray-box img.icon {
  width: 8.4rem;
  height: 8.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box img.icon {
    width: 4.8rem;
    height: 4.8rem;
  }
}
main[data-current-page=safety] .gray-box img.graph {
  width: 100%;
}
main[data-current-page=safety] .gray-box .img {
  display: flex;
  gap: 2.4rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box .img {
    flex-direction: column;
    gap: 0.8rem;
  }
}
main[data-current-page=safety] .gray-box .img img {
  width: calc(50% - 1.2rem);
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #E4E4E4;
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box .img img {
    width: 100%;
  }
}
main[data-current-page=safety] .gray-box dl {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  color: #555555;
}
main[data-current-page=safety] .gray-box dl:not(:last-child) {
  margin-bottom: 0.6rem;
}
main[data-current-page=safety] .gray-box dl dt {
  width: 6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .gray-box dl dt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box dl dt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box dl dt {
    font-size: 1.6rem;
  }
}
main[data-current-page=safety] .gray-box dl dd {
  width: calc(100% - 8rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .gray-box dl dd {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .gray-box dl dd {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box dl dd {
    font-size: 1.6rem;
  }
}
[lang=en] main[data-current-page=safety] .gray-box dl dt {
  width: 11rem;
}
[lang=en] main[data-current-page=safety] .gray-box dl dd {
  width: calc(100% - 13rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .gray-box .btn {
    width: 100%;
  }
}
main[data-current-page=safety] .strategy-box-list {
  display: flex;
  gap: 1.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .strategy-box-list {
    flex-direction: column;
  }
}
main[data-current-page=safety] .strategy-box-list .strategy-box {
  flex: 1;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
}
main[data-current-page=safety] .strategy-box-list .strategy-box:nth-child(1) .top {
  background-color: #00C24E;
}
main[data-current-page=safety] .strategy-box-list .strategy-box:nth-child(2) .top {
  background-color: #00A040;
}
main[data-current-page=safety] .strategy-box-list .strategy-box:nth-child(3) .top {
  background-color: #077B43;
}
main[data-current-page=safety] .strategy-box-list .strategy-box .top {
  display: flex;
  justify-content: center;
  padding: 1.2rem 2.4rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .top {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .top {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .top {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .top {
    padding: 0.8rem 2.4rem;
  }
}
main[data-current-page=safety] .strategy-box-list .strategy-box .bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.8rem 2.4rem 3.2rem;
  gap: 2.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .bottom {
    padding: 2.4rem 2.4rem 3.2rem;
  }
}
main[data-current-page=safety] .strategy-box-list .strategy-box .bottom img {
  width: 8rem;
  height: 8rem;
}
main[data-current-page=safety] .strategy-box-list .strategy-box .bottom p {
  text-align: center;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .bottom p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .bottom p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .bottom p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .strategy-box-list .strategy-box .bottom p {
    font-weight: 700;
    color: #1D1D1D;
  }
}
main[data-current-page=safety] .safety-activity-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .safety-activity-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card {
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
  overflow: hidden;
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 3.2rem;
  background-color: #F2FAF5;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top {
    padding: 1.6rem 2.4rem;
  }
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top .card-title {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top .card-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top .card-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top .card-title {
    font-size: 2.1rem;
  }
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top img {
  width: 6.4rem;
  height: 6.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .safety-activity-grid .safety-activity-card .top img {
    width: 5.4rem;
    height: 5.4rem;
  }
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .bottom {
  padding: 4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .safety-activity-grid .safety-activity-card .bottom {
    padding: 2.4rem;
  }
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .bottom b {
  font-weight: 700;
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .bottom .btn {
  margin-top: 2rem;
}
main[data-current-page=safety] .safety-activity-grid .safety-activity-card .bottom .btn span {
  flex: 1;
  text-align: left;
}
main[data-current-page=safety] .section-report {
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .section-report {
    padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  }
}
main[data-current-page=safety] .section-report .esg-container-tit {
  padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
main[data-current-page=safety] .section-report .report-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding: 3.2rem;
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .section-report .report-box {
    padding: 1.6rem 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .section-report .report-box.pc {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .section-report .report-box.pc {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  main[data-current-page=safety] .section-report .report-box.mo {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .section-report .report-box.mo {
    flex-direction: column;
    gap: 0.8rem;
    padding: 2.4rem;
  }
  main[data-current-page=safety] .section-report .report-box.mo .left {
    justify-content: space-between;
  }
}
main[data-current-page=safety] .section-report .report-box .box-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
main[data-current-page=safety] .section-report .report-box .left {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .section-report .report-box .left {
    gap: 0.8rem;
  }
}
main[data-current-page=safety] .section-report .report-box .left img {
  width: 6rem;
  height: 6rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .section-report .report-box .left img {
    width: 4.8rem;
    height: 4.8rem;
  }
}
main[data-current-page=safety] .section-report .report-box .title {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=safety] .section-report .report-box .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=safety] .section-report .report-box .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .section-report .report-box .title {
    font-size: 1.8rem;
  }
}
main[data-current-page=safety] .section-report .report-box .desc {
  width: 100%;
  margin-top: 0.4rem;
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=safety] .section-report .report-box:last-child .left img {
  width: 13.8rem;
  height: auto;
}
@media screen and (max-width: 600px) {
  main[data-current-page=safety] .section-report .report-box:last-child .left img {
    width: 10rem;
  }
}

main[data-current-page=ethic] .section-feature {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
main[data-current-page=ethic] .con-item {
  gap: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
main[data-current-page=ethic] .container-1 {
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
main[data-current-page=ethic] .container-2 {
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
}
main[data-current-page=ethic] .cont {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
main[data-current-page=ethic] .gray-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
}
main[data-current-page=ethic] .gray-box.icon {
  padding: 5.6rem 2rem;
}
main[data-current-page=ethic] .gray-box p {
  color: #1D1D1D;
  text-align: center;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=ethic] .gray-box p {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ethic] .gray-box p {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ethic] .gray-box p {
    font-size: min(2.4rem, 5.641vw);
  }
}
main[data-current-page=ethic] .gray-box p b {
  color: #00A040;
}
@media screen and (min-width: 601px) {
  main[data-current-page=ethic] .gray-box p br {
    display: none;
  }
}
main[data-current-page=ethic] .gray-box img.icon {
  width: 6.4rem;
  height: 6.4rem;
}
main[data-current-page=ethic] .gray-box img.graph {
  width: 100%;
}
main[data-current-page=ethic] .esg-box-list .esg-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  gap: 6rem;
}
main[data-current-page=ethic] .esg-box-list .esg-box .tit-box {
  width: calc(100% - 7.2rem);
}
[lang=en] main[data-current-page=ethic] .esg-box-list .esg-box .tit-box {
  width: 100%;
}
main[data-current-page=ethic] .esg-box-list .esg-box .btn-wrap {
  display: flex;
  align-items: center;
  gap: 2rem;
}
main[data-current-page=ethic] .esg-box-list .esg-box .btn-wrap .btn {
  flex: 1;
}
main[data-current-page=ethic] .section-bottom-banner {
  background-color: #EFF5FF;
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
  main[data-current-page=ethic] .esg-box-list .esg-box {
    grid-column: auto/span 6;
  }
}
@media screen and (max-width: 1280px) {
  main[data-current-page=ethic] .esg-box-list .esg-box {
    gap: 5.4rem;
  }
  main[data-current-page=ethic] .esg-box-list .esg-box .btn-wrap {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=ethic] .esg-box-list .esg-box .btn-wrap {
    flex-direction: column;
  }
  main[data-current-page=ethic] .esg-box-list .esg-box .btn-wrap .btn {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=ethic] .container-2 {
    padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  }
  main[data-current-page=ethic] .con-item {
    gap: clamp(5.2rem, 6.25vmax, 12rem);
  }
  main[data-current-page=ethic] .gray-box.icon {
    padding: 2.4rem 3rem;
    gap: 0.8rem;
  }
  main[data-current-page=ethic] .gray-box.icon img.icon {
    width: 4.8rem;
    height: 4.8rem;
  }
  main[data-current-page=ethic] .esg-box-list .esg-box {
    padding: 2rem;
    gap: 3.2rem;
  }
  main[data-current-page=ethic] .esg-box-list .esg-box .btn-wrap {
    flex-direction: row;
  }
  main[data-current-page=ethic] .esg-box-list .esg-box .icon {
    width: 5.4rem;
    height: 5.4rem;
  }
}

/* ESG경영 > 사회S > 인권경영  */
main[data-current-page=humanrights] .section-kv-media .img-dim {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
main[data-current-page=humanrights] .section-feature {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
}
main[data-current-page=humanrights] .cont {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
main[data-current-page=humanrights] .promotion-system .system-box-grid {
  display: flex;
  align-items: stretch;
  gap: 0.8rem;
  padding: 2.4rem;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid {
    flex-direction: column;
    gap: 0.4rem;
  }
}
[lang=en] main[data-current-page=humanrights] .promotion-system .system-box-grid {
  flex-direction: column;
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.2rem 2rem;
  background-color: #F2FAF5;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box {
    padding: 2rem;
  }
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step {
    flex-direction: row;
    gap: 0.6rem;
  }
}
[lang=en] main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step {
  flex-direction: column;
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step span {
  padding: 0.2rem 1.2rem;
  border-radius: 99px;
  color: #ffffff;
  background-color: #077B43;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step span {
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step .title {
  color: #077B43;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .step .title {
    font-size: 1.8rem;
  }
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .desc {
  color: #077B43;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .system-box .desc {
    font-size: 1.6rem;
  }
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .arrow {
  position: relative;
  display: inline-block;
  width: 1.3rem;
  height: 1px;
  margin: auto 0;
  background-color: #C6C6C6;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .arrow {
    width: 1px;
    height: 1.3rem;
    margin: 0 auto;
  }
}
main[data-current-page=humanrights] .promotion-system .system-box-grid .arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-color: #C6C6C6;
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-box-grid .arrow::after {
    top: unset;
    bottom: 0;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
}
[lang=en] main[data-current-page=humanrights] .promotion-system .system-box-grid .arrow {
  width: 1px;
  height: 1.3rem;
  margin: 0 auto;
}
[lang=en] main[data-current-page=humanrights] .promotion-system .system-box-grid .arrow::after {
  top: unset;
  bottom: 0;
  right: unset;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
main[data-current-page=humanrights] .promotion-system .grid-arrow {
  padding: 1.6rem 0;
}
main[data-current-page=humanrights] .promotion-system .grid-arrow svg {
  margin: 0 auto;
}
main[data-current-page=humanrights] .promotion-system .system-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  padding: 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #00A040;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-banner {
    gap: 1.2rem;
  }
}
main[data-current-page=humanrights] .promotion-system .system-banner img {
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-banner img {
    width: 5.6rem;
    height: 5.6rem;
  }
}
main[data-current-page=humanrights] .promotion-system .system-banner .text {
  color: #ffffff;
}
main[data-current-page=humanrights] .promotion-system .system-banner .text .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .tit {
    font-size: 1.8rem;
  }
}
main[data-current-page=humanrights] .promotion-system .system-banner .text .desc {
  margin-top: 0.1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .promotion-system .system-banner .text .desc {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
main[data-current-page=humanrights] .gray-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  padding: 5.6rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .gray-box {
    padding: 2.4rem;
    gap: 0.8rem;
  }
}
main[data-current-page=humanrights] .gray-box.left {
  align-items: flex-start;
}
main[data-current-page=humanrights] .gray-box .gray-box-text {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=humanrights] .gray-box .gray-box-text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .gray-box .gray-box-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .gray-box .gray-box-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .gray-box .btn {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .gray-box .btn {
    width: 100%;
  }
}
[lang=en] main[data-current-page=humanrights] .gray-box .btn span {
  flex: 1;
}
main[data-current-page=humanrights] .img-box {
  padding: 4rem;
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .img-box {
    padding: 1rem;
  }
}
[lang=en] main[data-current-page=humanrights] .img-box {
  padding: 0;
  border: 0;
}
main[data-current-page=humanrights] .environment-list {
  padding: 1.6rem 0;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .environment-list {
    padding: 2.4rem;
  }
}
main[data-current-page=humanrights] .environment-list .environment-box {
  display: flex;
  gap: 1.6rem;
  padding: 4rem 3.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .environment-list .environment-box {
    flex-direction: column;
    padding: 0;
    gap: 0.8rem;
  }
}
main[data-current-page=humanrights] .environment-list .environment-box:nth-child(1), main[data-current-page=humanrights] .environment-list .environment-box:nth-child(2) {
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .environment-list .environment-box:nth-child(1) {
    padding-bottom: 2.4rem;
  }
  main[data-current-page=humanrights] .environment-list .environment-box:nth-child(2) {
    padding: 2.4rem 0;
  }
  main[data-current-page=humanrights] .environment-list .environment-box:nth-child(3) {
    padding-top: 2.4rem;
  }
}
main[data-current-page=humanrights] .environment-list .environment-box img {
  width: 12rem;
  height: 12rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .environment-list .environment-box img {
    width: 7.2rem;
    height: 7.2rem;
  }
}
main[data-current-page=humanrights] .environment-list .environment-box .text .tit {
  color: #077B43;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=humanrights] .environment-list .environment-box .text .desc {
  margin-top: 1.2rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=humanrights] .environment-list .environment-box .text .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .environment-list .environment-box .text .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .environment-list .environment-box .text .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .environment-list .environment-box .text .desc {
    margin-top: 0.8rem;
    color: #1D1D1D;
  }
}
main[data-current-page=humanrights] .channel-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .channel-grid {
    grid-template-columns: 1fr;
  }
}
main[data-current-page=humanrights] .channel-grid .channel-box {
  position: relative;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
}
main[data-current-page=humanrights] .channel-grid .channel-box.icon {
  padding: 3.2rem;
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.icon {
    padding: 2.4rem;
  }
}
main[data-current-page=humanrights] .channel-grid .channel-box.icon img {
  width: 6.4rem;
  height: 6.4rem;
}
main[data-current-page=humanrights] .channel-grid .channel-box.icon .tit {
  margin-top: 1.6rem;
  margin-bottom: 0.4rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.icon .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.icon .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.icon .tit {
    font-size: 2.1rem;
  }
}
main[data-current-page=humanrights] .channel-grid .channel-box.icon .desc {
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.icon .btn {
    position: absolute;
    top: 3.2rem;
    right: 3.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.icon .btn {
    width: 100%;
    margin-top: 1.6rem;
  }
}
main[data-current-page=humanrights] .channel-grid .channel-box.default {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 0.6rem;
  padding: 2.2rem 3.2rem;
  background-color: #F0F0F0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.default {
    padding: 2rem 2.4rem;
  }
}
main[data-current-page=humanrights] .channel-grid .channel-box.default img {
  width: 11.6145833333vw;
  height: auto;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.default img {
    width: 14.8rem;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=humanrights] .channel-grid .channel-box.full {
    grid-column: span 2;
  }
}

.sub-section[data-current-page=impsystem] .impsystem-scheme-box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box {
  padding: 8rem 7.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box {
  display: flex;
  gap: 2.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child::before {
  content: "";
  position: absolute;
  background-color: #D8D8D8;
  top: 0;
  width: 1px;
  height: calc(100% - 2.4rem - 5.8rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child .top-box {
  position: relative;
  z-index: 2;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child .middle-box {
  background-color: #ffffff;
  z-index: 2;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child .middle-box .middle-item::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #D8D8D8;
  bottom: 100%;
  width: 1px;
  height: 2.4rem;
  left: 50%;
  transform: translateX(-50%);
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child .middle-box::before {
  content: "";
  position: absolute;
  z-index: 1;
  background-color: #D8D8D8;
  bottom: calc(100% + 2.3rem);
  width: calc(50% + 0.8rem);
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:last-child {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:last-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 1px;
  height: 100%;
  background-color: #D8D8D8;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:last-child .top-box {
  position: relative;
  z-index: 2;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:last-child .middle-box {
  flex-direction: column;
  gap: 2.4rem;
  z-index: 2;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box.m-ver {
  display: none;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item {
  display: flex;
  width: 23.24%;
  gap: 2.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item:first-child {
  width: 74.12%;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item:last-child {
  flex-direction: column;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .top-box {
  padding: 1.6rem;
  background-color: #3379FF;
  color: #ffffff;
  border-radius: 0.6rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .top-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .top-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .top-box {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-box {
  position: relative;
  display: flex;
  gap: 1.6rem;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-box .middle-item {
  position: relative;
  flex: 1;
  padding: 1.6rem;
  background-color: #F8F8F8;
  border: 1px solid #D8D8D8;
  color: #555555;
  border-radius: 0.6rem;
  text-align: center;
  z-index: 2;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-box .middle-item {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-box .middle-item {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-box .middle-item {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item {
  position: relative;
  flex: 1;
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item .common-inner {
  position: relative;
  padding: 1.6rem;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
  color: #0045C9;
  border-radius: 0.6rem;
  text-align: center;
  z-index: 2;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item .common-inner {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item .common-inner {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item .common-inner {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box {
    padding: 2.4rem 2rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box {
    overflow: hidden;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box.pc-ver {
    display: none;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box.m-ver {
    display: block;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0.8rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap {
    position: relative;
    display: flex;
    gap: 0.8rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap > .top-box {
    flex: 2;
    height: 100%;
    position: relative;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap > .top-box::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 1px;
    height: 4.8rem;
    background-color: #D8D8D8;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap > .top-box .line {
    position: absolute;
    top: calc(100% + 4.8rem);
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 1px;
    background-color: #D8D8D8;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap .top-inner {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap .top-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 1px;
    height: 200%;
    background-color: #D8D8D8;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap .top-box {
    position: relative;
    padding: 1.6rem 0.8rem;
    z-index: 2;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap::before {
    content: "";
    position: absolute;
    top: 10.4rem;
    left: 16.6666666667%;
    transform: translateX(-50%);
    z-index: 1;
    width: 1px;
    height: 200%;
    background-color: #D8D8D8;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .top-wrap::after {
    content: "";
    position: absolute;
    top: 10.4rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 1px;
    height: 200%;
    background-color: #D8D8D8;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item .middle-box .middle-item {
    padding: 1.6rem 0.8rem;
    word-break: break-all;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .scheme-item:last-child {
    padding-top: 3rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .common-item {
    flex: 1;
  }
  .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .common-item .common-inner {
    padding: 0.4rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box {
  overflow: hidden;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box {
  padding-bottom: 0;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item {
  padding: clamp(3rem, 10px + 2.39583vmax, 5.6rem) 0;
  text-align: center;
  border-top: 1px solid #D1E1FF;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-item-sub-tit {
  display: block;
  color: #555555;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-item-tit {
  display: block;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-item-tit {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-item-tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-item-tit {
    font-size: min(3em, 5.641vw);
  }
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-item-tit span {
  color: #3379FF;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list {
  display: flex;
  gap: 1.6rem;
  padding: 0 2.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  padding: 2.6rem 3.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .icon {
  display: inline-flex;
  justify-content: center;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .icon img {
  display: block;
  width: 8rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt-wrap {
  display: flex;
  flex-direction: column;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .num {
  display: block;
  color: #0045C9;
  margin-top: 2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt {
  color: #000000;
  margin-top: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list {
  display: flex;
  gap: 1.2rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item {
  flex: 1;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .top-box {
  padding: 1.2rem 2.4rem;
  color: #ffffff;
  text-align: center;
  height: 100%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .top-box {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .top-box {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .top-box {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box {
  display: flex;
  flex-direction: column;
  padding-bottom: 3.2rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .icon {
  display: inline-flex;
  justify-content: center;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .icon img {
  display: block;
  width: 8rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .tit {
  display: block;
  color: #1D1D1D;
  margin-top: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .txt {
  color: #555555;
  margin-top: 0.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item:nth-child(1) .top-box {
  background-color: #94B8FF;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item:nth-child(1) .con-box .tit span {
  color: #3379FF;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item:nth-child(2) .top-box {
  background-color: #3379FF;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item:nth-child(2) .con-box .tit span {
  color: #0053F2;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item:nth-child(3) .top-box {
  background-color: #0045C9;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item:nth-child(3) .con-box .tit span {
  color: #0045C9;
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item:last-child .strategy-item-sub-tit {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=impsystem] .impsystem-strategy-box .triangle-box {
  padding: 0 4rem;
  margin: 0 -4rem;
  background: url("/assets/images/pages/esg/impsystem/impsystem_strategy_bg.webp") no-repeat top center/100% auto;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box {
    padding: 2.4rem 2rem 0;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .sub-component-title {
    margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item {
    padding: 3.4rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .num {
    margin-top: 1.6rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list {
    gap: 1.6rem;
    flex-direction: column;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .top-box {
    padding: 0.8rem 2.4rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-esg-list .strategy-esg-item .con-box .txt {
    font-weight: 400;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item:last-child {
    padding-bottom: 2.4rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .triangle-box {
    padding: 0 2rem;
    margin: 0 -2rem;
    background-size: 1060px auto;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .sub-component-title {
    margin-top: 0;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
    padding: 0;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item {
    padding: 2rem 0;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    margin-top: 1.6rem;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .num {
    margin-top: 0;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt {
    margin-top: 0;
  }
  .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-item .strategy-goal-list .strategy-goal-item .txt br {
    display: none;
  }
}
.sub-section[data-current-page=impsystem] .dropdown-container {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
}
.sub-section[data-current-page=impsystem] .dropdown-item {
  border-color: #D8D8D8;
}
.sub-section[data-current-page=impsystem] .dropdown-item-top .title-box {
  align-items: center;
  gap: 1.6rem;
}
.sub-section[data-current-page=impsystem] .dropdown-item-top-tit {
  width: auto;
}
.sub-section[data-current-page=impsystem] .dropdown-item-top-tit .num {
  display: inline-flex;
  width: 3.2rem;
  height: 3.2rem;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-radius: 50%;
  background-color: #0045C9;
  margin-right: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit .num {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit .num {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit .num {
    font-size: 1.4rem;
  }
}
.sub-section[data-current-page=impsystem] .dropdown-item-top-tit .txt {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit .txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit .txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit .txt {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=impsystem] .dropdown-item-top-txt {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=impsystem] .dropdown-item-top-txt {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=impsystem] .dropdown-item:last-child.open {
  padding-bottom: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=impsystem] .dropdown-container {
    padding: 0 2.4rem;
  }
  .sub-section[data-current-page=impsystem] .dropdown-item-top {
    padding: 3rem 0.8rem 3rem 0;
    align-items: center;
  }
  .sub-section[data-current-page=impsystem] .dropdown-item-top-tit {
    display: flex;
    align-items: center;
  }
  .sub-section[data-current-page=impsystem] .dropdown-item-top .title-box {
    flex-direction: row;
  }
}

[lang=en] .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-box .inner:first-child:before {
  height: calc(100% - 5rem - 5.8rem);
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item .common-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-scheme-box .common-item svg {
  top: 44%;
  height: 100%;
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-goal-list .strategy-goal-item {
  justify-content: start;
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-esg-list .strategy-esg-item {
  justify-content: space-between;
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-esg-list .strategy-esg-item .top-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5.7rem;
}
[lang=en] .sub-section[data-current-page=impsystem] .impsystem-strategy-box .strategy-esg-list .strategy-esg-item .txt {
  padding: 0 2.4rem;
}
[lang=en] .sub-section[data-current-page=impsystem] .dropdown-item-top-tit {
  min-width: 19rem;
}
@media screen and (max-width: 1024px) {
  [lang=en] .sub-section[data-current-page=impsystem] .impsystem-scheme-box .scheme-item .middle-item {
    height: initial;
  }
}

/* ESG경영 > 사회S > 동반성장  */
main[data-current-page=cogrowth] .section-wrapper {
  background-color: #ffffff;
}
main[data-current-page=cogrowth] .section-feature {
  padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
  background-color: transparent;
}
[lang=en] main[data-current-page=cogrowth] .section-feature {
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
main[data-current-page=cogrowth] .cont {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
main[data-current-page=cogrowth] .gray-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.4rem;
  padding: 5.6rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box {
    padding: 3.2rem;
    gap: 0.8rem;
  }
}
main[data-current-page=cogrowth] .gray-box .gray-box-text {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=cogrowth] .gray-box .gray-box-text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box .gray-box-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=cogrowth] .gray-box .gray-box-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram {
    gap: 2.4rem;
  }
}
main[data-current-page=cogrowth] .gray-box.diagram .diagram-box-wrap {
  display: flex;
  align-items: stretch;
  gap: 2.0833333333vw;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-box-wrap {
    flex-direction: column;
    gap: 0.4rem;
  }
}
[lang=en] main[data-current-page=cogrowth] .gray-box.diagram .diagram-box-wrap {
  flex-direction: column;
  gap: 0.4rem;
}
main[data-current-page=cogrowth] .gray-box.diagram .diagram-head,
main[data-current-page=cogrowth] .gray-box.diagram .content-box {
  display: flex;
  align-items: center;
  border-radius: max(0.6rem, 0.41666vw);
}
main[data-current-page=cogrowth] .gray-box.diagram .diagram-head {
  position: relative;
  justify-content: center;
  width: 20%;
  background-color: #00A040;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-head {
    width: 100%;
    padding: 1.6rem 0;
  }
}
[lang=en] main[data-current-page=cogrowth] .gray-box.diagram .diagram-head {
  width: 100%;
  padding: 1.6rem 0;
}
main[data-current-page=cogrowth] .gray-box.diagram .diagram-head::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: -2.0833333333vw;
  transform: translateY(-50%);
  width: 2.0833333333vw;
  height: 1px;
  background-color: #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-head::after {
    content: none;
  }
}
[lang=en] main[data-current-page=cogrowth] .gray-box.diagram .diagram-head::after {
  content: none;
}
main[data-current-page=cogrowth] .gray-box.diagram .diagram-head span {
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-head span {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-head span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-head span {
    font-size: 1.8rem;
  }
}
[lang=en] main[data-current-page=cogrowth] .gray-box.diagram .diagram-head span {
  text-align: center;
}
main[data-current-page=cogrowth] .gray-box.diagram .diagram-content {
  flex: 1;
  display: flex;
  align-items: stretch;
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram .diagram-content {
    flex-direction: column;
    gap: 0.6rem;
    padding: 2rem 2.4rem;
    background-color: #ffffff;
    border: 1px solid #D8D8D8;
    border-radius: max(0.6rem, 0.41666vw);
  }
}
[lang=en] main[data-current-page=cogrowth] .gray-box.diagram .diagram-content {
  flex-direction: column;
  gap: 0.4rem;
}
main[data-current-page=cogrowth] .gray-box.diagram .content-box {
  flex: 1;
  padding: 2rem 2.4rem;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.diagram .content-box {
    padding: 0;
    background-color: transparent;
    border: 0;
  }
}
main[data-current-page=cogrowth] .gray-box.diagram .dot-txt-list {
  gap: 0.6rem;
}
main[data-current-page=cogrowth] .gray-box.energyvelly {
  padding: 5.6rem 1.0416666667vw 4.8rem;
}
main[data-current-page=cogrowth] .gray-box.energyvelly img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 600px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    overflow-x: auto;
  }
  main[data-current-page=cogrowth] .gray-box.energyvelly::-webkit-scrollbar {
    height: 4px;
    background-color: #E4E4E4;
  }
  main[data-current-page=cogrowth] .gray-box.energyvelly::-webkit-scrollbar-thumb {
    background-color: #8E8E8E;
    border-radius: 4px;
    border: 2px solid #8E8E8E;
  }
  main[data-current-page=cogrowth] .gray-box.energyvelly .img {
    width: 100%;
    height: 100%;
    margin-bottom: 0.4rem;
  }
  main[data-current-page=cogrowth] .gray-box.energyvelly img {
    height: 64.3rem;
    width: auto;
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .roadmap-content {
  display: flex;
  align-items: center;
  gap: 0.5208333333vw;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .roadmap-content {
    flex-direction: column;
    gap: 0.8rem;
    width: 100%;
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .content-box {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 3.2rem 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .content-box {
    width: 100%;
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .arrow {
  position: relative;
  display: inline-block;
  width: 1.6rem;
  height: 1px;
  background-color: #C6C6C6;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .arrow {
    width: 1px;
    height: 1.6rem;
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .arrow::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 0.6rem;
  height: 0.6rem;
  background-color: #C6C6C6;
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .arrow::after {
    top: unset;
    bottom: 0;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .step {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .step {
    flex-direction: row;
    gap: 0.8rem;
    margin-bottom: 1rem;
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .step span {
  padding: 0.4rem 1.2rem;
  color: #ffffff;
  border-radius: 99px;
  background-color: #00A040;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .year {
  color: #077B43;
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .year {
    margin-top: 0;
    margin-bottom: 0;
  }
}
main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .dot-txt-list {
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .dot-txt-list {
    align-items: center;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] main[data-current-page=cogrowth] .gray-box.energyvelly-roadmap .dot-txt-list {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .card.download-2 {
    flex-direction: column;
    align-items: flex-start;
  }
  main[data-current-page=cogrowth] .card.download-2 .title-box {
    flex-direction: column;
    align-items: flex-start;
  }
  main[data-current-page=cogrowth] .card.download-2 .btn-box {
    width: 100%;
  }
  main[data-current-page=cogrowth] .card.download-2 .btn-box .btn {
    flex: 1;
  }
}
main[data-current-page=cogrowth] .section-service {
  padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
  padding-bottom: clamp(10.6rem, 12.5vmax, 24rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service {
    padding-top: clamp(10.6rem, 12.5vmax, 24rem);
  }
}
main[data-current-page=cogrowth] .section-service h5 {
  padding-top: 1.6rem;
  padding-bottom: clamp(2.8rem, 3.33333vmax, 6.4rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=cogrowth] .section-service h5 {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=cogrowth] .section-service h5 {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
main[data-current-page=cogrowth] .section-service .service-box-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 1660px) {
  main[data-current-page=cogrowth] .section-service .service-box-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service .service-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
main[data-current-page=cogrowth] .section-service .service-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6.4rem;
  padding: 3.2rem;
  border-radius: max(1rem, 0.625vw);
  background-color: #ffffff;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service .service-box {
    gap: 2rem;
    padding: 2.4rem;
  }
}
main[data-current-page=cogrowth] .section-service .service-box .icon {
  position: absolute;
  top: 3.2rem;
  right: 3.2rem;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service .service-box .icon {
    top: 2.4rem;
    right: 2.4rem;
  }
}
main[data-current-page=cogrowth] .section-service .service-box .service-tit {
  color: #2D2D2D;
  font-size: 2.8rem;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding-right: 8rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-tit {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-tit {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-tit {
    font-size: 2.8rem;
  }
}
main[data-current-page=cogrowth] .section-service .service-box .service-desc {
  margin-top: 0.6rem;
  padding-right: 8rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-desc {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-desc {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=cogrowth] .section-service .service-box .service-desc {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
main[data-current-page=cogrowth] .section-service .service-box .btn {
  margin-top: auto;
  width: 100%;
}

main[data-current-page=find] .title-wrapper .title-wrap, main[data-current-page=login] .head h2,
main[data-current-page=join] .head h2,
main[data-current-page=find] .head h2 {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .title-wrapper .title-wrap, main[data-current-page=login] .head h2,
  main[data-current-page=join] .head h2,
  main[data-current-page=find] .head h2 {
    font-size: 2.8rem;
  }
}

main[data-current-page=login] .login-box.right .title .title-text h4 {
  font-size: 2.3rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.right .title .title-text h4 {
    font-size: 1.9rem;
  }
}

div[data-current-page=join] .join-top-container .title, main[data-current-page=login] .utility-container .title-wrapper .title-wrap {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=join] .join-top-container .title, main[data-current-page=login] .utility-container .title-wrapper .title-wrap {
    font-size: 2.5rem;
  }
}

div[data-current-page=id-verification] .content-wrapper .desc, div[data-current-page=id] .content-wrapper .box .desc, div[data-current-page=join] #page-auth[data-type=business] .auth-info-container > a, [data-layout-type=common-layout] .form-toggle-wrap .toggle-box, [data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap .label, [data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap .time, main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap .label, main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap .time, main[data-current-page=find] .form-toggle-wrap .toggle-box, main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap .label, main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap .time {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

main[data-current-page=login] .head,
main[data-current-page=join] .head,
main[data-current-page=find] .head {
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .head,
  main[data-current-page=join] .head,
  main[data-current-page=find] .head {
    text-align: left;
  }
}
main[data-current-page=login] .head h2,
main[data-current-page=join] .head h2,
main[data-current-page=find] .head h2 {
  color: #1D1D1D;
}
main[data-current-page=login] .color-primary-blue-50,
main[data-current-page=join] .color-primary-blue-50,
main[data-current-page=find] .color-primary-blue-50 {
  color: #0045C9;
}
main[data-current-page=login] .color-primary-blue-40,
main[data-current-page=join] .color-primary-blue-40,
main[data-current-page=find] .color-primary-blue-40 {
  color: #0053F2;
}
main[data-current-page=login] .content-footer,
main[data-current-page=join] .content-footer,
main[data-current-page=find] .content-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.6rem;
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  border-top: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .content-footer,
  main[data-current-page=join] .content-footer,
  main[data-current-page=find] .content-footer {
    margin-top: clamp(8.8rem, 10.41667vmax, 20rem);
    border-top: 1px solid #D8D8D8;
  }
}
main[data-current-page=login] .content-footer .copyright,
main[data-current-page=login] .content-footer .policy,
main[data-current-page=join] .content-footer .copyright,
main[data-current-page=join] .content-footer .policy,
main[data-current-page=find] .content-footer .copyright,
main[data-current-page=find] .content-footer .policy {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
main[data-current-page=login] .content-footer .policy,
main[data-current-page=join] .content-footer .policy,
main[data-current-page=find] .content-footer .policy {
  text-decoration: underline;
}
main[data-current-page=login] .modal-container,
main[data-current-page=join] .modal-container,
main[data-current-page=find] .modal-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  z-index: calc(9999 + 1);
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container.display-end,
  main[data-current-page=join] .modal-container.display-end,
  main[data-current-page=find] .modal-container.display-end {
    align-items: flex-end;
  }
  main[data-current-page=login] .modal-container.display-end .modal,
  main[data-current-page=join] .modal-container.display-end .modal,
  main[data-current-page=find] .modal-container.display-end .modal {
    padding: 2rem 2rem 0 2rem;
    padding-top: 1.1rem;
    margin-bottom: 3.3rem;
  }
  main[data-current-page=login] .modal-container.display-end .modal .modal-head,
  main[data-current-page=join] .modal-container.display-end .modal .modal-head,
  main[data-current-page=find] .modal-container.display-end .modal .modal-head {
    border-bottom: 1px solid #D8D8D8;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=login] .modal-container.display-end .modal .modal-head,
  main[data-current-page=join] .modal-container.display-end .modal .modal-head,
  main[data-current-page=find] .modal-container.display-end .modal .modal-head {
    justify-content: flex-start;
    gap: 0.8rem;
    border-bottom: 0;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=login] .modal-container.display-end .modal .modal-head .close-btn,
  main[data-current-page=join] .modal-container.display-end .modal .modal-head .close-btn,
  main[data-current-page=find] .modal-container.display-end .modal .modal-head .close-btn {
    display: none;
  }
}
main[data-current-page=login] .modal-container.size-sm .modal,
main[data-current-page=join] .modal-container.size-sm .modal,
main[data-current-page=find] .modal-container.size-sm .modal {
  width: 33rem;
}
main[data-current-page=login] .modal-container .modal,
main[data-current-page=join] .modal-container .modal,
main[data-current-page=find] .modal-container .modal {
  position: relative;
  width: 76rem;
  height: fit-content;
  padding: 2.4rem;
  background: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
  pointer-events: all;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal,
  main[data-current-page=join] .modal-container .modal,
  main[data-current-page=find] .modal-container .modal {
    width: 100%;
    margin: 0 max(2rem, 5.12821vw);
    border-radius: max(1rem, 0.625vw);
    overflow: hidden;
  }
}
main[data-current-page=login] .modal-container .modal .modal-handle-bar,
main[data-current-page=join] .modal-container .modal .modal-handle-bar,
main[data-current-page=find] .modal-container .modal .modal-handle-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 1rem;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=login] .modal-container .modal .modal-handle-bar,
  main[data-current-page=join] .modal-container .modal .modal-handle-bar,
  main[data-current-page=find] .modal-container .modal .modal-handle-bar {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-content.scroll,
  main[data-current-page=join] .modal-container .modal .modal-content.scroll,
  main[data-current-page=find] .modal-container .modal .modal-content.scroll {
    overflow-y: auto;
    max-height: 75vh;
    padding-bottom: 9.2rem;
  }
  main[data-current-page=login] .modal-container .modal .modal-content.scroll::-webkit-scrollbar,
  main[data-current-page=join] .modal-container .modal .modal-content.scroll::-webkit-scrollbar,
  main[data-current-page=find] .modal-container .modal .modal-content.scroll::-webkit-scrollbar {
    width: 4px;
  }
  main[data-current-page=login] .modal-container .modal .modal-content.scroll::-webkit-scrollbar-thumb,
  main[data-current-page=join] .modal-container .modal .modal-content.scroll::-webkit-scrollbar-thumb,
  main[data-current-page=find] .modal-container .modal .modal-content.scroll::-webkit-scrollbar-thumb {
    background-color: #D8D8D8;
    border-radius: 4px;
  }
}
main[data-current-page=login] .modal-container .modal .modal-head,
main[data-current-page=join] .modal-container .modal .modal-head,
main[data-current-page=find] .modal-container .modal .modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #D8D8D8;
}
main[data-current-page=login] .modal-container .modal .modal-head .icon,
main[data-current-page=join] .modal-container .modal .modal-head .icon,
main[data-current-page=find] .modal-container .modal .modal-head .icon {
  width: 4rem;
  height: 4rem;
}
main[data-current-page=login] .modal-container .modal .modal-head .icon img,
main[data-current-page=join] .modal-container .modal .modal-head .icon img,
main[data-current-page=find] .modal-container .modal .modal-head .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
main[data-current-page=login] .modal-container .modal .modal-head .modal-head-title,
main[data-current-page=join] .modal-container .modal .modal-head .modal-head-title,
main[data-current-page=find] .modal-container .modal .modal-head .modal-head-title {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .modal-container .modal .modal-head .modal-head-title,
  main[data-current-page=join] .modal-container .modal .modal-head .modal-head-title,
  main[data-current-page=find] .modal-container .modal .modal-head .modal-head-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-head .modal-head-title,
  main[data-current-page=join] .modal-container .modal .modal-head .modal-head-title,
  main[data-current-page=find] .modal-container .modal .modal-head .modal-head-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .modal-container .modal .modal-head .modal-head-title,
  main[data-current-page=join] .modal-container .modal .modal-head .modal-head-title,
  main[data-current-page=find] .modal-container .modal .modal-head .modal-head-title {
    font-size: 2.1rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-head .close-btn,
main[data-current-page=join] .modal-container .modal .modal-head .close-btn,
main[data-current-page=find] .modal-container .modal .modal-head .close-btn {
  padding: 0.6rem;
  border-radius: 0.4rem;
  border: 1px solid #D8D8D8;
}
main[data-current-page=login] .modal-container .modal .modal-head .close-btn svg,
main[data-current-page=join] .modal-container .modal .modal-head .close-btn svg,
main[data-current-page=find] .modal-container .modal .modal-head .close-btn svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-head .close-btn svg,
  main[data-current-page=join] .modal-container .modal .modal-head .close-btn svg,
  main[data-current-page=find] .modal-container .modal .modal-head .close-btn svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .top,
main[data-current-page=join] .modal-container .modal .modal-body .top,
main[data-current-page=find] .modal-container .modal .modal-body .top {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem) 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top,
  main[data-current-page=join] .modal-container .modal .modal-body .top,
  main[data-current-page=find] .modal-container .modal .modal-body .top {
    flex-direction: column;
    gap: 1.6rem;
    padding: 0;
    padding-bottom: 2.4rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .top .icon,
main[data-current-page=join] .modal-container .modal .modal-body .top .icon,
main[data-current-page=find] .modal-container .modal .modal-body .top .icon {
  width: 12rem;
  height: 12rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .icon,
  main[data-current-page=join] .modal-container .modal .modal-body .top .icon,
  main[data-current-page=find] .modal-container .modal .modal-body .top .icon {
    width: 4rem;
    height: 4rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .top .icon img,
main[data-current-page=join] .modal-container .modal .modal-body .top .icon img,
main[data-current-page=find] .modal-container .modal .modal-body .top .icon img {
  width: 100%;
  height: 100%;
}
main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list,
main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list,
main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list {
    gap: 0.8rem;
  }
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt:not(.no-dot),
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt:not(.no-dot),
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt:not(.no-dot) {
    padding-left: 1.1rem;
  }
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt.indent,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt.indent,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt.indent {
    padding-left: 1.1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt.indent,
  main[data-current-page=join] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt.indent,
  main[data-current-page=find] .modal-container .modal .modal-body .top .dot-txt-list .dot-txt.indent {
    padding-left: 0.9rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress,
main[data-current-page=join] .modal-container .modal .modal-body .progress,
main[data-current-page=find] .modal-container .modal .modal-body .progress {
  padding: 2.4rem 2.8rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress,
  main[data-current-page=join] .modal-container .modal .modal-body .progress,
  main[data-current-page=find] .modal-container .modal .modal-body .progress {
    padding: 2rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-1,
main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-2,
main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-1,
main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-2,
main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-1,
main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-2 {
  display: flex;
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-1,
  main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-2,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-1,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-2,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-1,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-2 {
    flex-direction: column;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-1 .num::after,
main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-1 .num::after,
main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-1 .num::after {
  width: 11.6rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-2,
main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-2,
main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-2 {
  margin-top: 2rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-row-2 .num::after,
main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-row-2 .num::after,
main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-row-2 .num::after {
  width: 17rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-box,
main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-box,
main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-box {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .progress-box,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .progress-box,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .progress-box {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .num,
main[data-current-page=join] .modal-container .modal .modal-body .progress .num,
main[data-current-page=find] .modal-container .modal .modal-body .progress .num {
  position: relative;
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .num {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .num {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .num {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .num,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .num {
    height: 4.5rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .num:not(.no-line)::after,
main[data-current-page=join] .modal-container .modal .modal-body .progress .num:not(.no-line)::after,
main[data-current-page=find] .modal-container .modal .modal-body .progress .num:not(.no-line)::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  background-color: #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .num:not(.no-line)::after,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .num:not(.no-line)::after,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .num:not(.no-line)::after {
    left: 50%;
    right: unset;
    top: unset;
    bottom: 0;
    width: 1px;
    height: 1.9rem;
    transform: translateX(-50%);
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .num:not(.no-line)::before,
main[data-current-page=join] .modal-container .modal .modal-body .progress .num:not(.no-line)::before,
main[data-current-page=find] .modal-container .modal .modal-body .progress .num:not(.no-line)::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.8rem;
  height: 0.8rem;
  background-color: #D8D8D8;
  clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .num:not(.no-line)::before,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .num:not(.no-line)::before,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .num:not(.no-line)::before {
    left: 50%;
    right: unset;
    top: unset;
    bottom: 0;
    transform: translateX(-50%);
    width: 0.5rem;
    height: 0.5rem;
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .text,
main[data-current-page=join] .modal-container .modal .modal-body .progress .text,
main[data-current-page=find] .modal-container .modal .modal-body .progress .text {
  margin-top: 0.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .progress .text,
  main[data-current-page=join] .modal-container .modal .modal-body .progress .text,
  main[data-current-page=find] .modal-container .modal .modal-body .progress .text {
    margin-top: 0;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .text .title,
main[data-current-page=join] .modal-container .modal .modal-body .progress .text .title,
main[data-current-page=find] .modal-container .modal .modal-body .progress .text .title {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .progress .text .desc,
main[data-current-page=join] .modal-container .modal .modal-body .progress .text .desc,
main[data-current-page=find] .modal-container .modal .modal-body .progress .text .desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box {
  max-height: 60vh;
  overflow-y: auto;
  padding: 2rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #F8F8F8;
  border: 1px solid #F0F0F0;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box::-webkit-scrollbar,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box::-webkit-scrollbar,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box::-webkit-scrollbar {
  width: 4px;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box::-webkit-scrollbar-thumb,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box::-webkit-scrollbar-thumb,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box::-webkit-scrollbar-thumb {
  background-color: #D8D8D8;
  border-radius: 4px;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box b,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box b,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box b {
  font-weight: 700;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box .red-txt,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box .red-txt,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box .red-txt {
  color: #E81D21;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box ul li,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box ul li,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box ul li {
  position: relative;
  padding-left: 1.4666666667em;
}
main[data-current-page=login] .modal-container .modal .modal-body .gray-box ul li::before,
main[data-current-page=join] .modal-container .modal .modal-body .gray-box ul li::before,
main[data-current-page=find] .modal-container .modal .modal-body .gray-box ul li::before {
  content: "";
  position: absolute;
  top: 0.6666666667em;
  left: 0.5333333333em;
  width: 0.2em;
  height: 0.2em;
  border-radius: 100%;
  background: #1D1D1D;
}
main[data-current-page=login] .modal-container .modal .modal-body .user-info-box,
main[data-current-page=join] .modal-container .modal .modal-body .user-info-box,
main[data-current-page=find] .modal-container .modal .modal-body .user-info-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 0 3.2rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .user-info-box,
  main[data-current-page=join] .modal-container .modal .modal-body .user-info-box,
  main[data-current-page=find] .modal-container .modal .modal-body .user-info-box {
    padding: 3.2rem 1.6rem 0;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .user-info-box img,
main[data-current-page=join] .modal-container .modal .modal-body .user-info-box img,
main[data-current-page=find] .modal-container .modal .modal-body .user-info-box img {
  width: 6.4rem;
  height: 6.4rem;
}
main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .title,
main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .title,
main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .title {
  margin-top: 0.4rem;
  margin-bottom: 2rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .title,
  main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .title,
  main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .title,
  main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .title,
  main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .title,
  main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .title,
  main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .title {
    font-size: 1.8rem;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .table-container,
main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .table-container,
main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .table-container {
  margin-bottom: 2rem;
  width: 47.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .table-container,
  main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .table-container,
  main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .table-container {
    width: 100%;
  }
}
main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .btn,
main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .btn,
main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .btn {
  width: 47.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-body .user-info-box .btn,
  main[data-current-page=join] .modal-container .modal .modal-body .user-info-box .btn,
  main[data-current-page=find] .modal-container .modal .modal-body .user-info-box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container .modal .modal-bottom,
  main[data-current-page=join] .modal-container .modal .modal-bottom,
  main[data-current-page=find] .modal-container .modal .modal-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    padding: 0 2rem 2.4rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
    border-radius: max(1rem, 0.625vw);
    overflow: hidden;
    z-index: 10;
  }
  main[data-current-page=login] .modal-container .modal .modal-bottom .btn,
  main[data-current-page=join] .modal-container .modal .modal-bottom .btn,
  main[data-current-page=find] .modal-container .modal .modal-bottom .btn {
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=login] .modal-container#modalQr .modal,
  main[data-current-page=join] .modal-container#modalQr .modal,
  main[data-current-page=find] .modal-container#modalQr .modal {
    width: 52rem;
    padding-bottom: 4rem;
  }
}
main[data-current-page=login] .modal-container#modalQr .modal-head,
main[data-current-page=join] .modal-container#modalQr .modal-head,
main[data-current-page=find] .modal-container#modalQr .modal-head {
  border-bottom: 0;
}
main[data-current-page=login] .modal-container#modalQr .box,
main[data-current-page=join] .modal-container#modalQr .box,
main[data-current-page=find] .modal-container#modalQr .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 0;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container#modalQr .box,
  main[data-current-page=join] .modal-container#modalQr .box,
  main[data-current-page=find] .modal-container#modalQr .box {
    padding: 8.2rem 0;
  }
}
main[data-current-page=login] .modal-container#modalQr .box .img-qr,
main[data-current-page=join] .modal-container#modalQr .box .img-qr,
main[data-current-page=find] .modal-container#modalQr .box .img-qr {
  width: 16rem;
  height: 16rem;
}
main[data-current-page=login] .modal-container#modalQr .box .img-qr img,
main[data-current-page=join] .modal-container#modalQr .box .img-qr img,
main[data-current-page=find] .modal-container#modalQr .box .img-qr img {
  width: 100%;
  height: auto;
}
main[data-current-page=login] .modal-container#modalQr .box .time-text,
main[data-current-page=join] .modal-container#modalQr .box .time-text,
main[data-current-page=find] .modal-container#modalQr .box .time-text {
  padding: 1.6rem 0;
  color: #0053F2;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.8rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .modal-container#modalQr .box .time-text,
  main[data-current-page=join] .modal-container#modalQr .box .time-text,
  main[data-current-page=find] .modal-container#modalQr .box .time-text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container#modalQr .box .time-text,
  main[data-current-page=join] .modal-container#modalQr .box .time-text,
  main[data-current-page=find] .modal-container#modalQr .box .time-text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .modal-container#modalQr .box .time-text,
  main[data-current-page=join] .modal-container#modalQr .box .time-text,
  main[data-current-page=find] .modal-container#modalQr .box .time-text {
    font-size: 1.7rem;
  }
}
main[data-current-page=login] .modal-container#modalQr .box .desc,
main[data-current-page=join] .modal-container#modalQr .box .desc,
main[data-current-page=find] .modal-container#modalQr .box .desc {
  text-align: center;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=login] .modal-container#modalNoti .modal-noti,
main[data-current-page=join] .modal-container#modalNoti .modal-noti,
main[data-current-page=find] .modal-container#modalNoti .modal-noti {
  display: flex;
  flex-direction: column;
  align-items: center;
}
main[data-current-page=login] .modal-container#modalNoti .modal-noti .icon,
main[data-current-page=join] .modal-container#modalNoti .modal-noti .icon,
main[data-current-page=find] .modal-container#modalNoti .modal-noti .icon {
  width: 2.4rem;
  height: 2.4rem;
}
main[data-current-page=login] .modal-container#modalNoti .modal-noti .icon svg,
main[data-current-page=join] .modal-container#modalNoti .modal-noti .icon svg,
main[data-current-page=find] .modal-container#modalNoti .modal-noti .icon svg {
  width: 100%;
  height: 100%;
}
main[data-current-page=login] .modal-container#modalNoti .modal-noti .desc,
main[data-current-page=join] .modal-container#modalNoti .modal-noti .desc,
main[data-current-page=find] .modal-container#modalNoti .modal-noti .desc {
  text-align: center;
  margin-top: 0.8rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .modal-container#modalNoti .modal-noti .desc,
  main[data-current-page=join] .modal-container#modalNoti .modal-noti .desc,
  main[data-current-page=find] .modal-container#modalNoti .modal-noti .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .modal-container#modalNoti .modal-noti .desc,
  main[data-current-page=join] .modal-container#modalNoti .modal-noti .desc,
  main[data-current-page=find] .modal-container#modalNoti .modal-noti .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .modal-container#modalNoti .modal-noti .desc,
  main[data-current-page=join] .modal-container#modalNoti .modal-noti .desc,
  main[data-current-page=find] .modal-container#modalNoti .modal-noti .desc {
    font-size: 1.6rem;
  }
}
main[data-current-page=login] #modalDim,
main[data-current-page=join] #modalDim,
main[data-current-page=find] #modalDim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0.8;
}

main[data-current-page=login] {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  main[data-current-page=login] .mo {
    display: none;
  }
}
main[data-current-page=login] #wrapper {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
}
main[data-current-page=login] b {
  color: #0045C9;
}
main[data-current-page=login] .txt-btn .label {
  white-space: pre;
}
main[data-current-page=login] .head {
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .head {
    text-align: left;
  }
}
main[data-current-page=login] .head h2 {
  color: #1D1D1D;
}
main[data-current-page=login] .head h3 {
  margin-top: 0.6rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .head h3 {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .head h3 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .head h3 {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .head h3 {
    margin-top: 0.8rem;
  }
}
main[data-current-page=login] .login-box {
  height: 100%;
  border: 1px solid #D8D8D8;
  border-radius: max(1rem, 0.625vw);
}
main[data-current-page=login] .login-box.left .tab-container {
  padding-top: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.left .tab-container {
    padding-top: 1.2rem;
  }
}
main[data-current-page=login] .login-box.left .tab-list-box .tab-list.style1 {
  justify-content: space-between;
  gap: 0;
  width: 100%;
  padding: 0 2.4rem;
  border-bottom: 1px solid #E4E4E4;
}
main[data-current-page=login] .login-box.left .tab-list-box .tab-list.style1 .tab-item {
  margin-left: 0;
  width: 33.3333% !important;
}
main[data-current-page=login] .login-box.left .tab-list-box .tab-list.style1 .tab-item a {
  display: flex;
  justify-content: center;
  width: 100%;
}
main[data-current-page=login] .login-box.left .form-wrap {
  padding: 2.4rem;
}
main[data-current-page=login] .login-box.left .form-wrap.display-col {
  gap: 1rem;
}
main[data-current-page=login] .login-box.left .form-item {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.left .form-item {
    flex-direction: column;
  }
}
main[data-current-page=login] .login-box.left .form-item.display-col {
  flex-direction: column;
  padding: 0;
}
main[data-current-page=login] .login-box.left .form-item.display-col .form-input-item {
  width: 100%;
}
main[data-current-page=login] .login-box.left .form-item .form-input-item {
  width: 78.5%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.left .form-item .form-input-item {
    width: 100%;
  }
}
main[data-current-page=login] .login-box.left .submit-button-wrap .form-title {
  display: block;
}
main[data-current-page=login] .login-box.left .submit-button-wrap .btn.login {
  width: 100%;
}
main[data-current-page=login] .login-box.left .submit-button-wrap .buttons {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}
main[data-current-page=login] .login-box.left .submit-button-wrap .buttons .btn {
  flex: 1;
}
main[data-current-page=login] .login-box.left .submit-button-wrap .buttons-column {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
main[data-current-page=login] .login-box.left .submit-button-wrap .buttons-column .btn {
  width: 100%;
}
main[data-current-page=login] .login-box.right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.right {
    padding: 2.4rem;
  }
}
main[data-current-page=login] .login-box.right .title {
  padding: 3.2rem;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.right .title {
    padding: 0;
  }
}
main[data-current-page=login] .login-box.right .title .title-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.right .title .title-text {
    margin-bottom: 0.8rem;
  }
}
main[data-current-page=login] .login-box.right .title .title-text h4 {
  color: #2D2D2D;
}
main[data-current-page=login] .login-box.right .title .sub-title > p {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-box.right .title .sub-title > p {
    color: #2D2D2D;
  }
}
main[data-current-page=login] .login-box.right .title .sub-title .dot-txt {
  margin-top: 0.8rem;
}
@media screen and (min-width: 1025px) {
  main[data-current-page=login] .login-box.right .title .sub-title .dot-txt {
    padding-left: 0 !important;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  main[data-current-page=login] .login-box.right .title .sub-title .dot-txt::before {
    content: none;
  }
}
main[data-current-page=login] .login-box.right .logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 3.2rem 4rem 3.2rem;
}
main[data-current-page=login] .login-box.right .logos .logo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.8rem;
}
main[data-current-page=login] .login-box.right .logos .logo:not(:nth-child(3n))::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.2rem;
  background-color: #D8D8D8;
}
main[data-current-page=login] .login-box.right .logos-tab .tab-list-box[data-responsive=true] {
  margin-top: 1.2rem;
}
main[data-current-page=login] .login-box.right .logos-tab .tab-list-box[data-responsive=true] .tab-list.style2 {
  margin-left: -0.6rem;
}
main[data-current-page=login] .login-box.right .logos-tab .tab-list-box[data-responsive=true] .tab-list.style2 .tab-item {
  margin-left: 0.6rem;
}
main[data-current-page=login] .login-box.right .logos-tab .tab-list-box[data-responsive=true] .tab-list.style2 .tab-item a {
  align-items: center;
  height: 3.8rem;
  padding: 0 0.9rem;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (hover: hover) {
  main[data-current-page=login] .login-box.right .logos-tab .tab-list-box[data-responsive=true] .tab-list.style2 .tab-item a:hover {
    background-color: #F0F0F0;
  }
}
main[data-current-page=login] .login-box.right .logos-tab .tab-list-box[data-responsive=true] .tab-list.style2 .tab-item a.active {
  background-color: #F0F0F0;
}
main[data-current-page=login] .login-banner {
  margin-top: 1.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-banner {
    gap: 0.8rem;
  }
}
main[data-current-page=login] .login-banner .banner {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 2rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #F0F0F0;
  transition: ease 0.3s;
}
@media screen and (hover: hover) {
  main[data-current-page=login] .login-banner .banner:hover {
    border: 1px solid #0045C9;
    background-color: #ffffff;
  }
  main[data-current-page=login] .login-banner .banner:hover .info .title {
    color: #0045C9;
  }
}
main[data-current-page=login] .login-banner .banner[disabled] {
  background-color: #F0F0F0;
  pointer-events: none;
}
main[data-current-page=login] .login-banner .banner[disabled] .icon img {
  filter: grayscale(100%) opacity(0.7);
}
main[data-current-page=login] .login-banner .banner[disabled] .info .title {
  color: #717171;
}
main[data-current-page=login] .login-banner .banner[disabled] .info .txt-btn {
  color: #717171;
}
main[data-current-page=login] .login-banner .banner[disabled] .info .txt-btn svg path {
  stroke: #717171;
}
main[data-current-page=login] .login-banner .banner .icon {
  width: 4.8rem;
  height: 4.8rem;
}
main[data-current-page=login] .login-banner .banner .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-banner .banner .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 4.8rem - 0.6rem);
  }
}
main[data-current-page=login] .login-banner .banner .info .title {
  color: #1D1D1D;
  font-weight: 700 !important;
  transition: ease 0.3s;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-banner .banner .info .title {
    color: #555555;
  }
}
main[data-current-page=login] .login-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .login-footer {
    margin-top: clamp(8.8rem, 10.41667vmax, 20rem);
    border-top: 1px solid #D8D8D8;
  }
}
main[data-current-page=login] .login-footer .copyright,
main[data-current-page=login] .login-footer .policy {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
main[data-current-page=login] .login-footer .policy {
  text-decoration: underline;
}
main[data-current-page=login] .utility-container .title-wrapper .title-wrap h3 {
  margin-top: 0.6rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .utility-container .title-wrapper .title-wrap h3 {
    margin-top: 0.8rem;
  }
}
main[data-current-page=login] .dropdown-container {
  padding: 0;
  border: 0;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
main[data-current-page=login] .dropdown-container .dropdown-item {
  padding: 0.6rem clamp(0.8rem, 0.833333vmax, 1.6rem);
  border: 1px solid #D8D8D8;
  border-radius: max(1rem, 0.625vw);
}
@media screen and (hover: hover) {
  main[data-current-page=login] .dropdown-container .dropdown-item:hover {
    background-color: #ffffff;
    border: 1px solid #0045C9;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item.open > .dropdown-item-top .dropdown-item-top-arrow {
  transform: rotate(180deg);
  transform-origin: center;
}
main[data-current-page=login] .dropdown-container .dropdown-item:not(:last-child) {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
main[data-current-page=login] .dropdown-container .dropdown-item-top {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  text-align: left;
  padding: 0;
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .input-radio-item label .icon,
main[data-current-page=login] .dropdown-container .dropdown-item-top .input-checkbox-item label .icon {
  position: absolute;
  left: 0;
  top: 1.55em;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .input-radio-item label .icon,
  main[data-current-page=login] .dropdown-container .dropdown-item-top .input-checkbox-item label .icon {
    top: 1.25em;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top.align-top {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top.align-top .title-box {
    align-items: flex-start;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .form-item.col-flex {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .form-item.col-flex .form-title {
    padding: 0.65rem 1rem 0.6rem;
    white-space: nowrap;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .number {
  color: #ffffff;
  padding: 0.3rem 0.8rem;
  background-color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit {
  display: flex;
  align-items: center;
  gap: 1.8rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .txt {
    font-size: 1.6rem;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
  position: relative;
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt {
    font-size: 1.6rem;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -0.9rem;
  transform: translateY(-50%);
  width: 1px;
  height: 1.2rem;
  background-color: #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-top .title-box .tit .sub-txt::after {
    display: none;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-top .dropdown-item-top-arrow {
  display: inline-flex;
  transition: transform 0.3s ease;
  transform: rotate(0deg);
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom {
  height: 0;
  background-color: #ffffff;
  overflow: hidden;
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .table-container {
  margin: clamp(0.8rem, 0.833333vmax, 1.6rem) 0 0.6rem 0;
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .img-wrap {
  width: 53.2rem;
}
@media screen and (max-width: 1500px) {
  main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .img-wrap {
    width: 100%;
  }
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .img-wrap img {
  width: 100%;
  height: auto;
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .desc {
  text-align: center;
  padding-top: 2.4rem;
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .desc .tit {
  padding-bottom: 0.8rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=login] .dropdown-container .dropdown-item-bottom .inner-box .desc .txt {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}

main[data-current-page=find] {
  padding-top: 0;
}
main[data-current-page=find] .show {
  display: flex !important;
}
main[data-current-page=find] .text-color--success {
  color: #0045C9 !important;
}
main[data-current-page=find] .text-color--success::before {
  background: #0045C9 !important;
}
main[data-current-page=find] .text-color--fail {
  color: #E81D21 !important;
}
main[data-current-page=find] .text-color--fail::before {
  background: #E81D21 !important;
}
main[data-current-page=find] .utility-container {
  width: 100%;
  max-width: 52rem;
  min-height: fit-content;
  margin: 0 auto;
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: 4.4rem;
  background: white;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .utility-container {
    padding-top: 6.2rem;
  }
}
main[data-current-page=find] .title-wrapper .title-wrap {
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  text-align: center;
}
@media screen and (max-width: 600px) {
  main[data-current-page=find] .title-wrapper .title-wrap {
    text-align: left;
  }
}
main[data-current-page=find] .content-container {
  margin-bottom: 4.8rem;
}
main[data-current-page=find] .content-wrapper {
  padding: 2.4rem 2.4rem 3.2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .content-wrapper {
    padding: 2rem 2.4rem 2.4rem;
  }
}
main[data-current-page=find] .tab-container {
  margin-top: 2rem;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  padding: 0 2.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .tab-container {
    margin-top: 1.2rem;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
main[data-current-page=find] .tab-container + .content-wrapper {
  padding-top: 0;
}
main[data-current-page=find] .tab-container .tab-list-box[data-responsive=true] .tab-list.style1 {
  justify-content: space-between;
  margin-left: 0;
  width: 100%;
}
main[data-current-page=find] .tab-container .tab-list-box[data-responsive=true] .tab-list.style1::before {
  content: "";
}
main[data-current-page=find] .tab-container .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item {
  margin-left: 0;
}
main[data-current-page=find] .tab-container .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item a {
  justify-content: center;
  width: 100%;
}
main[data-current-page=find] .tab-container[data-col="3"] .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item {
  width: 33.3333% !important;
}
main[data-current-page=find] .tab-container[data-col="2"] .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item {
  width: 50% !important;
}
main[data-current-page=find] .form-container {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  padding: 0;
  border-radius: max(1rem, 0.625vw);
}
main[data-current-page=find] .form-container.has-toggle .form-wrap {
  display: none;
}
main[data-current-page=find] .form-container.has-toggle .form-wrap.show {
  display: block;
}
main[data-current-page=find] .form-container .form-item {
  padding: 0;
}
main[data-current-page=find] .form-container .form-input-item {
  position: relative;
}
main[data-current-page=find] .form-container .form-input-item.has-button {
  margin-bottom: 0.8rem;
}
main[data-current-page=find] .form-container .form-input-item.has-button:last-child {
  margin-bottom: 0;
}
main[data-current-page=find] .form-container .form-input-item.has-button input {
  padding-right: 12.5rem;
}
main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap {
  display: none;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  gap: 0.8rem;
}
main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap.show {
  display: flex;
}
main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap .time {
  color: #0045C9;
}
main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap .btn {
  width: fit-content;
  height: 4rem;
  min-height: 4rem;
}
main[data-current-page=find] .form-container .form-input-item + .dot-txt-list {
  margin-top: 0.8rem;
}
main[data-current-page=find] .form-container .dot-list-wrap.mt-4 {
  margin-top: 0.4rem;
}
main[data-current-page=find] .form-container .dot-list-wrap .dot-item {
  position: relative;
  padding-left: 0.9rem;
  margin-bottom: 0.4rem;
  color: #717171;
}
main[data-current-page=find] .form-container .dot-list-wrap .dot-item:last-child {
  margin-bottom: 0;
}
main[data-current-page=find] .form-container .dot-list-wrap .dot-item::before {
  content: "";
  position: absolute;
  top: 0.85rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  background: #717171;
}
main[data-current-page=find] .form-container .notice-content-wrap .notice-tit {
  margin-bottom: 0.8rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
main[data-current-page=find] .form-toggle-wrap {
  width: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  overflow: hidden;
  margin-bottom: 1.2rem;
  padding: 0.4rem;
}
main[data-current-page=find] .form-toggle-wrap .toggle-box {
  position: relative;
  width: 50%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .form-toggle-wrap .toggle-box label {
    padding: 0.85rem 0rem;
  }
}
main[data-current-page=find] .form-toggle-wrap .toggle-box label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 1.25rem 1.6rem;
  cursor: pointer;
  border-radius: 0.6rem;
  color: #555555;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .form-toggle-wrap .toggle-box label {
    padding: 0.85rem 0;
  }
}
main[data-current-page=find] .form-toggle-wrap .toggle-box input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
main[data-current-page=find] .form-toggle-wrap .toggle-box input[type=radio]:checked + label {
  background: #EFF5FF;
  color: #0045C9;
  border: 1px solid #D1E1FF;
}
main[data-current-page=find] .form-toggle-wrap .toggle-box input[type=radio]:focus + label {
  border: 1px solid #D1E1FF;
}
main[data-current-page=find] .bottom-buttons-container {
  display: flex;
  gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
  flex-direction: column;
}
main[data-current-page=find] .bottom-buttons-container button, main[data-current-page=find] .bottom-buttons-container a {
  display: none;
  flex-shrink: 1;
  width: 100%;
}
main[data-current-page=find] .desc-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8rem 0 6.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .desc-box {
    padding-bottom: 5.6rem;
  }
}
main[data-current-page=find] .desc-box .icon {
  width: 8rem;
  height: 8rem;
}
main[data-current-page=find] .desc-box .icon img {
  width: 100%;
  height: 100%;
}
main[data-current-page=find] .desc-box p {
  text-align: center;
  padding-top: 2.4rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=find] .desc-box p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=find] .desc-box p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=find] .desc-box p {
    font-size: 1.6rem;
  }
}
main[data-current-page=find] .btn:not(button.icon-wrap),
main[data-current-page=find] .btn {
  width: 100%;
}
main[data-current-page=find] .btn:not(button.icon-wrap).login,
main[data-current-page=find] .btn.login {
  width: 100%;
  gap: 0.8rem;
}
main[data-current-page=find] .btn:not(button.icon-wrap).login path, main[data-current-page=find] .btn:not(button.icon-wrap).login i,
main[data-current-page=find] .btn.login path,
main[data-current-page=find] .btn.login i {
  fill: #EE1C27;
}

main[data-current-page=join] #wrapper {
  padding-bottom: 4.4rem;
}
main[data-current-page=join] .customer-container {
  padding-bottom: 4.8rem;
}
main[data-current-page=join] .category-box-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .category-box-list {
    grid-template-columns: 1fr;
    gap: 0.8rem;
  }
}
main[data-current-page=join] .category-box-list .category-box {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2rem 2.4rem;
  border-radius: max(1rem, 0.625vw);
  background-color: #F8F8F8;
  border: 1px solid #F0F0F0;
  transition: ease 0.3s;
  cursor: pointer;
}
@media screen and (hover: hover) {
  main[data-current-page=join] .category-box-list .category-box:hover {
    background-color: #ffffff;
    border: 1px solid #0045C9;
  }
  main[data-current-page=join] .category-box-list .category-box:hover .title {
    color: #0045C9;
  }
}
main[data-current-page=join] .category-box-list .category-box.active {
  background-color: #ffffff;
  border: 1px solid #0045C9;
}
main[data-current-page=join] .category-box-list .category-box.active .title {
  color: #0045C9;
}
main[data-current-page=join] .category-box-list .category-box .icon {
  width: 4.8rem;
  height: 4.8rem;
}
main[data-current-page=join] .category-box-list .category-box .icon img {
  width: 100%;
  height: 100%;
}
main[data-current-page=join] .category-box-list .category-box .title {
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=join] .category-box-list .category-box .title {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .category-box-list .category-box .title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=join] .category-box-list .category-box .title {
    font-size: 1.6rem;
  }
}
main[data-current-page=join] .category-box-list .category-box span {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=join] .btn-box {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=join] .btn-box .btn {
  width: 20rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .btn-box .btn {
    width: auto;
    flex: 1;
    padding-left: 0;
    padding-right: 0;
  }
}
main[data-current-page=join] .form-container.pd-24 {
  padding: 2.4rem;
}
main[data-current-page=join] .form-container b {
  font-weight: 700;
}
main[data-current-page=join] .form-container label:not(.file-upload) {
  color: #1D1D1D !important;
}
main[data-current-page=join] .form-container .form-item.no-pd {
  padding: 0;
}
main[data-current-page=join] .form-container .form-item.col-flex {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .form-container .form-item.col-flex {
    flex-direction: column;
    gap: 0.6rem;
  }
}
main[data-current-page=join] .form-container .form-item.all-agree-box {
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #E4E4E4;
}
main[data-current-page=join] .form-container .form-item.all-agree-box label {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.8rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=join] .form-container .form-item.all-agree-box label {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .form-container .form-item.all-agree-box label {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=join] .form-container .form-item.all-agree-box label {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .form-container .form-item.all-agree-box label {
    font-size: 1.5rem;
  }
}
main[data-current-page=join] .form-container .input-checkbox-box {
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .form-container .input-checkbox-box {
    gap: 0.8rem 0;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .form-container .input-radio-item,
  main[data-current-page=join] .form-container .input-checkbox-item {
    width: calc(100% - 2rem);
  }
  main[data-current-page=join] .form-container .input-radio-item label,
  main[data-current-page=join] .form-container .input-checkbox-item label {
    flex: 1;
    width: calc(100% - 2.8rem);
  }
  main[data-current-page=join] .form-container .input-radio-item .txt,
  main[data-current-page=join] .form-container .input-checkbox-item .txt {
    display: inline-block;
    width: 100%;
  }
}
main[data-current-page=join] .form-container .form-item-colum {
  padding-top: 1.6rem;
}
main[data-current-page=join] .form-container .form-wrap.no-gap {
  gap: 0;
}
main[data-current-page=join] .form-container .form-item-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=join] .form-container .form-item-column {
    gap: 1.6rem;
  }
}
main[data-current-page=join] .form-container .form-item-column .form-title {
  padding: 0;
}
main[data-current-page=join] .form-container .form-input-item {
  position: relative;
}
main[data-current-page=join] .form-container .form-input-item.has-button {
  margin-bottom: 0.8rem;
}
main[data-current-page=join] .form-container .form-input-item.has-button:last-child {
  margin-bottom: 0;
}
main[data-current-page=join] .form-container .form-input-item.has-button input {
  padding-right: 12.5rem;
}
main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap {
  display: none;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  gap: 0.8rem;
}
main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap.show {
  display: flex;
}
main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap .time {
  color: #0045C9;
}
main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap .btn {
  width: fit-content;
  height: 4rem;
  min-height: 4rem;
}
main[data-current-page=join] .form-container .form-input-item + .dot-txt-list {
  margin-top: 0.8rem;
}
main[data-current-page=join] .form-container .dot-list-wrap.mt-4 {
  margin-top: 0.4rem;
}
main[data-current-page=join] .form-container .dot-list-wrap .dot-item {
  position: relative;
  padding-left: 0.9rem;
  margin-bottom: 0.4rem;
  color: #717171;
}
main[data-current-page=join] .form-container .dot-list-wrap .dot-item:last-child {
  margin-bottom: 0;
}
main[data-current-page=join] .form-container .dot-list-wrap .dot-item::before {
  content: "";
  position: absolute;
  top: 0.85rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  background: #717171;
}
main[data-current-page=join] .result-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  padding: clamp(5.6rem, 38px + 2.1875vmax, 8rem) 0;
}
main[data-current-page=join] .result-box + .btn-box {
  margin-top: 0;
}
main[data-current-page=join] .result-box .icon {
  width: 6.4rem;
  height: 6.4rem;
}
main[data-current-page=join] .result-box .icon img {
  width: 100%;
  height: 100%;
}
main[data-current-page=join] .result-box p {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=join] .dot-txt-list.mt-16 {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
main[data-current-page=join] .modal-head-title {
  font-size: 1.8rem !important;
}

div[data-current-page=search] {
  overflow: hidden;
  /* 통합검색 배너추가 */
  /* 통합검색 검색어 교정 배너추가 */
}
div[data-current-page=search] b,
div[data-current-page=search] .color--blue {
  color: #0045C9;
  font-weight: 700;
}
div[data-current-page=search] .search-breadcrumb, div[data-current-page=search] .box-bottom--breadcrumb {
  color: #555555;
  margin-top: 1.6em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-breadcrumb, div[data-current-page=search] .box-bottom--breadcrumb {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-breadcrumb, div[data-current-page=search] .box-bottom--breadcrumb {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-breadcrumb, div[data-current-page=search] .box-bottom--breadcrumb {
    font-size: 1.4rem;
  }
}
div[data-current-page=search] .search-breadcrumb ul, div[data-current-page=search] .box-bottom--breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
div[data-current-page=search] .search-breadcrumb ul li, div[data-current-page=search] .box-bottom--breadcrumb ul li {
  position: relative;
}
div[data-current-page=search] .search-breadcrumb ul li:not(:last-child), div[data-current-page=search] .box-bottom--breadcrumb ul li:not(:last-child) {
  padding-right: 1.6rem;
}
div[data-current-page=search] .search-breadcrumb ul li:not(:last-child)::after, div[data-current-page=search] .box-bottom--breadcrumb ul li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  margin-left: 0.4rem;
  background-image: url("/assets/images/svg/dropdown_arrow_24x24.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(270deg) translateX(50%);
  transform-origin: center;
}
div[data-current-page=search] .box {
  border: 1px solid #D8D8D8;
  background: #ffffff;
}
div[data-current-page=search] .box-radius-1 {
  border-radius: 0.6rem;
}
div[data-current-page=search] .box-radius-2 {
  border-radius: max(0.6rem, 0.41666vw);
}
div[data-current-page=search] .icon--left {
  display: block;
  transform: rotate(-90deg);
}
div[data-current-page=search] .icon--bottom {
  display: block;
  transform: rotate(0deg);
}
div[data-current-page=search] .icon--top {
  display: block;
  transform: rotate(180deg);
}
div[data-current-page=search] [data-device=web] {
  display: block !important;
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] [data-device=web] {
    display: none !important;
  }
}
div[data-current-page=search] [data-device=mobile] {
  display: none !important;
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] [data-device=mobile] {
    display: block !important;
  }
}
div[data-current-page=search] [data-device=web--flex] {
  display: flex !important;
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] [data-device=web--flex] {
    display: none !important;
  }
}
div[data-current-page=search] [data-device=mobile--flex] {
  display: none !important;
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] [data-device=mobile--flex] {
    display: flex !important;
  }
}
div[data-current-page=search] .open#filter-modal-wrapper .filter-top, div[data-current-page=search] .search-top-container .open.filter-wrapper .filter-top {
  border-bottom: 1px solid #D8D8D8;
}
div[data-current-page=search] .open#filter-modal-wrapper .filter-top .icon, div[data-current-page=search] .search-top-container .open.filter-wrapper .filter-top .icon {
  transform: rotate(180deg);
}
div[data-current-page=search] .open#filter-modal-wrapper .filter-bottom, div[data-current-page=search] .search-top-container .open.filter-wrapper .filter-bottom {
  height: auto;
}
div[data-current-page=search] .hidden#filter-modal-wrapper, div[data-current-page=search] .search-top-container .hidden.filter-wrapper {
  display: none !important;
}
div[data-current-page=search] #filter-modal-wrapper .filter-top, div[data-current-page=search] .search-top-container .filter-wrapper .filter-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-top .title, div[data-current-page=search] .search-top-container .filter-wrapper .filter-top .title {
  display: flex;
  gap: 0.5333333333em;
}
div[data-current-page=search] #filter-modal-wrapper .filter-top .icon, div[data-current-page=search] .search-top-container .filter-wrapper .filter-top .icon {
  display: block;
  width: 1.3333333333em;
  height: 1.3333333333em;
}
div[data-current-page=search] #filter-modal-wrapper .filter-top .icon img, div[data-current-page=search] .search-top-container .filter-wrapper .filter-top .icon img {
  display: block;
  width: 100%;
  height: 100%;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom, div[data-current-page=search] .search-top-container .filter-wrapper .filter-bottom {
  height: 0;
  overflow: hidden;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form, div[data-current-page=search] .search-top-container .filter-wrapper .filter-bottom .filter-inner-form {
  padding: 2.4rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item {
  display: flex;
  align-items: center;
  gap: 1.41em;
  margin-bottom: 0.8rem;
  height: fit-content;
  min-height: 3.2em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item:last-child, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:last-child {
  margin-bottom: 0;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(.btn-wrap), [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(.btn-wrap) {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 600px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(.btn-wrap), [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(.btn-wrap) {
    margin-bottom: 2rem;
  }
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item.re-search, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.re-search {
  gap: 0.2rem;
  margin-bottom: 1.8rem;
}
@media screen and (max-width: 600px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item.re-search, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.re-search {
    margin-bottom: 2rem;
    gap: 1.2rem;
  }
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item.btn-wrap, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.btn-wrap {
  flex-direction: row;
}
@media screen and (max-width: 1200px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item.date, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.date {
    align-items: flex-start;
  }
}
@media screen and (max-width: 950px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item.date .form-inputs, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.date .form-inputs {
    flex-direction: column;
  }
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .tit, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .tit {
  width: 13.9622641509%;
  flex-shrink: 0;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .tit, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .tit {
  width: auto;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs {
  width: 100%;
  display: flex;
  gap: 1.41em;
}
@media screen and (max-width: 1200px) and (min-width: 1025px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs {
    flex-direction: column;
    gap: 1em;
  }
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-radio-box, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-radio-box {
  gap: 1.41em;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-radio-box .input-radio-item label, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-radio-box .input-radio-item label {
  padding-left: 0.5rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .search-wrap, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .search-wrap {
  flex-grow: 1;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .search-wrap input, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .search-wrap input {
  width: 100%;
  padding-right: 2rem;
  border-top-right-radius: max(0.6rem, 0.41666vw);
  border-bottom-right-radius: max(0.6rem, 0.41666vw);
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .search-wrap .btn-reset, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .search-wrap .btn-reset {
  right: 2rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box {
  row-gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box {
    width: 100%;
    column-gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item {
    width: fit-content;
    min-width: calc((100% - 4.5rem) / 3);
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item:nth-child(1), div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item:nth-child(1) {
    width: 100%;
  }
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item {
    min-width: calc((100% - 4.5rem) / 2);
  }
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item:nth-child(1), [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item:nth-child(1) {
    width: auto;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item .txt, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .input-checkbox-box .input-checkbox-item .txt {
    white-space: pre;
  }
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap {
  position: relative;
  display: flex;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  height: 3.2em;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap {
  flex-grow: 1;
  min-width: 390px;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap::after, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: var(--pos, 0);
  transform: translateY(-50%);
  width: var(--width, 0);
  height: calc(100% + 2px);
  background: #EFF5FF;
  color: #0045C9;
  border: 1px solid #D1E1FF;
  border-radius: max(0.6rem, 0.41666vw);
  box-sizing: border-box;
  z-index: 1;
  transition: width 0.3s, left 0.3s;
  will-change: width, left;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item {
  position: relative;
  box-sizing: border-box;
  height: calc(100% + 2px);
  margin-top: -1px;
  margin-left: -1px;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item:last-of-type, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item:last-of-type {
  margin-left: 0;
  margin-right: -1px;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item {
  display: flex;
  justify-content: center;
  flex-grow: 1;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item input, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item input {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 1;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item input:checked + label, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item input:checked + label {
  color: #0045C9;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item label, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: calc(4.2666666667em + 2px);
  padding: 0 1.0666666667em;
  z-index: 2;
  color: #555555;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item label, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item label {
  width: fit-content;
}
@media screen and (max-width: 600px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item label, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .period-wrap .period-input-item label {
    width: 100%;
  }
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .calendar-wrap, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .calendar-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: 100%;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .calendar-wrap, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .calendar-wrap {
  width: 52%;
}
@media screen and (max-width: 1200px) {
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .calendar-wrap, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .calendar-wrap {
    width: 100%;
  }
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .calendar-wrap .width-100, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .calendar-wrap .width-100 {
  width: 100%;
  flex-grow: 1;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs .calendar-wrap .hr, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs .calendar-wrap .hr {
  color: #8E8E8E;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item.btn-wrap, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.btn-wrap {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  justify-content: flex-end;
  gap: 1.6rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-form-item.btn-wrap .reset-btn span, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.btn-wrap .reset-btn span {
  color: #000000;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(:last-child), div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(:last-child) {
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    gap: 0.8rem;
    margin-bottom: 1.6rem;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(:last-child) .tit, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(:last-child) .tit {
    width: 100%;
  }
  div[data-current-page=search] #filter-modal-wrapper .input-checkbox-box, div[data-current-page=search] .search-top-container .filter-wrapper .input-checkbox-box {
    width: 100%;
    column-gap: 0;
  }
  div[data-current-page=search] #filter-modal-wrapper .input-checkbox-box .input-checkbox-item, div[data-current-page=search] .search-top-container .filter-wrapper .input-checkbox-box .input-checkbox-item {
    width: fit-content;
    min-width: calc((100% - 4.5rem) / 3);
  }
  div[data-current-page=search] #filter-modal-wrapper .input-checkbox-box .input-checkbox-item:nth-child(1), div[data-current-page=search] .search-top-container .filter-wrapper .input-checkbox-box .input-checkbox-item:nth-child(1) {
    width: 100%;
  }
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .input-checkbox-box .input-checkbox-item, [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .input-checkbox-box .input-checkbox-item {
    min-width: calc((100% - 4.5rem) / 2);
  }
  [lang=en] div[data-current-page=search] #filter-modal-wrapper .input-checkbox-box .input-checkbox-item:nth-child(1), [lang=en] div[data-current-page=search] .search-top-container .filter-wrapper .input-checkbox-box .input-checkbox-item:nth-child(1) {
    width: auto;
  }
  div[data-current-page=search] #filter-modal-wrapper .input-checkbox-box .input-checkbox-item .txt, div[data-current-page=search] .search-top-container .filter-wrapper .input-checkbox-box .input-checkbox-item .txt {
    white-space: pre;
  }
  div[data-current-page=search] #filter-modal-wrapper .input-radio-item, div[data-current-page=search] .search-top-container .filter-wrapper .input-radio-item {
    width: auto;
  }
  div[data-current-page=search] #filter-modal-wrapper .input-radio-item .txt, div[data-current-page=search] .search-top-container .filter-wrapper .input-radio-item .txt {
    white-space: pre;
  }
}
@media screen and (max-width: 790px) {
  div[data-current-page=search] #filter-modal-wrapper .filter-top, div[data-current-page=search] .search-top-container .filter-wrapper .filter-top {
    border-bottom: 1px solid #D8D8D8;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item .form-inputs, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .form-inputs {
    flex-wrap: wrap;
    row-gap: 0.8rem;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item .input-radio-box, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item .input-radio-box {
    width: 100%;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item.date .form-inputs, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.date .form-inputs {
    flex-direction: column;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item.date .form-inputs .period-wrap > *, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.date .form-inputs .period-wrap > * {
    display: flex;
    justify-content: center;
    flex-grow: 1;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item.date .form-inputs .period-wrap > * label, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.date .form-inputs .period-wrap > * label {
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] #filter-modal-wrapper .filter-bottom, div[data-current-page=search] .search-top-container .filter-wrapper .filter-bottom {
    padding: 2.4rem 0 clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
    height: fit-content;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(:last-child), div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(:last-child) {
    margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
    padding: 0 2.4rem;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(:last-child) .input-check-box, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(:last-child) .input-check-box {
    gap: 1.33em 0.8rem;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item:not(:last-child).date, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item:not(:last-child).date {
    margin-bottom: 2.6rem;
  }
  div[data-current-page=search] #filter-modal-wrapper .filter-form-item.btn-wrap, div[data-current-page=search] .search-top-container .filter-wrapper .filter-form-item.btn-wrap {
    margin-top: 0;
    padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
    padding-right: 2.4rem;
    padding-left: 2.4rem;
    border-top: 1px solid #D8D8D8;
    gap: 1.6rem;
  }
}
div[data-current-page=search] .search-top-container {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
div[data-current-page=search] .search-top-container .text-wrapper .top-text {
  text-align: center;
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
div[data-current-page=search] .search-top-container .text-wrapper .search-form {
  margin-bottom: 1.2rem;
}
div[data-current-page=search] .search-top-container .search-form {
  position: relative;
}
div[data-current-page=search] .search-top-container .search-form .search-wrap.open input.search {
  border-bottom-left-radius: 0;
}
div[data-current-page=search] .search-top-container .search-form .search-wrap.open .search-box {
  height: fit-content;
}
div[data-current-page=search] .search-top-container .search-form .input.searh:focus {
  border-bottom-left-radius: 0;
}
div[data-current-page=search] .search-top-container .search-form .search-box {
  position: absolute;
  width: calc(100% - 4.8rem);
  bottom: 0;
  left: 0;
  overflow: hidden;
  height: 0;
  transform: translateY(100%);
  z-index: 20;
}
div[data-current-page=search] .search-top-container .search-form .search-box ul {
  background: #ffffff;
  border: 1px solid #0045C9;
  border-top: none;
  border-bottom-left-radius: max(0.6rem, 0.41666vw);
  border-bottom-right-radius: max(0.6rem, 0.41666vw);
}
div[data-current-page=search] .search-top-container .search-form .search-box li {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
div[data-current-page=search] .search-top-container .search-form .search-box li button {
  display: block;
  text-align: left;
  width: 100%;
  padding: 0.8em 2rem;
}
div[data-current-page=search] .search-top-container .search-form .search-box li button:hover {
  background: #F8F8F8;
  color: #555555;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-top-container .search-form .search-box {
    width: calc(100% - 4rem);
  }
}
div[data-current-page=search] .search-article-container .sorting-wrapper {
  display: flex;
  color: #1D1D1D;
  margin-left: 0.4rem;
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .sorting-wrapper {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .sorting-wrapper {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .sorting-wrapper {
    font-size: 1.6rem;
  }
}
div[data-current-page=search] .search-article-container .sorting-wrapper .standard {
  position: relative;
  padding-right: 0.94em;
  color: #1D1D1D;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .standard::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.7058823529em;
  background-color: #C6C6C6;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .filter-list {
  display: flex;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .filter-list li {
  padding: 0 0 0 0.94em;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .filter-list li button {
  color: #717171;
  border-bottom: 1px solid transparent;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .filter-list li button:hover {
  border-bottom: 1px solid #717171;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .filter-list li.active > button {
  font-weight: 700;
  color: #1D1D1D;
}
div[data-current-page=search] .search-article-container .sorting-wrapper .filter-list li.active > button:hover {
  border-bottom: 1px solid #1D1D1D;
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .sorting-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  [lang=en] div[data-current-page=search] .search-article-container .sorting-wrapper {
    flex-direction: column;
    align-items: flex-end;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left {
    display: flex;
    align-items: center;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap button,
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .dropbox-item {
    padding: 0.2rem 0.8rem;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .selected-value {
    background-color: transparent;
    border: none;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .selected-value .txt {
    font-weight: 700;
    color: #1D1D1D;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .selected-value .txt .icon, div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .selected-value .txt svg, div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .selected-value .txt i, div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap .selected-value .txt path {
    fill: #1D1D1D;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap.show.dropbox-wrap .selected-value {
    background-color: #ffffff;
    border: 1px solid #0045C9;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .sorting-left .dropbox-wrap.show.dropbox-wrap .dropbox {
    border-color: #0045C9;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .filter-btn {
    padding-left: 1.07em;
  }
  [lang=en] div[data-current-page=search] .search-article-container .sorting-wrapper .filter-btn {
    padding-left: 0;
  }
  div[data-current-page=search] .search-article-container .sorting-wrapper .filter-btn button {
    padding: 0.4rem 0.8rem;
    min-height: fit-content;
    font-size: 1.3rem;
    font-weight: 700;
  }
}
div[data-current-page=search] .search-article-container .search-article {
  display: none;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
div[data-current-page=search] .search-article-container .search-article:last-of-type {
  margin-bottom: 0;
}
div[data-current-page=search] .search-article-container .search-article.active {
  display: block;
}
div[data-current-page=search] .search-article-container .search-article-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
div[data-current-page=search] .search-article-container .search-article-top .title-wrap {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
div[data-current-page=search] .search-article-container .search-article-top .title-wrap .num {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article-top .title-wrap .num {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article-top .title-wrap .num {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article-top .title-wrap .num {
    font-size: 1.8rem;
  }
}
div[data-current-page=search] .search-article-container .search-article-top .more-btn {
  display: flex;
  align-items: center;
  gap: 0.1176470588em;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article-top .more-btn {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article-top .more-btn {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article-top .more-btn {
    font-size: 1.6rem;
  }
}
div[data-current-page=search] .search-article-container .search-article-top .more-btn .icon {
  display: block;
  width: 1.1764705882em;
  height: 1.1764705882em;
}
div[data-current-page=search] .search-article-container .search-article .pagination {
  display: none;
}
div[data-current-page=search] .search-article-container .search-article .pagination.show {
  display: flex;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content ul > li:not(li:last-child) {
  margin-bottom: 0.8rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.2105263158em;
  padding: 0.6315789474em 1.0526315789em;
  min-height: 5.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    font-size: 1.8rem;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box i {
  width: 1.2631578947em;
  height: 1.2631578947em;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box i[data-type=only-news] {
  width: 0.9473684211em;
  height: 0.9473684211em;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box[data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 5.6rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb, div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb {
  font-size: inherit;
  margin-top: 0;
  color: #1D1D1D;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb ul > li, div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb ul > li {
  position: relative;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb ul > li, div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb ul > li {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb ul > li, div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb ul > li {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb ul > li, div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb ul > li {
    font-size: 1.8rem;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb ul > li:not(:last-child), div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb ul > li:not(:last-child) {
  padding-right: calc(0.3rem + 0.9473684211em);
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .search-breadcrumb ul > li:not(:last-child)::after, div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .box-bottom--breadcrumb ul > li:not(:last-child)::after {
  content: ">";
  top: 0;
  transform: rotate(0deg) translate(0, 0);
  height: 1.6em;
  background-image: none;
}
div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box .icon {
  width: 1.2631578947em;
  height: 1.2631578947em;
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    gap: 0.2352941176em;
    padding: 0.5882352941em 0.9411764706em;
    min-height: 4.8rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box i {
    width: 1.1764705882em;
    height: 1.1764705882em;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=menu] .article-content .box[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4.8rem;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content > ul > li:not(li:last-child), div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content > ul > li:not(li:last-child) {
  margin-bottom: 1.6rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box {
  padding: 4rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download .btns, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download .btns {
  display: flex;
  gap: 3px;
  margin-left: 1rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download .btns svg path, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download .btns svg path {
  fill: none;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title {
    font-size: 1.8rem;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title .title, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title .title {
  position: relative;
  padding-right: 1rem;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title .title:after, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title .title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 0.8421052632em;
  background-color: #D8D8D8;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-top--title .date, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-top--title .date {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-content, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-content {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-content, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-content {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-content, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box-content, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box-content {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box {
    padding: 3.2rem;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download {
    flex-direction: column;
    align-items: flex-start;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download .btns, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download .btns {
    align-self: flex-end;
    margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box {
    padding: 2.4rem;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download {
    flex-direction: column;
    align-items: flex-start;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=page] .article-content .box.download .btns, div[data-current-page=search] .search-article-container .search-article[data-type=report] .article-content .box.download .btns {
    align-self: flex-end;
    margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=report] .box {
    padding: 2.4rem;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=report] .box-top--title {
    flex-wrap: wrap;
    row-gap: 0.4rem;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=report] .box-top--title .title {
    width: 100%;
    padding: 0;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=report] .box-top--title .title::after {
    display: none;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item .badge {
  margin-top: 2rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item .img-wrap {
  aspect-ratio: 343/193;
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item .info-box {
  display: flex;
  gap: 0.6666666667em;
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item .info-box .sns {
  display: flex;
  align-items: center;
  gap: 0.2666666667em;
  border-left: 1px solid #D8D8D8;
  padding-left: 0.7692307692em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item .info-box .sns-logo {
  display: block;
  width: 1.3846153846em;
  height: 1.3846153846em;
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item .info-box .sns-logo img {
  width: 100%;
  height: 100%;
}
div[data-current-page=search] .search-article-container .search-article[data-type=media] .article-content .media-list-item.img-contain .img-wrap img {
  object-fit: contain;
  background-color: #F0F0F0;
}
div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card {
  width: calc(33.3% - 1.6rem);
  gap: 3.2rem;
  padding: 3.6rem 3.2rem;
}
div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card .txt {
  color: #1D1D1D;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card {
    width: calc(50% - 0.8rem);
    padding: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card {
    width: 100%;
    padding: 2.4rem;
  }
  div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card:nth-child(4), div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card:nth-child(5), div[data-current-page=search] .search-article-container .search-article[data-type=complaint] .article-content .card-list-box .card:nth-child(6) {
    display: none;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=loading] {
  height: 32.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
div[data-current-page=search] .search-article-container .search-article[data-type=loading] .spinner {
  width: 4.8rem;
  height: 4.8rem;
  animation: rotate 1s linear infinite;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=loading] .spinner {
    width: 3.2rem;
    height: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  div[data-current-page=search] .search-article-container .search-article[data-type=loading] .spinner {
    width: 2.4rem;
    height: 2.4rem;
  }
}
div[data-current-page=search] .search-article-container .search-article[data-type=loading] .spinner svg {
  width: 100%;
  height: 100%;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
div[data-current-page=search] .free-info-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.2rem;
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  flex-flow: column;
}
div[data-current-page=search] .free-info-wrap .warnning-info {
  display: flex;
  flex-wrap: nowrap;
}
div[data-current-page=search] .free-info-wrap .warnning-info .free-info {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
  color: #2D2D2D;
}
div[data-current-page=search] .container-box-m .search-top-container:has(+ .free-info-wrap) {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
div[data-current-page=search] #filter-modal-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  width: 100%;
  min-height: 50.94786vh;
  height: fit-content;
  background: #ffffff;
  z-index: 10000;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
  transition: ease 0.3s;
}
div[data-current-page=search] #filter-modal-wrapper.active {
  transform: translateY(0);
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom {
  max-height: 85vh;
  overflow: auto;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form {
  padding: 0rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs {
  row-gap: 1.2rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-radio-box {
  gap: 0.8rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-checkbox-box {
  gap: 0.8rem 2rem;
  justify-content: space-between;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-checkbox-box .input-checkbox-item {
  width: fit-content;
  min-width: calc((100% - 4.5rem) / 3);
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-checkbox-box .input-checkbox-item:nth-child(1) {
  width: 100%;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-checkbox-box .input-checkbox-item {
  min-width: calc((100% - 4.5rem) / 2);
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-checkbox-box .input-checkbox-item:nth-child(1) {
  width: auto;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-checkbox-box .input-checkbox-item .txt {
  white-space: pre;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .period-wrap {
  min-width: auto;
  height: 4rem;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .period-wrap .period-input-item label {
  font-size: 1.3rem;
}
div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-date {
  height: 4rem;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-date {
  background-size: 2rem 2rem;
  background-position: calc(100% - 0.6rem);
  padding: 1.2rem 0;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .form-inputs .input-date:before {
  font-size: 1.2rem;
  left: 0.6rem;
}
[lang=en] div[data-current-page=search] #filter-modal-wrapper .filter-bottom .filter-inner-form .btn-wrap {
  flex-wrap: wrap;
  row-gap: 0.6rem;
  padding-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
div[data-current-page=search] .search-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D1E1FF;
  padding: 2.4rem 3.2rem;
  background-image: url("/assets/images/pages/utility/search_banner_bg_pc.png");
  background-size: cover;
  background-position: right;
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
div[data-current-page=search] .search-banner.kepco-on .icon {
  width: 8.3rem;
  height: 1.8rem;
  background-image: url("/assets/images/pages/utility/banner_logo.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.kepco-on .icon {
    width: 6rem;
    height: 1.3rem;
  }
}
div[data-current-page=search] .search-banner.plug .icon {
  width: 13.7rem;
  height: 2rem;
  background-image: url("/assets/images/pages/utility/banner_logo_plug.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.plug .icon {
    width: 10.9rem;
    height: 1.6rem;
  }
}
div[data-current-page=search] .search-banner.art .icon {
  width: 14.8rem;
  height: 1.7rem;
  background-image: url("/assets/images/pages/utility/banner_logo_art.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.art .icon {
    width: 12.2rem;
    height: 1.4rem;
  }
}
div[data-current-page=search] .search-banner.sport .icon {
  width: 8.8rem;
  height: 1.9rem;
  background-image: url("/assets/images/pages/utility/banner_logo_sport.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.sport .icon {
    width: 7.4rem;
    height: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.energy .icon-box {
    gap: 1.2rem;
  }
}
div[data-current-page=search] .search-banner.energy .icon {
  width: 14.6rem;
  height: 2.2rem;
  background-image: url("/assets/images/pages/utility/banner_logo_energy.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.energy .icon {
    width: 13rem;
    height: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.power .icon-box {
    gap: 1.2rem;
  }
}
div[data-current-page=search] .search-banner.power .icon {
  width: 8.3rem;
  height: 2.7rem;
  background-image: url("/assets/images/pages/utility/banner_logo_power.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.power .icon {
    width: 7.3rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.power-check .icon-box {
    gap: 1.2rem;
  }
}
div[data-current-page=search] .search-banner.power-check .icon {
  width: 10.2rem;
  height: 2.6rem;
  background-image: url("/assets/images/pages/utility/banner_logo_power_check.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.power-check .icon {
    width: 9.4rem;
    height: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.anbu .icon-box {
    gap: 1.2rem;
  }
}
div[data-current-page=search] .search-banner.anbu .icon {
  width: 3.3rem;
  height: 3.3rem;
  background-image: url("/assets/images/pages/utility/banner_logo_anbu.svg");
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner.anbu .icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}
div[data-current-page=search] .search-banner .icon-box {
  display: flex;
  align-items: center;
  color: #0038A3;
  gap: 1.2rem;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0;
  font-weight: 700;
}
div[data-current-page=search] .search-banner .icon-box .icon {
  position: relative;
  margin-right: 1.2rem;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
div[data-current-page=search] .search-banner .icon-box .icon img {
  display: block;
}
div[data-current-page=search] .search-banner .icon-box .icon::after {
  content: "";
  position: absolute;
  right: -1.2rem;
  top: 50%;
  width: 1px;
  height: 0.8rem;
  border-radius: 0.8rem;
  transform: translateY(-50%);
  background-color: #94B8FF;
}
div[data-current-page=search] .search-banner .btn-box {
  display: flex;
  gap: 1.2rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner {
    flex-direction: column;
    align-items: center;
    background-image: url("/assets/images/pages/utility/search_banner_bg_mobile.png");
    padding: 2.8rem 2.4rem;
  }
  div[data-current-page=search] .search-banner .icon-box {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 1.6rem;
    gap: 1.6rem;
  }
  div[data-current-page=search] .search-banner .icon-box .icon {
    margin-right: 0;
  }
  div[data-current-page=search] .search-banner .icon-box .icon::after {
    display: none;
  }
  div[data-current-page=search] .search-banner .btn-box {
    width: 100%;
    align-items: flex-start;
  }
  div[data-current-page=search] .search-banner .btn-box .btn {
    flex: 1;
  }
}
@media screen and (max-width: 390px) {
  div[data-current-page=search] .search-banner .btn-box {
    flex-direction: column;
    gap: 0.8rem;
  }
  div[data-current-page=search] .search-banner .btn-box .btn {
    width: 100%;
  }
}
div[data-current-page=search] .search-banner-keyword {
  display: flex;
  align-items: center;
  padding: 2rem 2.4rem;
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  background-color: #F0F0F0;
  border: 1px solid #E4E4E4;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner-keyword {
    flex-direction: column;
    align-items: flex-start;
    padding: 2rem;
  }
}
div[data-current-page=search] .search-banner-keyword + .search-banner {
  margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner-keyword + .search-banner {
    margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}
div[data-current-page=search] .search-banner-keyword .banner-result-area {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner-keyword .banner-result-area {
    padding: 0 0.2rem;
  }
}
div[data-current-page=search] .search-banner-keyword .banner-badge {
  padding: 0.4rem 1rem;
  margin-right: 1.2rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #E4E4E4;
  color: #555555;
  white-space: pre;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner-keyword .banner-badge {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
div[data-current-page=search] .search-banner-keyword .banner-result {
  margin-right: 0.6rem;
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=search] .search-banner-keyword .banner-result {
    margin-right: 0.4rem;
  }
}
div[data-current-page=search] .search-banner-keyword .banner-result b {
  color: #2D2D2D;
  font-weight: 700;
  word-break: break-all;
}
div[data-current-page=search] .search-banner-keyword .banner-real-result {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
div[data-current-page=search] .search-banner-keyword .banner-real-result b {
  position: relative;
  color: #0045C9;
  font-weight: 700;
  background-image: -webkit-linear-gradient(transparent calc(100% - 0.1em), #0045C9 0.1em);
  background-image: linear-gradient(transparent calc(100% - 0.1em), #0045C9 0.1em);
  background-position: left bottom;
  background-size: 100%;
  background-repeat: no-repeat;
  word-break: break-all;
}
div[data-current-page=search] .search-banner-keyword .banner-real-result .real-tesult-text {
  color: #2D2D2D;
}

.logout-popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  /* 대표홈페이지 버튼 스타일 */
}
.logout-popup-container.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.logout-popup-container .container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.logout-popup-container .logout-popup-dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}
.logout-popup-container .logout-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70.4rem;
  padding: 4rem;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
}
.logout-popup-container .logout-popup svg {
  width: 3rem;
  height: 3rem;
}
.logout-popup-container .logout-popup .tit {
  margin-top: 0.8rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container .logout-popup .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container .logout-popup .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container .logout-popup .tit {
    font-size: 2.1rem;
  }
}
.logout-popup-container .logout-popup .txt-wrap {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container .logout-popup .txt-wrap {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container .logout-popup .txt-wrap {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container .logout-popup .txt-wrap {
    font-size: 1.6rem;
  }
}
.logout-popup-container .logout-popup .txt-wrap .sub-txt {
  color: #1D1D1D;
}
.logout-popup-container .logout-popup .txt-wrap .time {
  color: #0053F2;
  font-weight: 700;
}
.logout-popup-container .logout-popup .notice {
  width: 100%;
  padding: 2.4rem;
  background-color: #F8F8F8;
  border-radius: 0.6rem;
}
.logout-popup-container .logout-popup .btn-wrap {
  display: flex;
  gap: 0.8rem;
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .logout-popup-container .container-box-xl {
    width: 100%;
  }
  .logout-popup-container .logout-popup {
    width: 100%;
    padding: 3.6rem;
  }
  .logout-popup-container .logout-popup svg {
    width: 2.8rem;
    height: 2.8rem;
  }
  .logout-popup-container .logout-popup .notice {
    padding: 2rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container .logout-popup {
    padding: 2.4rem;
  }
  .logout-popup-container .logout-popup svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.logout-popup-container a[class=btn],
.logout-popup-container button[class=btn],
.logout-popup-container .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  box-sizing: border-box;
  isolation: isolate;
  border-radius: 0.6rem;
}
.logout-popup-container a[class=btn][data-size=l],
.logout-popup-container button[class=btn][data-size=l],
.logout-popup-container .btn[data-size=l] {
  gap: 0.2105263158em;
  padding: 0.6315789474em 1.0526315789em;
  min-height: 5.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container a[class=btn][data-size=l],
  .logout-popup-container button[class=btn][data-size=l],
  .logout-popup-container .btn[data-size=l] {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l],
  .logout-popup-container button[class=btn][data-size=l],
  .logout-popup-container .btn[data-size=l] {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container a[class=btn][data-size=l],
  .logout-popup-container button[class=btn][data-size=l],
  .logout-popup-container .btn[data-size=l] {
    font-size: 1.8rem;
  }
}
.logout-popup-container a[class=btn][data-size=l] i,
.logout-popup-container button[class=btn][data-size=l] i,
.logout-popup-container .btn[data-size=l] i {
  width: 1.2631578947em;
  height: 1.2631578947em;
}
.logout-popup-container a[class=btn][data-size=l] i[data-type=only-news],
.logout-popup-container button[class=btn][data-size=l] i[data-type=only-news],
.logout-popup-container .btn[data-size=l] i[data-type=only-news] {
  width: 0.9473684211em;
  height: 0.9473684211em;
}
.logout-popup-container a[class=btn][data-size=l][data-type=only-icon],
.logout-popup-container button[class=btn][data-size=l][data-type=only-icon],
.logout-popup-container .btn[data-size=l][data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 5.6rem;
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    gap: 0.2352941176em;
    padding: 0.5882352941em 0.9411764706em;
    min-height: 4.8rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]),
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed]) i,
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed]) i,
  .logout-popup-container .btn[data-size=l]:not([data-fixed]) i {
    width: 1.1764705882em;
    height: 1.1764705882em;
  }
  .logout-popup-container a[class=btn][data-size=l]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container button[class=btn][data-size=l]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container .btn[data-size=l]:not([data-fixed])[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4.8rem;
  }
}
.logout-popup-container a[class=btn][data-size=m],
.logout-popup-container button[class=btn][data-size=m],
.logout-popup-container .btn[data-size=m] {
  gap: 0.2352941176em;
  padding: 0.5882352941em 0.9411764706em;
  min-height: 4.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .logout-popup-container a[class=btn][data-size=m],
  .logout-popup-container button[class=btn][data-size=m],
  .logout-popup-container .btn[data-size=m] {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=m],
  .logout-popup-container button[class=btn][data-size=m],
  .logout-popup-container .btn[data-size=m] {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .logout-popup-container a[class=btn][data-size=m],
  .logout-popup-container button[class=btn][data-size=m],
  .logout-popup-container .btn[data-size=m] {
    font-size: 1.6rem;
  }
}
.logout-popup-container a[class=btn][data-size=m] i,
.logout-popup-container button[class=btn][data-size=m] i,
.logout-popup-container .btn[data-size=m] i {
  width: 1.1764705882em;
  height: 1.1764705882em;
}
.logout-popup-container a[class=btn][data-size=m][data-type=only-icon],
.logout-popup-container button[class=btn][data-size=m][data-type=only-icon],
.logout-popup-container .btn[data-size=m][data-type=only-icon] {
  padding-right: 0;
  padding-left: 0;
  width: 4.8rem;
}
@media screen and (max-width: 1024px) {
  .logout-popup-container a[class=btn][data-size=m]:not([data-fixed]),
  .logout-popup-container button[class=btn][data-size=m]:not([data-fixed]),
  .logout-popup-container .btn[data-size=m]:not([data-fixed]) {
    gap: 0.2666666667em;
    padding: 0.5333333333em 1.0666666667em;
    min-height: 4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .logout-popup-container a[class=btn][data-size=m]:not([data-fixed]) i,
  .logout-popup-container button[class=btn][data-size=m]:not([data-fixed]) i,
  .logout-popup-container .btn[data-size=m]:not([data-fixed]) i {
    width: 1.0666666667em;
    height: 1.0666666667em;
  }
  .logout-popup-container a[class=btn][data-size=m]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container button[class=btn][data-size=m]:not([data-fixed])[data-type=only-icon],
  .logout-popup-container .btn[data-size=m]:not([data-fixed])[data-type=only-icon] {
    padding-right: 0;
    padding-left: 0;
    width: 4rem;
  }
}
.logout-popup-container a[class=btn][data-color=fill-blue-50],
.logout-popup-container button[class=btn][data-color=fill-blue-50],
.logout-popup-container .btn[data-color=fill-blue-50] {
  background-color: #0045C9;
  color: #ffffff;
}
.logout-popup-container a[class=btn][data-color=fill-blue-50] i path,
.logout-popup-container button[class=btn][data-color=fill-blue-50] i path,
.logout-popup-container .btn[data-color=fill-blue-50] i path {
  fill: #ffffff;
}
@media screen and (hover: hover) {
  .logout-popup-container a[class=btn][data-color=fill-blue-50]:not(.not-hover):hover,
  .logout-popup-container button[class=btn][data-color=fill-blue-50]:not(.not-hover):hover,
  .logout-popup-container .btn[data-color=fill-blue-50]:not(.not-hover):hover {
    background-color: #0038A3;
  }
}
.logout-popup-container a[class=btn][data-color=fill-blue-50]:not(.not-hover):active,
.logout-popup-container button[class=btn][data-color=fill-blue-50]:not(.not-hover):active,
.logout-popup-container .btn[data-color=fill-blue-50]:not(.not-hover):active {
  background-color: #002B7D;
}
.logout-popup-container a[class=btn][data-color=border-blue-0],
.logout-popup-container button[class=btn][data-color=border-blue-0],
.logout-popup-container .btn[data-color=border-blue-0] {
  border: 1px solid #94B8FF;
  background-color: #ffffff;
  color: #0045C9;
}
.logout-popup-container a[class=btn][data-color=border-blue-0] i path,
.logout-popup-container button[class=btn][data-color=border-blue-0] i path,
.logout-popup-container .btn[data-color=border-blue-0] i path {
  fill: #0045C9;
}
@media screen and (hover: hover) {
  .logout-popup-container a[class=btn][data-color=border-blue-0]:not(.not-hover):hover,
  .logout-popup-container button[class=btn][data-color=border-blue-0]:not(.not-hover):hover,
  .logout-popup-container .btn[data-color=border-blue-0]:not(.not-hover):hover {
    background-color: #EFF5FF;
  }
}
.logout-popup-container a[class=btn][data-color=border-blue-0]:not(.not-hover):active,
.logout-popup-container button[class=btn][data-color=border-blue-0]:not(.not-hover):active,
.logout-popup-container .btn[data-color=border-blue-0]:not(.not-hover):active {
  border: 1px solid #94B8FF;
  background-color: #D1E1FF;
  color: #0045C9;
}

div[data-current-page=id-verification] .title-wrapper .title-wrap,
div[data-current-page=id] .title-wrapper .title-wrap {
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  div[data-current-page=id-verification] .title-wrapper .title-wrap,
  div[data-current-page=id] .title-wrapper .title-wrap {
    font-size: 3.4rem;
  }
}

[data-layout-type=common-layout] .result-container .content-wrap .title-box .title, [data-layout-type=common-layout] .title-wrapper .title-wrap {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  [data-layout-type=common-layout] .result-container .content-wrap .title-box .title, [data-layout-type=common-layout] .title-wrapper .title-wrap {
    font-size: 3.4rem;
  }
}

div[data-current-page=join] .join-top-container .title, main[data-current-page=login] .utility-container .title-wrapper .title-wrap {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=join] .join-top-container .title, main[data-current-page=login] .utility-container .title-wrapper .title-wrap {
    font-size: 2.5rem;
  }
}

div[data-current-page=id-verification] .title-cont-tit,
div[data-current-page=id] .title-cont-tit {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 1px;
}

[data-layout-type=common-layout] .btn:not(button.icon-wrap),
[data-layout-type=common-layout] .btn {
  height: 4.8rem;
  min-height: 4.8rem;
  font-size: 1.7rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

div[data-current-page=id-verification] .content-wrapper .cont .content-wrap .tit, div[data-current-page=id] .content-wrapper .box .cont .content-wrap .tit, [data-layout-type=common-layout] .result-container .content-wrap .txt-box {
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
}

div[data-current-page=id-verification] .title-cont-desc,
div[data-current-page=id] .title-cont-desc, div[data-current-page=join] #page-form .form-container fieldset legend, div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item button, div[data-current-page=join] #page-join-home .membership-container .membership-box .content-wrap .name, div[data-current-page=join] #page-join-home .join-top-descript-container .txt {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .title-cont-desc,
  div[data-current-page=id] .title-cont-desc, div[data-current-page=join] #page-form .form-container fieldset legend, div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item button, div[data-current-page=join] #page-join-home .membership-container .membership-box .content-wrap .name, div[data-current-page=join] #page-join-home .join-top-descript-container .txt {
    font-size: 1.6rem;
  }
}

div[data-current-page=join] #page-complet .txt-box, div[data-current-page=join] #page-auth[data-type=personal] .desc, div[data-current-page=join] #page-join-home .membership-container .membership-box .content-wrap .desc, div[data-current-page=join] #page-join-home .join-top-descript-container .desc, div[data-current-page=find] .notice-content-wrap .notice-tit, [data-layout-type=common-layout] .dot-list-wrap .dot-item {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
}

[data-layout-type=common-layout] .desc-box {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

div[data-current-page=id-verification] .content-wrapper .desc, div[data-current-page=id] .content-wrapper .box .desc, div[data-current-page=join] #page-auth[data-type=business] .auth-info-container > a, [data-layout-type=common-layout] .form-toggle-wrap .toggle-box, [data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap .label, [data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap .time, main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap .time, main[data-current-page=find] .form-container .form-input-item.has-button .btn-wrap .label, main[data-current-page=find] .form-toggle-wrap .toggle-box, main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap .time, main[data-current-page=join] .form-container .form-input-item.has-button .btn-wrap .label {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
}

div[data-current-page=id-verification] .title-cont-sub-desc,
div[data-current-page=id] .title-cont-sub-desc {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
}

main:has([data-current-page=login]),
main:has([data-current-page=find]),
main:has([data-current-page=join]) {
  padding: 0 2rem;
  height: fit-content;
  min-height: fit-content;
  padding-top: 7rem;
}
@media (max-width: 1279px) {
  main:has([data-current-page=login]),
  main:has([data-current-page=find]),
  main:has([data-current-page=join]) {
    padding-top: 6rem;
  }
}

#dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0.8;
}
#dimmed.show {
  display: block;
}

#modal-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(9999 + 1);
  width: 100%;
  height: 100%;
}
#modal-wrap.show {
  display: block;
}
#modal-wrap .modal {
  padding: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 32rem;
  height: fit-content;
  background: #ffffff;
  transform: translate(-50%, -50%);
  border-radius: max(0.6rem, 0.41666vw);
}
#modal-wrap .icon {
  margin: 0 auto;
  margin-bottom: 0.8rem;
  padding: 0.25rem;
  width: 2.4rem;
  height: 2.4rem;
}
#modal-wrap .icon i, #modal-wrap .icon svg {
  width: 100%;
  height: 100%;
}
#modal-wrap .txt {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

[data-layout-type=common-layout] .utility-container {
  margin: 0 auto;
  padding: clamp(5.2rem, 6.25vmax, 12rem) 0 clamp(8.8rem, 10.41667vmax, 20rem);
  width: 100%;
  max-width: 42rem;
  min-height: fit-content;
  background: white;
}
[data-layout-type=common-layout] .title-wrapper .title-wrap {
  margin-bottom: 2.8rem;
  text-align: center;
}
[data-layout-type=common-layout] .title-wrapper .tab-container {
  margin-bottom: 2rem;
}
[data-layout-type=common-layout] .title-wrapper .tab-container .tab-list-box[data-responsive=true] .tab-list.style1 {
  justify-content: space-between;
  margin-left: 0;
  width: 100%;
}
[data-layout-type=common-layout] .title-wrapper .tab-container .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item {
  margin-left: 0;
}
[data-layout-type=common-layout] .title-wrapper .tab-container .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item a {
  justify-content: center;
  width: 100%;
}
[data-layout-type=common-layout] .title-wrapper .tab-container[data-col="3"] .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item {
  width: 33.3333% !important;
}
[data-layout-type=common-layout] .title-wrapper .tab-container[data-col="2"] .tab-list-box[data-responsive=true] .tab-list.style1 .tab-item {
  width: 50% !important;
}
[data-layout-type=common-layout] .form-container {
  margin-bottom: 3rem;
  padding: 2.4rem;
}
[data-layout-type=common-layout] .form-container.has-toggle .form-wrap {
  display: none;
}
[data-layout-type=common-layout] .form-container.has-toggle .form-wrap.show {
  display: block;
}
[data-layout-type=common-layout] .form-container .form-item {
  padding: 0;
}
[data-layout-type=common-layout] .form-container .form-input-item {
  position: relative;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button {
  margin-bottom: 0.8rem;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button:last-child {
  margin-bottom: 0;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button input {
  padding-right: 12.5rem;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap {
  display: none;
  align-items: center;
  position: absolute;
  top: 0.4rem;
  right: 0.4rem;
  gap: 0.8rem;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap.show {
  display: flex;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap .time {
  color: #0045C9;
}
[data-layout-type=common-layout] .form-container .form-input-item.has-button .btn-wrap .btn {
  width: fit-content;
  height: 4rem;
  min-height: 4rem;
}
[data-layout-type=common-layout] .form-container .form-input-item + .dot-list-wrap {
  margin-top: 0.8rem;
}
[data-layout-type=common-layout] .form-toggle-wrap {
  width: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  max-height: 4.8rem;
  margin-bottom: 2rem;
}
[data-layout-type=common-layout] .form-toggle-wrap .toggle-box {
  position: relative;
  width: 50%;
  text-align: center;
}
[data-layout-type=common-layout] .form-toggle-wrap .toggle-box label {
  display: block;
  width: 100%;
  padding: 1.25rem 1.6rem;
  cursor: pointer;
  border-radius: 0.6rem;
}
[data-layout-type=common-layout] .form-toggle-wrap .toggle-box input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
[data-layout-type=common-layout] .form-toggle-wrap .toggle-box input[type=radio]:checked + label {
  background: #001E57;
  color: #ffffff;
}
[data-layout-type=common-layout] .form-toggle-wrap .toggle-box input[type=radio]:focus + label {
  border: 1px solid #001E57;
}
@media screen and (max-width: 600px) {
  [data-layout-type=common-layout] .form-toggle-wrap {
    max-height: 4rem;
  }
  [data-layout-type=common-layout] .form-toggle-wrap .toggle-box label {
    padding: 0.85rem 0rem;
  }
}
[data-layout-type=common-layout] .bottom-buttons-container {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
}
[data-layout-type=common-layout] .bottom-buttons-container button, [data-layout-type=common-layout] .bottom-buttons-container a {
  display: none;
  flex-shrink: 1;
  width: 100%;
}
[data-layout-type=common-layout] .btn:not(button.icon-wrap),
[data-layout-type=common-layout] .btn {
  width: 100%;
}
[data-layout-type=common-layout] .btn:not(button.icon-wrap).login,
[data-layout-type=common-layout] .btn.login {
  width: 100%;
  gap: 0.8rem;
}
[data-layout-type=common-layout] .btn:not(button.icon-wrap).login path, [data-layout-type=common-layout] .btn:not(button.icon-wrap).login i,
[data-layout-type=common-layout] .btn.login path,
[data-layout-type=common-layout] .btn.login i {
  fill: #EE1C27;
}
[data-layout-type=common-layout] .dot-list-wrap.mt-4 {
  margin-top: 0.4rem;
}
[data-layout-type=common-layout] .dot-list-wrap .dot-item {
  position: relative;
  padding-left: 0.9rem;
  margin-bottom: 0.4rem;
  color: #717171;
}
[data-layout-type=common-layout] .dot-list-wrap .dot-item:last-child {
  margin-bottom: 0;
}
[data-layout-type=common-layout] .dot-list-wrap .dot-item::before {
  content: "";
  position: absolute;
  top: 0.85rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 100%;
  background: #717171;
}
[data-layout-type=common-layout] .result-container .content-wrap {
  margin-bottom: 5.6rem;
}
[data-layout-type=common-layout] .result-container .content-wrap .title-box {
  margin-bottom: 2.8rem;
}
[data-layout-type=common-layout] .result-container .content-wrap .title-box .icon-wrap {
  display: block;
  margin: 0 auto;
  margin-bottom: 0.8rem;
  width: max(3.2rem, 2.5vw);
  height: auto;
  aspect-ratio: 1/1;
}
[data-layout-type=common-layout] .result-container .content-wrap .title-box .title {
  text-align: center;
}
[data-layout-type=common-layout] .result-container .content-wrap .txt-box {
  text-align: center;
}
[data-layout-type=common-layout] .result-container .content-wrap .txt-box .user-id {
  color: #0053F2;
}
[data-layout-type=common-layout] .result-container .bottom-buttons-container {
  gap: 1.6rem;
}
[data-layout-type=common-layout] .text-color--success {
  color: #0045C9 !important;
}
[data-layout-type=common-layout] .text-color--success::before {
  background: #0045C9 !important;
}
[data-layout-type=common-layout] .text-color--fail {
  color: #E81D21 !important;
}
[data-layout-type=common-layout] .text-color--fail::before {
  background: #E81D21 !important;
}
[data-layout-type=common-layout] .btn.only-web,
[data-layout-type=common-layout] .desc.only-web,
[data-layout-type=common-layout] br.only-web {
  display: flex !important;
}
@media screen and (max-width: 1024px) {
  [data-layout-type=common-layout] .btn.only-web,
  [data-layout-type=common-layout] .desc.only-web,
  [data-layout-type=common-layout] br.only-web {
    display: none !important;
  }
}
[data-layout-type=common-layout] .btn.only-mobile,
[data-layout-type=common-layout] .desc.only-mobile,
[data-layout-type=common-layout] br.only-mobile {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  [data-layout-type=common-layout] .btn.only-mobile,
  [data-layout-type=common-layout] .desc.only-mobile,
  [data-layout-type=common-layout] br.only-mobile {
    display: flex !important;
  }
}
[data-layout-type=common-layout] br.only-web-tablet {
  display: flex !important;
}
@media screen and (max-width: 600px) {
  [data-layout-type=common-layout] br.only-web-tablet {
    display: none !important;
  }
}
[data-layout-type=common-layout] br.only-web-mobile {
  display: flex !important;
}
@media screen and (max-width: 1024px) {
  [data-layout-type=common-layout] br.only-web-mobile {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  [data-layout-type=common-layout] br.only-web-mobile {
    display: flex !important;
  }
}
[data-layout-type=common-layout] br.only-mo {
  display: none !important;
}
@media screen and (max-width: 600px) {
  [data-layout-type=common-layout] br.only-mo {
    display: flex !important;
  }
}
[data-layout-type=common-layout] .show {
  display: flex !important;
}

div[data-current-page=login] .form-btns-box {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
div[data-current-page=login] .submit-button-wrap {
  margin-bottom: 1.6rem;
}
div[data-current-page=login] .account-utils-container {
  display: flex;
  justify-content: center;
}
div[data-current-page=login] .account-utils-container li {
  border-left: 1px solid #D8D8D8;
}
div[data-current-page=login] .account-utils-container li:first-child {
  border-left: 0;
}
div[data-current-page=login] .account-utils-container li a {
  display: block;
  padding: 0 0.8rem;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
div[data-current-page=login] .qr-container .qr-box {
  margin: 0 auto;
  margin-bottom: 3rem;
  width: 16rem;
  height: 16rem;
}
div[data-current-page=login] .qr-container .qr-desc {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
div[data-current-page=login] .qr-container .qr-desc .time {
  color: #0053F2;
}
div[data-current-page=login] .auth-phone-container {
  display: flex;
  flex-direction: column;
  gap: 2.6rem;
}

div[data-current-page=find] .form-wrap {
  gap: 2.6rem;
}
div[data-current-page=find] .notice-content-wrap .notice-tit {
  font-weight: 700;
  margin-bottom: 0.8rem;
}

div[data-current-page=join] .join-top-container {
  display: flex;
  align-items: flex-end;
}
div[data-current-page=join] .join-top-container .go-back-btn {
  width: 3.2rem;
  height: 3.2rem;
  margin-bottom: 0.3rem;
  flex-shrink: 0;
}
div[data-current-page=join] .join-top-container .go-back-btn img, div[data-current-page=join] .join-top-container .go-back-btn svg, div[data-current-page=join] .join-top-container .go-back-btn i {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=join] .join-top-container .go-back-btn {
    margin-bottom: 0.7rem;
  }
}
div[data-current-page=join] .join-top-container .title {
  width: 100%;
  padding: 0 2.7rem;
}
div[data-current-page=join] #page-join-home .join-top-descript-container {
  text-align: center;
  margin-bottom: 3rem;
}
div[data-current-page=join] #page-join-home .join-top-descript-container .desc {
  color: #555555;
  margin-top: 0.8rem;
}
div[data-current-page=join] #page-join-home .membership-container {
  display: flex;
  gap: 1.6rem;
  flex-direction: column;
}
div[data-current-page=join] #page-join-home .membership-container .membership-box {
  display: flex;
  gap: 2.4rem;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
  padding: 2rem 2.4rem;
}
div[data-current-page=join] #page-join-home .membership-container .membership-box:hover, div[data-current-page=join] #page-join-home .membership-container .membership-box:focus {
  border: 1px solid #0045C9;
}
div[data-current-page=join] #page-join-home .membership-container .membership-box .icon-wrap {
  width: 4.8rem;
  height: 4.8rem;
}
div[data-current-page=join] #page-join-home .membership-container .membership-box .icon-wrap i, div[data-current-page=join] #page-join-home .membership-container .membership-box .icon-wrap svg {
  display: block;
  width: 100%;
  height: 100%;
}
div[data-current-page=join] #page-join-home .membership-container .membership-box .content-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
div[data-current-page=join] #page-join-home .membership-container .membership-box .content-wrap .desc {
  margin-top: 0.4rem;
  color: #555555;
}
div[data-current-page=join] #page-agree .txt {
  color: #1D1D1D;
}
div[data-current-page=join] #page-agree b {
  font-weight: 700;
}
div[data-current-page=join] #page-agree .form-item-colum {
  gap: 1.6rem;
}
div[data-current-page=join] #page-agree .all-agree-box {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
div[data-current-page=join] #page-agree .agree-check-item {
  justify-content: space-between;
}
div[data-current-page=join] #page-agree-guide .form-item {
  max-width: 100%;
}
div[data-current-page=join] #page-agree-guide .privacy-agree-box {
  padding-right: 1.6rem;
  padding-left: 2rem;
}
div[data-current-page=join] #page-agree-guide .privacy-agree-box * {
  font-size: 1.3rem;
  word-break: break-all;
}
div[data-current-page=join] #page-agree-guide .privacy-agree-box .box-wrap {
  padding-top: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 600px) {
  div[data-current-page=join] #page-agree-guide .privacy-agree-box .box-wrap {
    height: 64rem;
  }
}
div[data-current-page=join] #page-auth[data-type=personal] .type-list {
  display: flex;
  gap: 1.6rem;
}
div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item {
  flex-grow: 1;
}
div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item button {
  width: 100%;
  height: auto;
  aspect-ratio: 167/140;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
  padding: 2rem;
}
div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item button:hover, div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item button:focus, div[data-current-page=join] #page-auth[data-type=personal] .type-list .type-item button.active {
  border: 1px solid #0045C9;
  background-color: #EFF5FF;
}
div[data-current-page=join] #page-auth[data-type=personal] .desc {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 3rem;
  color: #8E8E8E;
  padding-left: 0.9rem;
}
div[data-current-page=join] #page-auth[data-type=personal] .desc::before {
  content: "";
  position: absolute;
  top: 0.85rem;
  left: 0;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #8E8E8E;
  border-radius: 100%;
}
div[data-current-page=join] #page-auth[data-type=business] .form-item:last-child {
  margin-top: 2.6rem;
}
div[data-current-page=join] #page-auth[data-type=business] .auth-info-container > a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  font-weight: 400;
  color: #1D1D1D;
}
div[data-current-page=join] #page-auth[data-type=business] .auth-info-container > a i {
  display: block;
  padding: 0.2rem;
}
div[data-current-page=join] #page-auth-info .title-wrapper .title {
  padding: 0 0.8rem;
}
div[data-current-page=join] #page-auth-info .table-container table th, div[data-current-page=join] #page-auth-info .table-container table td {
  padding: 0.8rem;
}
div[data-current-page=join] #page-form .form-item-colum {
  gap: 0.8rem;
}
div[data-current-page=join] #page-form .form-container fieldset legend {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=join] #page-form .form-container .form-title {
    font-size: 1.5rem;
  }
}
div[data-current-page=join] #page-form .form-container .form-item.address .input-text-button {
  max-width: 100%;
  gap: 1rem;
}
div[data-current-page=join] #page-form .form-container .form-item.address .input-text-button button {
  flex-shrink: 0;
}
div[data-current-page=join] #page-form .form-container .form-item.address .input-text-button input[type=text] {
  max-width: inherit;
}
div[data-current-page=join] #page-form .form-container .form-item.address .input-text-box {
  margin-top: 1rem;
  flex-direction: column;
  gap: 1rem;
}
div[data-current-page=join] #page-form[data-type=business] .upload-input-box {
  position: relative;
}
div[data-current-page=join] #page-form[data-type=business] .upload-input-box input#file-name-box {
  padding-right: 3.6rem;
}
div[data-current-page=join] #page-form[data-type=business] .upload-input-box input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
div[data-current-page=join] #page-form[data-type=business] .upload-input-box .upload-delete-btn {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  z-index: 1;
}
div[data-current-page=join] #page-form[data-type=business] .upload-input-box .upload-delete-btn i, div[data-current-page=join] #page-form[data-type=business] .upload-input-box .upload-delete-btn svg {
  width: 100%;
  height: 100%;
}
div[data-current-page=join] #page-form[data-type=business] .upload-btn-wrap {
  display: flex;
  gap: 1rem;
  margin-top: 0.8rem;
}
div[data-current-page=join] #page-form[data-type=business] .upload-btn-wrap > * {
  width: fit-content;
}
div[data-current-page=join] #page-form[data-type=business] .upload-btn-wrap .btn {
  height: 4rem;
  min-height: 4rem;
}
div[data-current-page=join] #page-complet .txt-box {
  color: #555555;
}

div[data-current-page=id-verification],
div[data-current-page=id] {
  padding-left: 2rem;
  padding-right: 2rem;
  color: #1D1D1D;
}
div[data-current-page=id-verification] .utility-container,
div[data-current-page=id] .utility-container {
  max-width: 106rem;
}
div[data-current-page=id-verification] .title-wrapper,
div[data-current-page=id] .title-wrapper {
  margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
}
div[data-current-page=id-verification] .title-wrapper .title-wrap,
div[data-current-page=id] .title-wrapper .title-wrap {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
div[data-current-page=id-verification] .title-cont,
div[data-current-page=id] .title-cont {
  text-align: center;
}
div[data-current-page=id-verification] .title-cont-tit,
div[data-current-page=id] .title-cont-tit {
  margin-bottom: 1.2rem;
}
div[data-current-page=id-verification] .title-cont-desc,
div[data-current-page=id] .title-cont-desc {
  font-weight: 400;
}
div[data-current-page=id-verification] .title-cont-sub-desc,
div[data-current-page=id] .title-cont-sub-desc {
  margin-top: 0.4rem;
  color: #717171;
}
div[data-current-page=id-verification] .content-wrapper .box .btn:hover,
div[data-current-page=id] .content-wrapper .box .btn:hover {
  background-color: #0045C9;
  color: #ffffff;
}
div[data-current-page=id-verification] .content-wrapper .box .btn:hover i path,
div[data-current-page=id] .content-wrapper .box .btn:hover i path {
  fill: #ffffff;
}
div[data-current-page=id-verification] .btn-wrapper,
div[data-current-page=id] .btn-wrapper {
  width: fit-content;
  margin: clamp(3rem, 10px + 2.39583vmax, 5.6rem) auto 0 auto;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .title-wrapper,
  div[data-current-page=id] .title-wrapper {
    margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
  div[data-current-page=id-verification] .title-wrapper .title-wrap,
  div[data-current-page=id] .title-wrapper .title-wrap {
    margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  }
}

div[data-current-page=id] .content-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}
div[data-current-page=id] .content-wrapper .box {
  display: flex;
  gap: 4rem;
  flex-direction: column;
  padding: 3.2rem;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  justify-content: space-between;
}
div[data-current-page=id] .content-wrapper .box:hover {
  border-color: #0045C9;
}
div[data-current-page=id] .content-wrapper .box .btn:hover {
  background-color: #0045C9;
  color: #ffffff;
}
div[data-current-page=id] .content-wrapper .box .btn:hover i path {
  fill: #ffffff;
}
div[data-current-page=id] .content-wrapper .box .cont {
  display: flex;
  gap: 1.6rem;
}
div[data-current-page=id] .content-wrapper .box .cont .icon-wrap {
  width: 8rem;
  height: 8rem;
  flex-shrink: 0;
}
div[data-current-page=id] .content-wrapper .box .cont .icon-wrap img {
  width: 100%;
  height: 100%;
}
div[data-current-page=id] .content-wrapper .box .cont .content-wrap .tit {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 0.8rem;
}
div[data-current-page=id] .content-wrapper .box .cont .content-wrap .tit-icon-list {
  display: flex;
  gap: 0.4rem;
  width: 100%;
  flex-wrap: wrap;
}
div[data-current-page=id] .content-wrapper .box .cont .content-wrap .tit-icon-list img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
div[data-current-page=id] .content-wrapper .box .desc {
  font-weight: 400 !important;
  text-align: left !important;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id] .content-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
  div[data-current-page=id] .content-wrapper .box {
    padding: 2rem;
    gap: 2.4rem;
  }
  div[data-current-page=id] .content-wrapper .box .cont {
    gap: 1.6rem;
    padding-bottom: 0.8rem;
  }
  div[data-current-page=id] .content-wrapper .box .cont .icon-wrap {
    width: 5.6rem;
    height: 5.6rem;
  }
  div[data-current-page=id] .content-wrapper .box .cont .content-wrap .tit {
    font-size: 1.8rem;
    height: 100%;
    margin-bottom: 0;
    gap: 0.8rem;
  }
  div[data-current-page=id] .content-wrapper .box.icon-list .tit {
    flex-direction: column !important;
    align-items: flex-start !important;
    row-gap: 0.8rem !important;
  }
  div[data-current-page=id] .content-wrapper .box.icon-list .tit-icon-list {
    width: fit-content !important;
  }
  div[data-current-page=id] .content-wrapper .box.icon-list .tit-icon-list img {
    width: 1.6rem !important;
    height: 1.6rem !important;
  }
  div[data-current-page=id] .content-wrapper .box .desc {
    font-size: 1.6rem;
  }
}

div[data-current-page=id-verification] .title-cont-tit {
  margin-bottom: 0.6rem;
}
div[data-current-page=id-verification] .title-cont-desc {
  color: #555555;
}
div[data-current-page=id-verification] .content-wrapper .box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.4rem 3.2rem;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
}
div[data-current-page=id-verification] .content-wrapper .box:hover {
  border-color: #0045C9;
}
div[data-current-page=id-verification] .content-wrapper .box:not(:last-child) {
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .content-wrapper .box {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    padding: 2rem;
  }
}
div[data-current-page=id-verification] .content-wrapper .btn {
  width: fit-content;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .content-wrapper .btn {
    width: 100%;
  }
}
div[data-current-page=id-verification] .content-wrapper .cont {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .content-wrapper .cont {
    margin-bottom: 0.8rem;
  }
}
div[data-current-page=id-verification] .content-wrapper .cont .icon-wrap {
  width: 8rem;
  height: 8rem;
  flex-shrink: 0;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .content-wrapper .cont .icon-wrap {
    width: 5.6rem;
    height: 5.6rem;
  }
}
div[data-current-page=id-verification] .content-wrapper .cont .icon-wrap img {
  width: 100%;
  height: 100%;
}
div[data-current-page=id-verification] .content-wrapper .cont .content-wrap .tit {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 1024px) {
  div[data-current-page=id-verification] .content-wrapper .cont .content-wrap .tit {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
}
div[data-current-page=id-verification] .content-wrapper .cont .content-wrap .tit-icon-list {
  display: flex;
  gap: 0.4rem;
  width: 100%;
  flex-wrap: wrap;
}
div[data-current-page=id-verification] .content-wrapper .cont .content-wrap .tit-icon-list img {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
div[data-current-page=id-verification] .content-wrapper .desc {
  font-weight: 400 !important;
  text-align: left !important;
}

@media screen and (min-width: calc(1024px + 1px)) {
  .sub-section br.pc-hide {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section br.pc-show {
    display: none;
  }
}

.sr-only {
  position: absolute;
  width: 0px;
  height: 0px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* 고객소통 :: 공통 */
.customer-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-container .sub-component-title-box.essential br {
  display: none;
}
.customer-container .board-list-row .badge {
  min-width: 5.4rem;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .customer-container .board-list-row .board-title strong {
    white-space: unset;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 600px) {
  .customer-container .sub-component-title-box.essential {
    flex-wrap: wrap;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
    align-items: flex-end;
    row-gap: 0.8rem;
  }
  .customer-container .sub-component-title-box.essential .inner {
    margin-bottom: 0;
  }
  .customer-container .sub-component-title-box.essential br {
    display: block;
  }
}

.customer-content {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-content {
    padding: 2.4rem;
  }
}
.customer-content .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .customer-content .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-content .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-content .txt {
    font-size: 1.6rem;
  }
}
.customer-content .txt + .dot-txt-list {
  margin-top: 0.8rem;
}
.customer-content .gray-box {
  padding: 3.2rem;
  margin-top: 2rem;
  background-color: #F8F8F8;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  .customer-content .gray-box {
    padding: 1.6rem;
  }
}

/* 고객소통 :: 공통 > 하단 버튼레이아웃 */
.customer-btn-box {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-btn-box.ver01 .btn {
  min-width: 14.6rem;
  width: auto;
}
@media screen and (max-width: 600px) {
  .customer-btn-box.ver01 .btn {
    width: 100%;
    min-width: auto;
    flex: 1;
  }
}
.customer-btn-box.ver02 .btn {
  width: 14.9rem;
}
@media screen and (max-width: 600px) {
  .customer-btn-box.ver02 .btn {
    width: 100%;
    flex: 1;
  }
}
.customer-btn-box.ver03 .btn {
  width: 15.6rem;
}
@media screen and (max-width: 600px) {
  .customer-btn-box.ver03 .btn {
    width: 100%;
    flex: 1;
  }
}
.customer-btn-box.ver04 {
  justify-content: space-between;
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.customer-btn-box.ver04 .right-box {
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 600px) {
  .customer-btn-box.ver04 .right-box {
    gap: 0.8rem;
  }
}
.customer-btn-box.ver04 .btn {
  width: 10rem;
}
@media screen and (max-width: 600px) {
  .customer-btn-box.ver04 .btn {
    width: 9rem;
  }
}

/* 고객소통 :: 공통 > 처리절차 */
.customer-process {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-process {
    padding: 2.4rem;
  }
}
.customer-process-list {
  display: flex;
  justify-content: space-between;
  padding: 0 4rem;
  counter-reset: list-number;
}
.customer-process-list li {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-process-list li dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
  counter-increment: list-number;
}
.customer-process-list li dd {
  display: inline-block;
  text-align: center;
}
.customer-process-list li .icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 8rem;
  height: 8rem;
}
.customer-process-list li .icon img {
  width: 100%;
}
.customer-process-list li .txt {
  display: block;
  font-weight: 700;
  text-align: center;
}
.customer-process-list li .txt::before {
  content: counter(list-number) ". ";
}
.customer-process-list li.arrow {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.customer-process-list li.black .icon {
  background-color: #F8F8F8;
}
.customer-process-list li.blue .icon {
  background-color: #EFF5FF;
}
.customer-process-list.list-step-4 li dl {
  width: 13rem;
}
.customer-process-list.list-step-4 li .txt {
  white-space: pre;
}
@media screen and (max-width: 1024px) {
  .customer-process {
    padding: 3.2rem;
  }
  .customer-process-list {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 2.4rem;
    padding: 0;
  }
  .customer-process-list li {
    margin-bottom: 2.3rem;
  }
  .customer-process-list li dl {
    gap: 1.6rem;
  }
  .customer-process-list li:not(.arrow) {
    width: calc(33.33% - 1.6rem);
  }
  .customer-process-list li.t-hide {
    display: none;
  }
  .customer-process-list.list-step-4 li dl {
    width: auto;
  }
  .customer-process-list.list-step-4 li:not(.arrow) {
    width: calc(50% - 1.2rem);
  }
}
@media screen and (max-width: 600px) {
  .customer-process {
    padding: 3.2rem 2rem;
  }
  .customer-process-list {
    justify-content: space-between;
    align-items: unset;
  }
  .customer-process-list li:not(.arrow) {
    width: calc(50% - 1.2rem);
  }
  .customer-process-list li.t-hide {
    display: flex;
  }
  .customer-process-list li.m-hide {
    display: none;
  }
  .customer-process-list.list-step-4 li .txt {
    white-space: normal;
  }
}

/* 고객소통 :: 공통 > 문의 단계 */
.customer-step {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-step {
    padding: 2.4rem;
  }
}
.customer-step {
  padding: 5rem 2rem 4rem;
}
.customer-step-list {
  display: flex;
  justify-content: space-between;
}
.customer-step-list li {
  flex: 1;
  text-align: center;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-step-list li dl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6em;
}
.customer-step-list li dt {
  width: 100%;
}
.customer-step-list li .icon-box {
  position: relative;
  width: 100%;
  display: inline-flex;
  justify-content: center;
}
.customer-step-list li .icon-box::before, .customer-step-list li .icon-box::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 50%;
  height: 2px;
  background-color: #D8D8D8;
}
.customer-step-list li .icon-box::before {
  left: 0;
}
.customer-step-list li .icon-box::after {
  left: 50%;
}
.customer-step-list li .icon-box .icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: 2em;
  height: 2em;
}
.customer-step-list li .icon-box .icon svg {
  width: 100%;
  height: auto;
}
.customer-step-list li .sub-txt {
  display: block;
  margin-bottom: 0.13em;
}
.customer-step-list li .txt {
  display: block;
  font-weight: 700;
}
.customer-step-list li.ready .icon svg {
  color: #D8D8D8;
}
.customer-step-list li.ing .icon {
  background-color: #ffffff;
}
.customer-step-list li.completed .icon-box::before, .customer-step-list li.completed .icon-box::after {
  background-color: #002B7D;
}
.customer-step-list li.completed .icon svg {
  color: #002B7D;
}
.customer-step-list li.completed + .ing .icon-box::before {
  background-color: #002B7D;
}
.customer-step-list li:first-child .icon-box::before {
  display: none;
}
.customer-step-list li:last-child .icon-box::after {
  display: none;
}
@media screen and (max-width: 1024px) {
  .customer-step {
    padding: 3.2rem;
  }
  .customer-step-list li {
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.2rem;
  }
  .customer-step-list li dl {
    align-items: flex-start;
    gap: 1.17em;
  }
  .customer-step-list li .icon-box {
    justify-content: flex-start;
  }
  .customer-step-list li .txt {
    width: 5.69em;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
  }
}
@media screen and (min-width: calc(600px + 1px)) and (max-width: 1024px) {
  .customer-step-list li.completed + .ing .icon-box::before {
    width: 0.8rem;
  }
  .customer-step-list li.completed + .ing .icon-box::after {
    width: 100%;
    left: 0.8rem;
  }
  .customer-step-list li:not(:last-child) .icon-box, .customer-step-list li:not(:last-child) dd {
    padding-left: 0.8rem;
  }
  .customer-step-list li:first-child .icon-box, .customer-step-list li:first-child dd {
    padding-left: 0;
  }
  .customer-step-list li:first-child .icon-box::before {
    display: block;
    left: 3px;
  }
  .customer-step-list li:last-child .icon-box::before {
    width: 5rem;
  }
  .customer-step-list li:last-child .icon-box, .customer-step-list li:last-child dd {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-step {
    padding: 2rem 2.4rem;
  }
  .customer-step-list {
    flex-direction: column;
  }
  .customer-step-list li dl {
    flex-direction: row;
    gap: 0.93em;
  }
  .customer-step-list li dt {
    width: auto;
  }
  .customer-step-list li dd {
    display: flex;
    gap: 0.71em;
    padding: 0.39em 0;
  }
  .customer-step-list li .icon-box {
    padding: 0.6rem 0.2rem;
  }
  .customer-step-list li .icon-box .icon {
    width: 2rem;
    height: 2rem;
  }
  .customer-step-list li .icon-box::before, .customer-step-list li .icon-box::after {
    width: 2px;
    height: 100%;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
  .customer-step-list li .icon-box::before {
    display: none;
  }
  .customer-step-list li .icon-box::after {
    top: 50%;
    margin-top: 0.8rem;
  }
  .customer-step-list li .sub-txt {
    margin-bottom: 0;
  }
  .customer-step-list li .txt {
    width: 100%;
  }
  .customer-step-list li.ing .icon-box {
    padding: 0.35rem 0;
  }
  .customer-step-list li.ing .icon-box .icon {
    width: 2.4rem;
    height: 2.4rem;
  }
  .customer-step-list li:last-child .icon-box::before {
    width: 2px;
  }
}

/* 고객소통 :: 공통 > 공지텍스트 */
.customer-note {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.customer-note .dot-txt.point {
  color: #E81D21;
}
.customer-note .dot-txt.point::before {
  background-color: #E81D21;
}

/* 고객소통 :: 공통 > 완료 페이지 */
.customer-completed {
  margin-top: calc(clamp(1.6rem, 2.08333vmax, 4rem) + clamp(2.8rem, 3.33333vmax, 6.4rem));
}
.customer-completed .completed-txt {
  color: #1D1D1D;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.customer-completed .receipt-txt {
  color: #0045C9;
  text-align: center;
  margin-top: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-completed .receipt-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-completed .receipt-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-completed .receipt-txt {
    font-size: 1.8rem;
  }
}
.customer-completed + .customer-btn-box {
  margin-top: clamp(2.8rem, 3.33333vmax, 6.4rem);
}
@media screen and (max-width: 1024px) {
  .customer-completed .completed-txt {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .customer-completed .completed-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .customer-completed .completed-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .customer-completed .completed-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-completed .completed-txt br {
    display: none;
  }
  .customer-completed .receipt-txt {
    margin-top: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .customer-completed .receipt-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .customer-completed .receipt-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .customer-completed .receipt-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-completed + .customer-btn-box {
    margin-bottom: clamp(1.6rem, 2.08333vmax, 4rem);
  }
}
@media screen and (max-width: 600px) {
  .customer-completed {
    padding: 0 2rem;
  }
}

/* 고객소통 :: 공통 > 접수내역 list */
.customer-list-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-list-container.no-margin-top {
  margin-top: 0;
}
.customer-list-container .sub-component-title {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.customer-list-container .sub-component-title-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.customer-list-container .customer-list-wrap {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-list-container .customer-list-wrap {
    padding: 2.4rem;
  }
}
.customer-list-container .customer-list-wrap {
  padding: 1rem 4rem 2rem;
}
.customer-list-container .customer-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #F0F0F0;
  text-align: center;
  transition: background-color 0.3s ease;
  color: #555555;
  height: 5.5rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-list-container .customer-list-item .number {
  width: 8rem;
}
.customer-list-container .customer-list-item .category {
  width: 20rem;
  text-align: left;
}
.customer-list-container .customer-list-item .tit {
  flex: 1;
  text-align: left;
}
.customer-list-container .customer-list-item .tit p {
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.customer-list-container .customer-list-item .tit.no-data {
  text-align: center;
}
.customer-list-container .customer-list-item .date {
  width: 12rem;
}
.customer-list-container .customer-list-item .file {
  width: 8rem;
}
.customer-list-container .customer-list-item .file img {
  display: block;
  margin: 0 auto;
}
.customer-list-container .customer-list-item .badge-box {
  width: 12rem;
}
.customer-list-container .customer-list-item > * {
  padding: 1.6rem;
}
.customer-list-container .customer-list-item.head-item {
  color: #1D1D1D;
  border-bottom-color: #1D1D1D;
}
.customer-list-container .customer-list-item.head-item .category, .customer-list-container .customer-list-item.head-item .tit {
  text-align: center;
}
.customer-list-container .customer-list li:last-child .customer-list-item {
  border-bottom: 0;
}
@media screen and (min-width: 1025px) and (hover: hover) {
  .customer-list-container .customer-list li a:hover {
    background-color: #F8F8F8;
  }
}
.customer-list-container .no-result {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: clamp(3rem, 10px + 2.39583vmax, 5.6rem) 0;
  color: #555555;
  gap: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-list-container .no-result img {
  width: 6.4rem;
}
@media screen and (max-width: 1024px) {
  .customer-list-container .customer-list-wrap {
    padding: 1.2rem 2rem;
  }
  .customer-list-container .customer-list-item {
    flex-direction: column;
    padding: 2.4rem 0;
    text-align: left;
    height: auto;
  }
  .customer-list-container .customer-list-item .number {
    display: none !important;
  }
  .customer-list-container .customer-list-item .category {
    width: 100%;
  }
  .customer-list-container .customer-list-item .tit {
    width: 100%;
    order: -1;
    margin-bottom: 2rem;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .customer-list-container .customer-list-item .date {
    width: 100%;
    margin-top: 0.8rem;
  }
  .customer-list-container .customer-list-item .file {
    width: 100%;
    margin-top: 0.8rem;
  }
  .customer-list-container .customer-list-item .file img {
    margin: 0;
    width: 2rem;
  }
  .customer-list-container .customer-list-item .badge-box {
    width: 100%;
    margin-top: 0.8rem;
  }
  .customer-list-container .customer-list-item .date {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .customer-list-container .customer-list-item > * {
    padding: 0;
  }
  .customer-list-container .customer-list-item > *:not(.tit) {
    display: flex;
    gap: 0.8rem;
    align-items: center;
  }
  .customer-list-container .customer-list-item > *:not(.tit)::before {
    content: attr(data-label);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .customer-list-container .customer-list-item.head-item {
    display: none;
  }
}

/* 고객소통 :: 공통 > 접수내역 view */
.customer-view-container {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.customer-view-container.no-margin-top {
  margin-top: 0;
}
.customer-view-container .sub-component-title {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.customer-view-container .sub-component-title-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.customer-view-container .file-con-box .file-list-item {
  padding: 1rem 1.6rem;
}
.customer-view-container .file-con-box .file-list-item .file-type {
  width: 2rem;
}
@media screen and (max-width: 1024px) {
  .customer-view-container .file-con-box .file-list-item {
    padding: 1.6rem;
  }
  .customer-view-container .file-con-box .file-list-item .file-type {
    width: 3.2rem;
  }
}
.customer-view-container .d-flex-center {
  display: flex;
  align-items: center;
}

/* 고객소통 :: 공통 > numbering style */
.customer-numbering-list {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .customer-numbering-list {
    padding: 2.4rem;
  }
}
.customer-numbering-list .numbering-list-item {
  display: flex;
  justify-content: space-between;
  padding: 3.2rem 0;
  border-top: 1px solid #E4E4E4;
}
.customer-numbering-list .numbering-list-item .title-box {
  display: flex;
  gap: 1.2rem;
  width: calc(100% - 16.2rem);
}
.customer-numbering-list .numbering-list-item .number {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  color: #ffffff;
  background-color: #0045C9;
  border-radius: 50%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.customer-numbering-list .numbering-list-item .tit {
  width: calc(100% - 2.4rem - 1.2rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .customer-numbering-list .numbering-list-item .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-numbering-list .numbering-list-item .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-numbering-list .numbering-list-item .tit {
    font-size: 1.6rem;
  }
}
.customer-numbering-list .numbering-list-item:first-child {
  padding-top: 0;
  border-top: 0;
}
.customer-numbering-list .numbering-list-item:last-child {
  padding-bottom: 0;
}
.customer-numbering-list .numbering-list-item .input-radio-box {
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .customer-numbering-list {
    padding: 3.2rem;
  }
  .customer-numbering-list .numbering-list-item {
    padding: 2.4rem 0;
    flex-direction: column;
    gap: 2.4rem;
  }
  .customer-numbering-list .numbering-list-item .title-box {
    width: 100%;
  }
  .customer-numbering-list .numbering-list-item .number {
    width: 2rem;
    height: 2rem;
  }
  .customer-numbering-list .numbering-list-item .tit {
    width: calc(100% - 2rem - 1.2rem);
  }
  .customer-numbering-list .numbering-list-item .input-radio-box {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 600px) {
  .customer-numbering-list {
    padding: 2.4rem;
  }
  .customer-numbering-list .numbering-list-item {
    padding: 2rem 0;
  }
}

/* 고객소통 :: 공통 > 개인정보 처리방침 2줄 스타일 */
.customer-agree-container .form-item-colum {
  gap: 0;
}
.customer-agree-container .agree-form-item {
  display: flex;
  justify-content: space-between;
  padding: 1.1rem 0;
}
.customer-agree-container .agree-form-item .form-title {
  padding-top: 0;
  padding-bottom: 0;
}
.customer-agree-container .agree-form-item:nth-child(2) {
  padding-top: 0;
}
.customer-agree-container .agree-form-notice {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
@media screen and (max-width: 1024px) {
  .customer-agree-container .agree-form-item {
    flex-direction: column;
    padding: 0;
  }
  .customer-agree-container .agree-form-item .form-title {
    padding: 0.6rem 0.8rem 1rem 0.2rem;
  }
  .customer-agree-container .agree-form-item:nth-child(2) {
    margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  .customer-agree-container .agree-form-notice {
    margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  }
}

.bottom-contents-wrapper {
  background: #f8fbff;
  border-top: 1px solid #efefef;
  padding: 2.5rem;
  padding-right: max(2rem, 5.12821vw);
  padding-left: max(2rem, 5.12821vw);
}
.bottom-contents-wrapper .card.info-2 .card-top-box {
  display: flex;
  justify-content: space-between;
}
.bottom-contents-wrapper .card.info-2 .last .info {
  font-size: 12px;
  color: #8e8e8e;
  display: flex;
  line-height: 1.25;
  gap: 5px;
}
.bottom-contents-wrapper .container-box-m .card-list-box {
  display: flex;
  justify-content: space-between;
}
.bottom-contents-wrapper .container-box-m .card-list-box .card {
  width: calc(35% - 0.8rem);
}
.bottom-contents-wrapper .container-box-m .card-list-box .card.survey {
  width: calc(65% - 0.8rem);
}
@media screen and (max-width: 1024px) {
  .bottom-contents-wrapper .container-box-m .card-list-box .card {
    width: calc(100% - 0.8rem);
  }
  .bottom-contents-wrapper .container-box-m .card-list-box .card.survey {
    width: calc(100% - 0.8rem);
  }
}

.mt-16 {
  margin-top: 1.6rem;
}

.access-denied {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  flex-direction: column;
}
.access-denied:not(.loading) {
  height: 100%;
}
.access-denied svg {
  width: 12rem;
}
.access-denied .access-text {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.access-denied .access-text {
  color: #717171;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .access-denied svg {
    width: 8rem;
  }
  .access-denied .access-text {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .access-denied .access-text {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .access-denied .access-text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .access-denied .access-text {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .access-denied .access-text {
    color: #717171;
    font-weight: 500;
  }
}

/* 고객소통 :: 온라인민원 > 카테고리 */
.customer-category-list .category-item {
  padding: 2.4rem 4rem;
  background-color: #ffffff;
  border: 0.1rem solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.customer-category-list .category-item .inner {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  justify-content: space-between;
}
.customer-category-list .category-item .tit {
  display: block;
  color: #000000;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .customer-category-list .category-item .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-category-list .category-item .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-category-list .category-item .tit {
    font-size: 1.8rem;
  }
}
.customer-category-list .category-item .icon {
  display: block;
  text-align: right;
}
.customer-category-list .category-item .icon img {
  width: 6rem;
  height: auto;
}
.customer-category-list .category-item.active {
  border-color: #0045C9;
}
@media screen and (min-width: calc(1024px - 1px)) and (hover: hover) {
  .customer-category-list .category-item:hover {
    border-color: #0045C9;
  }
}
@media screen and (max-width: 1024px) {
  .customer-category-list .category-item {
    padding: 2.4rem;
  }
  .customer-category-list .category-item .inner {
    flex-direction: row;
    gap: 0;
    align-items: center;
  }
  .customer-category-list .category-item .icon img {
    width: 5rem;
  }
}
@media screen and (max-width: 1024px) {
  .customer-category-list.row {
    gap: 1.2rem;
  }
}
@media screen and (max-width: 600px) {
  .customer-category-list.row {
    gap: 0.8rem;
  }
}
.customer-category-note {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}

/* 지상권 발급신청 안내 */
.sub-section[data-current-page=consultation] {
  /* 지상권 발급신청내용*/
  /* 한전온 배너 추가 */
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .title-box strong {
  width: 100%;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .dropdown-item-bottom {
  background-color: #ffffff;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .inner-box {
  border-top: 0;
  padding: 0;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .dropdown-info-wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .dropdown-gray-box {
  padding: 3.2rem;
  background-color: #F8F8F8;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=consultation] .dropdown-container.ground .dropdown-gray-box {
    padding: 2.4rem 2rem;
    border-top: 1px solid #F0F0F0;
    border-radius: 0;
  }
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .dropdown-gray-box .table-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=consultation] .dropdown-container.ground .dropdown-gray-box .table-container {
    margin-top: 1.2rem;
  }
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .tit-box {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=consultation] .dropdown-container.ground .tit-box {
    padding: 0.35rem 0;
  }
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .ground-badge {
  padding: 0.4rem 1rem;
  border-radius: 0.6rem;
  background-color: #0045C9;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .ground-tit {
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .ground-desc {
  margin-top: 1.2rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .dot-txt-list {
  margin-top: 1.2rem;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .ground-process {
  margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=consultation] .dropdown-container.ground .ground-process.d {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  .sub-section[data-current-page=consultation] .dropdown-container.ground .ground-process.m {
    display: none;
  }
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .card-list {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .card-list .card.link.style01 {
  gap: 1.6rem;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .card-list .card.link.style01 .title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=consultation] .dropdown-container.ground .card-list .card.link.style01 .btn-box {
  margin-top: 0;
}
.sub-section[data-current-page=consultation] .form-item .msg.info {
  display: flex;
}
.sub-section[data-current-page=consultation] .form-item .msg.info span {
  display: block;
  width: calc(100% - 0.8rem);
}
.sub-section[data-current-page=consultation] .consultation-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D1E1FF;
  padding: 2.4rem 3.2rem;
  background-color: #EFF5FF;
  background-image: url("/assets/images/pages/utility/search_banner_bg_pc.png");
  background-size: cover;
  background-position: bottom right;
  background-repeat: no-repeat;
  margin-top: 2.4rem;
}
.sub-section[data-current-page=consultation] .consultation-banner .icon-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.sub-section[data-current-page=consultation] .consultation-banner .icon-box .icon {
  position: relative;
  padding-right: 1.2rem;
}
.sub-section[data-current-page=consultation] .consultation-banner .icon-box .icon img {
  display: block;
}
.sub-section[data-current-page=consultation] .consultation-banner .icon-box .icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 0.8rem;
  border-radius: 0.8rem;
  transform: translateY(-50%);
  background-color: #94B8FF;
}
.sub-section[data-current-page=consultation] .consultation-banner .txt-box .txt {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  color: #0038A3;
}
.sub-section[data-current-page=consultation] .consultation-banner .txt-box .sub-txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #555555;
}
.sub-section[data-current-page=consultation] .consultation-banner .btn-box {
  position: static;
  display: flex;
  gap: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=consultation] .consultation-banner {
    flex-direction: column;
    align-items: center;
    background-image: url("/assets/images/pages/utility/search_banner_bg_mobile.png");
    padding: 2.8rem 2.4rem;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .icon-box {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .icon-box .icon {
    padding-right: 0;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .icon-box .icon img {
    height: 1.3rem;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .icon-box .icon::after {
    display: none;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .txt-box .sub-txt {
    margin-top: 0.8rem;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .btn-box {
    width: 100%;
    align-items: flex-start;
    margin-top: 1.6rem;
  }
  .sub-section[data-current-page=consultation] .consultation-banner .btn-box .btn {
    width: 100%;
  }
}

.form-item .form-input-item.flex-between {
  display: flex;
  gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .form-item .form-input-item.flex-between {
    flex-flow: column;
  }
}
.form-item .form-input-item.flex-between .dropbox-wrap {
  max-width: 31.6rem;
  flex: 1;
}
@media screen and (max-width: 600px) {
  .form-item .form-input-item.flex-between .dropbox-wrap {
    max-width: 100%;
  }
}

/* 고객소통 :: 본사방문 및 서면 민원 */
[data-current-page=visit] .card.content-2 .bottom-box .txt br {
  display: block;
}
@media screen and (min-width: calc(1024px - 1px)) {
  [data-current-page=visit] .customer-process-list li:not(.arrow) {
    width: 13rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=visit] .customer-process-list {
    justify-content: space-between;
    align-items: unset;
    margin: 0;
  }
  [data-current-page=visit] .customer-process-list li:not(.arrow) {
    width: calc(50% - 1.2rem);
  }
}

.written-notice-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .written-notice-box {
    padding: 2.4rem;
  }
}
.written-notice-box {
  padding: 3.2rem 4rem;
}
.written-notice-box .txt-box {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.written-notice-box .txt {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1024px) {
  .written-notice-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
    padding: 2.4rem;
  }
  .written-notice-box .txt-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
  }
  .written-notice-box .txt-box .icon img {
    width: 4rem;
    height: 4rem;
  }
  .written-notice-box .btn-box {
    width: 100%;
  }
  .written-notice-box .btn-box .btn {
    width: 100%;
  }
}

/* 고객소통 :: 고객소통안내 */
.csinformation-container .sub-component:not(:first-child) {
  margin-top: clamp(5.2rem, 6.25vmax, 12rem);
}
.csinformation-container .dot-txt-list .dot-txt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-container .dot-txt-list .dot-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-container .dot-txt-list .dot-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-container .dot-txt-list .dot-txt {
    font-size: 1.8rem;
  }
}
.csinformation-container .dot-txt-list .dot-txt {
  font-weight: 700;
}
.csinformation-container .dot-txt-list .dot-txt > span {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-container .dot-txt-list .dot-txt > span {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-container .dot-txt-list .dot-txt > span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-container .dot-txt-list .dot-txt > span {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-container .dot-txt-list .dot-txt {
    row-gap: 0.4rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .csinformation-container .dot-txt-list .dot-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .csinformation-container .dot-txt-list .dot-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .csinformation-container .dot-txt-list .dot-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-container .dot-txt-list .dot-txt > span {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-container .dot-txt-list li:first-child .dot-txt {
    flex-direction: column;
    align-items: flex-start;
  }
}
.csinformation-container .t-row .csinformation-box:nth-child(2) {
  margin-top: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .csinformation-container .sub-component:not(:first-child) {
    margin-top: clamp(7.2rem, 8.33333vmax, 16rem);
  }
  .csinformation-container .sub-component-title br {
    display: none;
  }
}
@media screen and (max-width: 1024px) and (min-width: calc(599px)) {
  .csinformation-container .t-row {
    display: flex;
    gap: 1.6rem;
  }
  .csinformation-container .t-row .csinformation-box {
    flex: 1;
  }
  .csinformation-container .t-row .csinformation-box:nth-child(2) {
    margin-top: 0rem;
  }
}

.csinformation-kepco-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 7.5rem;
  margin-bottom: 1.6rem;
  padding: 4rem;
  border-radius: max(0.6rem, 0.41666vw);
  color: #ffffff;
  background: url("/assets/images/pages/customer/csinformation_on_bg.webp") no-repeat center center/cover;
  background-color: #002B7D;
}
.csinformation-kepco-box .top-box {
  display: flex;
  flex-direction: column;
}
.csinformation-kepco-box .tit-box {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.csinformation-kepco-box .tit-box .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 600px) {
  .csinformation-kepco-box .tit-box .tit svg {
    width: 8.4rem;
    height: 1.8rem;
  }
}
.csinformation-kepco-box .txt {
  margin-top: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-kepco-box .txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-kepco-box .txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-kepco-box .txt {
    font-size: 1.8rem;
  }
}
.csinformation-kepco-box .sub-txt {
  margin-top: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-kepco-box .sub-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-kepco-box .sub-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-kepco-box .sub-txt {
    font-size: 1.6rem;
  }
}
.csinformation-kepco-box .btn-box {
  display: flex;
  gap: 1rem;
}
.csinformation-kepco-box .btn-box .btn {
  flex: 1;
}
.csinformation-kepco-box .btn-box .btn .label {
  width: calc(100% - 2.4rem);
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .csinformation-kepco-box {
    padding: 3.2rem;
    gap: 0;
    height: 30.9rem;
  }
  .csinformation-kepco-box .tit-box {
    gap: 0.8rem;
  }
  .csinformation-kepco-box .tit-box .icon svg {
    width: 3.6rem;
    height: auto;
  }
  .csinformation-kepco-box .sub-txt {
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-kepco-box {
    padding: 2.4rem;
    height: 32.9rem;
  }
  .csinformation-kepco-box .txt {
    margin-top: 0.8rem;
  }
  .csinformation-kepco-box .btn-box {
    gap: 1.2rem;
    flex-direction: column;
  }
  .csinformation-kepco-box .btn-box .btn {
    flex: 1;
  }
  .csinformation-kepco-box .btn-box .btn .label {
    width: auto;
    max-width: calc(100% - 1.6rem);
  }
}

.csinformation-box {
  display: flex;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
}
.csinformation-box .icon img {
  display: block;
}
.csinformation-box .tit {
  color: #1D1D1D;
}
.csinformation-box .txt {
  color: #2D2D2D;
}
.csinformation-box.style01 {
  gap: 1.68em;
  align-items: flex-end;
  padding: 3.2rem;
  justify-content: space-between;
  transition: border-color 0.3s ease;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-box.style01 {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-box.style01 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style01 {
    font-size: 1.8rem;
  }
}
@media screen and (hover: hover) {
  .csinformation-box.style01:hover {
    border-color: #0045C9;
  }
}
.csinformation-box.style01 .info-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: 100%;
}
.csinformation-box.style01 .info-box .icon img {
  display: block;
}
.csinformation-box.style01 .info-box .tit {
  display: block;
  margin-bottom: 0.21em;
}
.csinformation-box.style01 .info-box .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.csinformation-box.style01:not(.height-half) {
  height: 100%;
}
.csinformation-box.style01.height-half {
  height: calc(50% - 0.8rem);
}
.csinformation-box.style02 {
  gap: 3.2rem;
  align-items: center;
  padding: 3.2rem;
  justify-content: space-between;
  gap: 6.4rem;
}
.csinformation-box.style02 .info-box {
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.csinformation-box.style02 .info-box .tit {
  display: block;
  margin-bottom: 0.21em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-box.style02 .info-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-box.style02 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style02 .info-box .tit {
    font-size: 1.8rem;
  }
}
.csinformation-box.style02 .info-box .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.csinformation-box.style02 .btn-box {
  height: 100%;
}
.csinformation-box.style03 {
  padding: 2.4rem 3.2rem;
  background-color: #E4E4E4;
  height: 100%;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-box.style03 {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-box.style03 {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style03 {
    font-size: 1.8rem;
  }
}
.csinformation-box.style03 .info-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.csinformation-box.style03 .info-box .icon img {
  display: block;
}
.csinformation-box.style03 .btn-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.csinformation-box.style04 {
  align-items: center;
  padding: 3.2rem;
  justify-content: space-between;
  background-color: #E4E4E4;
}
.csinformation-box.style04 .info-box .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-box.style04 .info-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-box.style04 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style04 .info-box .tit {
    font-size: 1.8rem;
  }
}
.csinformation-box.style05 {
  align-items: center;
  gap: 3.2rem;
  padding: 2.6rem 3.2rem 2.6rem 2.8rem;
  justify-content: space-between;
  transition: border-color 0.3s ease;
}
@media screen and (hover: hover) {
  .csinformation-box.style05:hover {
    border-color: #0045C9;
  }
}
.csinformation-box.style05 .info-box {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.csinformation-box.style05 .info-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .csinformation-box.style05 .info-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .csinformation-box.style05 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style05 .info-box .tit {
    font-size: 1.8rem;
  }
}
.csinformation-box.style05 .info-box .txt {
  color: #2D2D2D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .csinformation-box {
    height: 100%;
  }
  .csinformation-box .icon {
    height: 4rem;
  }
  .csinformation-box .icon img {
    height: 100%;
  }
  .csinformation-box.style01 {
    gap: 1.6rem;
    align-items: unset;
    flex-direction: column;
    padding: 2.4rem;
  }
  .csinformation-box.style01 .info-box {
    gap: 2rem;
  }
  .csinformation-box.style01 .info-box .icon {
    height: 4.8rem;
  }
  .csinformation-box.style01 .info-box .tit {
    margin-bottom: 0.11em;
  }
  .csinformation-box.style01 .btn-box {
    height: auto;
  }
  .csinformation-box.style01 .btn-box .btn {
    width: 100%;
  }
  .csinformation-box.style01.height-half {
    height: auto;
  }
  .csinformation-box.style02 {
    padding: 2.4rem;
  }
  .csinformation-box.style02 .info-box {
    gap: 3.2rem;
  }
  .csinformation-box.style02 .btn-box {
    height: auto;
  }
  .csinformation-box.style03 {
    gap: 2.4rem;
    padding: 2rem 2.4rem;
  }
  .csinformation-box.style03 .info-box .icon {
    display: block;
    height: 4.8rem;
  }
  .csinformation-box.style04 {
    padding: 2rem 2.4rem;
    gap: 1.2rem;
  }
  .csinformation-box.style05 {
    height: auto;
  }
}
@media screen and (max-width: 780px) and (min-width: 600px) {
  .csinformation-box.style03 .info-box {
    flex-direction: column;
    align-items: flex-start;
  }
  .csinformation-box.style03 .info-box .btn {
    width: 100%;
  }
  .csinformation-box.style04 {
    flex-direction: column;
  }
  .csinformation-box.style04 .info-box {
    width: 100%;
  }
  .csinformation-box.style04 .btn-box {
    width: 100%;
  }
  .csinformation-box.style04 .btn-box .btn {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box {
    height: auto;
  }
  .csinformation-box.style02 {
    gap: 1.6rem;
    align-items: unset;
    flex-direction: column;
    padding: 2.4rem;
  }
  .csinformation-box.style02 .info-box {
    gap: 2rem;
  }
  .csinformation-box.style02 .info-box {
    flex-direction: column;
    align-items: unset;
  }
  .csinformation-box.style02 .info-box .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  .csinformation-box.style02 .info-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  .csinformation-box.style02 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .csinformation-box.style02 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style02 .btn-box .btn {
    width: 100%;
  }
  .csinformation-box.style03 .info-box {
    display: flex;
  }
  .csinformation-box.style03 .info-box .icon {
    width: 0;
  }
  .csinformation-box.style05 {
    flex-direction: column;
    gap: 1.6rem;
  }
  .csinformation-box.style05 .info-box {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
  .csinformation-box.style05 .info-box .icon {
    width: 4.4rem;
    height: 4.4rem;
  }
  .csinformation-box.style05 .info-box .icon img {
    width: 100%;
  }
  .csinformation-box.style05 .info-box .tit {
    margin-bottom: 0.11em;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1440px) {
  .csinformation-box.style05 .info-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 1024px) {
  .csinformation-box.style05 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .csinformation-box.style05 .info-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .csinformation-box.style05 .btn-box {
    width: 100%;
  }
  .csinformation-box.style05 .btn-box .btn {
    width: 100%;
  }
}

/* 241016 : 상임감사 소통채널 삭제 */
/* 고객소통 :: 소통채널 > 상임감사 소통채널 */
/* 고객소통 :: 소통채널 > KEPCO 옴부즈만 */
.ombudsman-top-box {
  display: flex;
  gap: 4.3rem;
  align-items: center;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .ombudsman-top-box {
    padding: 2.4rem;
  }
}
.ombudsman-top-box {
  padding: 4rem 5rem 4rem 6rem;
}
.ombudsman-top-box .icon {
  width: 14rem;
}
.ombudsman-top-box .txt-box {
  width: calc(100% - 14rem);
}
.ombudsman-top-box .txt-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .ombudsman-top-box .txt-box .tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .ombudsman-top-box .txt-box .tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .ombudsman-top-box .txt-box .tit {
    font-size: 2.1rem;
  }
}
.ombudsman-top-box .txt-box .txt {
  margin-top: 0.8rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .ombudsman-top-box {
    gap: 2.4rem;
    flex-direction: column;
    align-items: flex-start;
    padding: 2.4rem;
  }
  .ombudsman-top-box .icon {
    width: 10rem;
  }
  .ombudsman-top-box .icon img {
    width: 100%;
  }
  .ombudsman-top-box .txt-box {
    width: 100%;
  }
  .ombudsman-top-box .txt-box .tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
  .ombudsman-top-box .txt-box .txt {
    margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
}

.ombudsman-intro-box .tit-box {
  display: flex;
  justify-content: space-between;
  gap: 1.6rem;
}
.ombudsman-intro-box .tit-box .ombudsman-intro-txt {
  width: calc(100% - 18.4rem);
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .ombudsman-intro-box .tit-box .ombudsman-intro-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .ombudsman-intro-box .tit-box .ombudsman-intro-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .ombudsman-intro-box .tit-box .ombudsman-intro-txt {
    font-size: 1.6rem;
  }
}
.ombudsman-intro-box .tit-box .dropbox-wrap {
  width: 18.4rem;
}
@media screen and (max-width: 1024px) {
  .ombudsman-intro-box .tit-box {
    gap: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
    flex-direction: column;
  }
  .ombudsman-intro-box .tit-box .ombudsman-intro-txt {
    width: 100%;
  }
  .ombudsman-intro-box .tit-box .dropbox-wrap {
    width: 100%;
  }
}
.ombudsman-intro-box .table-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.ombudsman-intro-box .table-container table thead th {
  border-bottom: 1px solid #D8D8D8;
}
@media screen and (max-width: 600px) {
  .ombudsman-intro-box .table-container table thead {
    display: flex;
  }
  .ombudsman-intro-box .table-container table thead tr {
    width: 100%;
  }
  .ombudsman-intro-box .table-container table thead tr th:nth-child(1) {
    width: 10rem;
  }
  .ombudsman-intro-box .table-container table thead tr th:nth-child(2) {
    width: calc(100% - 10rem);
    border-right: 0;
  }
  .ombudsman-intro-box .table-container table thead tr th:nth-child(3), .ombudsman-intro-box .table-container table thead tr th:nth-child(4) {
    display: none;
  }
  .ombudsman-intro-box .table-container table tbody th {
    width: 10rem;
  }
  .ombudsman-intro-box .table-container table tbody th + td {
    width: calc(100% - 10rem);
  }
}

@media screen and (max-width: 600px) {
  .ombudsman-active-box .table-container table colgroup col:nth-child(1), .ombudsman-active-box .table-container table colgroup col:nth-child(3), .ombudsman-active-box .table-container table colgroup col:nth-child(5) {
    width: 8rem;
  }
  .ombudsman-active-box .table-container table colgroup col:nth-child(4) {
    width: 10rem;
  }
}

.ombudsman-container .ombudsman-intro-box table {
  background: #fff;
}

/* 고객소통 :: 신문고 > 부패/부조리신고 */
@media screen and (max-width: 1024px) {
  [data-current-page=hotline] .gray-box {
    padding: 2rem;
  }
}
[data-current-page=hotline] .customer-container {
  margin-top: 0;
}
[data-current-page=hotline] .customer-list-container {
  margin-top: 0;
}
[data-current-page=hotline] .customer-view-container:first-child {
  margin-top: 0;
}
[data-current-page=hotline] .customer-view-container .width-100 {
  max-width: 100%;
  width: 100%;
}
[data-current-page=hotline] .col-wrap {
  padding: 0 0.8rem;
  width: 100%;
}
[data-current-page=hotline] .col-wrap .inner-col-03 {
  width: 100%;
  flex: 1;
}
[data-current-page=hotline] .col-wrap .form-item {
  padding: 0;
}
@media screen and (max-width: 1024px) {
  [data-current-page=hotline] .col-wrap {
    padding: 0;
    gap: 2.4rem;
  }
}

.hotline-numbering-list {
  background: none;
  padding: 0;
  border: 0;
}
.hotline-numbering-list .numbering-list-item {
  padding: 1.6rem 0;
}
.hotline-numbering-list .numbering-list-item .title-box {
  width: 100%;
}

.hotlist-content-box {
  display: flex;
  gap: 6.4rem;
}
.hotlist-content-box .txt-box {
  width: calc(100% - 6.4rem - 8rem);
}
.hotlist-content-box .btn-box {
  display: flex;
  gap: 1.6rem;
  margin-top: 3.2rem;
}
.hotlist-content-box .btn-box .btn {
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .hotlist-content-box {
    flex-direction: column;
    gap: 2.4rem;
  }
  .hotlist-content-box .icon {
    width: 6.4rem;
  }
  .hotlist-content-box .icon img {
    width: 100%;
  }
  .hotlist-content-box .txt-box {
    width: 100%;
  }
  .hotlist-content-box .btn-box {
    margin-top: 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .hotlist-content-box .btn-box {
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 2rem;
  }
}

[data-current-page=stop-work] .card .bottom-box .gray-box {
  margin-top: 1.6rem;
}

/* 고객소통 :: 신문고 >  국민 안전신고 */
[data-current-page=construction] .card .gray-box, [data-current-page=stop-work] .card .gray-box, [data-current-page=propsal] .card .gray-box {
  padding: 2rem 2.4rem;
  margin-top: 1.6rem;
}
[data-current-page=construction] .card .gray-box .dot-txt, [data-current-page=stop-work] .card .gray-box .dot-txt, [data-current-page=propsal] .card .gray-box .dot-txt {
  font-weight: 700;
}
[data-current-page=construction] .card .gray-box .txt, [data-current-page=stop-work] .card .gray-box .txt, [data-current-page=propsal] .card .gray-box .txt {
  color: #555555;
  margin-top: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=construction] .card .gray-box .txt, [data-current-page=stop-work] .card .gray-box .txt, [data-current-page=propsal] .card .gray-box .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=construction] .card .gray-box .txt, [data-current-page=stop-work] .card .gray-box .txt, [data-current-page=propsal] .card .gray-box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=construction] .card .gray-box .txt, [data-current-page=stop-work] .card .gray-box .txt, [data-current-page=propsal] .card .gray-box .txt {
    font-size: 1.6rem;
  }
}
[data-current-page=construction] .card .gray-box:first-child, [data-current-page=stop-work] .card .gray-box:first-child, [data-current-page=propsal] .card .gray-box:first-child {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  [data-current-page=construction] .customer-content, [data-current-page=stop-work] .customer-content, [data-current-page=propsal] .customer-content {
    padding: 2rem;
  }
  [data-current-page=construction] .card .gray-box .txt br, [data-current-page=stop-work] .card .gray-box .txt br, [data-current-page=propsal] .card .gray-box .txt br {
    display: block;
  }
}

[data-current-page=stop-work] .form-item .col-wrap .dropbox-wrap {
  width: 100%;
  max-width: 100%;
}
[data-current-page=stop-work] .form-item .col-wrap .input-checkbox-box {
  height: 100%;
}
[data-current-page=stop-work] .form-item.address .input-text-box {
  flex-direction: column;
  gap: 0 !important;
}
@media screen and (min-width: calc(1024px - 1px)) {
  [data-current-page=stop-work] .customer-btn-box.ver01 .btn {
    min-width: 14.9rem;
  }
}

.safety-report-example-item {
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
  overflow: hidden;
  background-color: #ffffff;
}
.safety-report-example-item dl {
  height: 100%;
}
.safety-report-example-item dt {
  padding: 1.6rem 2.4rem;
  background-color: #3379FF;
}
.safety-report-example-item dt .num {
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.safety-report-example-item dd {
  padding: 2.4rem 3.2rem 3.2rem 2.4rem;
  height: calc(100% - 5.75rem);
}
.safety-report-example-item .con-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 2rem;
}
.safety-report-example-item .con-box .txt {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .safety-report-example-item .con-box .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .safety-report-example-item .con-box .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .safety-report-example-item .con-box .txt {
    font-size: 1.6rem;
  }
}
.safety-report-example-item .con-box .icon {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  .safety-report-example-item dd {
    padding: 2.4rem 2.4rem 3.2rem 2.4rem;
  }
  .safety-report-example-item .con-box {
    flex-direction: row;
    gap: 4rem;
    align-items: flex-end;
  }
  .safety-report-example-item .con-box .txt {
    padding-bottom: 2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .safety-report-example-item .con-box .icon img {
    width: 5.2rem;
  }
}

[data-current-page=propsal] .customer-container {
  margin-top: 0;
}

/* 고객소통 :: 공공시설 개방 */
[data-current-page=public-resources] .card {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 3.2rem;
}
[data-current-page=public-resources] .card .top-box {
  padding-top: 3.2rem;
  padding-bottom: 0;
  background-color: #F8F8F8;
  border-top-left-radius: max(0.6rem, 0.41666vw);
  border-top-right-radius: max(0.6rem, 0.41666vw);
}
[data-current-page=public-resources] .card .top-box .tit-box {
  width: 100%;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid #D8D8D8;
}
[data-current-page=public-resources] .card .gray-box {
  padding-top: 2.4rem;
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
@media screen and (max-width: 1024px) {
  [data-current-page=public-resources] .card {
    padding: 2.4rem;
    gap: 1.6rem;
  }
  [data-current-page=public-resources] .card .top-box {
    padding: 2rem 2rem 0;
  }
  [data-current-page=public-resources] .card .gray-box {
    padding: 1.6rem 2rem 2rem;
  }
}
[data-current-page=public-resources] .public-resources-content {
  margin-top: clamp(5.2rem, 6.25vmax, 12rem);
}
[data-current-page=public-resources] .public-resources-content .public-resources-search .dropbox-wrapper {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=public-resources] .public-resources-content .public-resources-search .search-wrap {
    flex-direction: column;
  }
  [data-current-page=public-resources] .public-resources-content .public-resources-search .search-wrap .dropbox-wrap {
    flex: 1;
    width: 100%;
  }
  [data-current-page=public-resources] .public-resources-content .public-resources-search .search-wrap .search-bar {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=public-resources] .public-resources-content .public-resources-search .dropbox-wrapper {
    flex-direction: column;
  }
}
[data-current-page=public-resources] .public-resources-list {
  margin-top: clamp(2rem, 2.5vmax, 4.8rem);
}
[data-current-page=public-resources] .public-resources-list-item {
  padding: 2.4rem 2.4rem 3.2rem;
  background-color: #ffffff;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
}
[data-current-page=public-resources] .public-resources-list-item dl {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
[data-current-page=public-resources] .public-resources-list-item .img-wrap {
  border-radius: 0.6rem;
  overflow: hidden;
  aspect-ratio: 295/165;
}
[data-current-page=public-resources] .public-resources-list-item .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-current-page=public-resources] .public-resources-list-item .tit-box .badge {
  display: inline-flex;
  padding: 0.3rem 0.8rem;
  background-color: #EFF5FF;
  color: #0045C9;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
[data-current-page=public-resources] .public-resources-list-item .tit-box .tit {
  display: block;
  margin-top: 0.8rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=public-resources] .public-resources-list-item .tit-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=public-resources] .public-resources-list-item .tit-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=public-resources] .public-resources-list-item .tit-box .tit {
    font-size: 1.8rem;
  }
}
[data-current-page=public-resources] .public-resources-list-item .info-box {
  margin-top: 1.6rem;
  gap: 0.6rem;
}
[data-current-page=public-resources] .public-resources-list-item .info-box .info {
  display: flex;
  gap: 0.4rem;
  color: #555555;
  padding-left: 0.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[data-current-page=public-resources] .public-resources-list-item .info-box .info::before {
  background-color: #555555;
}
[data-current-page=public-resources] .public-resources-list-item .info-box .info .label {
  text-wrap: nowrap;
}
[data-current-page=public-resources] .public-resources-list-item .info-box .info .txt a {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
[data-current-page=public-resources] .public-resources-list-item .info-box .info .txt a span {
  color: #555555;
  text-decoration: underline;
  text-underline-position: from-font;
}
[data-current-page=public-resources] .public-resources-list-item .info-box .info .txt a i img {
  display: block;
}
@media screen and (max-width: 1024px) {
  [data-current-page=public-resources] .public-resources-list-item dl {
    gap: 2rem;
  }
  [data-current-page=public-resources] .public-resources-list-item .img-wrap {
    aspect-ratio: 296/193;
  }
  [data-current-page=public-resources] .public-resources-list-item .tit-box .badge {
    padding: 0.2rem 0.6rem;
  }
  [data-current-page=public-resources] .public-resources-list-item .tit-box .tit {
    margin-top: 0.4rem;
  }
  [data-current-page=public-resources] .public-resources-list-item .info-box {
    margin-top: 1.2rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=public-resources] .sub-component-title br {
    display: none;
  }
}

.sub-section[data-current-page^=outage], .sub-section[data-current-page=electrical-safety] {
  position: relative;
}
.sub-section[data-current-page^=outage] .txt, .sub-section[data-current-page=electrical-safety] .txt {
  color: #555555;
}
.sub-section[data-current-page^=outage] .txt b, .sub-section[data-current-page=electrical-safety] .txt b {
  font-weight: 700;
}
.sub-section[data-current-page^=outage] .txt .large, .sub-section[data-current-page=electrical-safety] .txt .large {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page^=outage] .txt .large, .sub-section[data-current-page=electrical-safety] .txt .large {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page^=outage] .txt .large, .sub-section[data-current-page=electrical-safety] .txt .large {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page^=outage] .txt .large, .sub-section[data-current-page=electrical-safety] .txt .large {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page^=outage] .dot-txt-list .dot-txt b, .sub-section[data-current-page=electrical-safety] .dot-txt-list .dot-txt b {
  font-weight: 700;
}
.sub-section[data-current-page^=outage] .power-outage-btn, .sub-section[data-current-page=electrical-safety] .power-outage-btn {
  position: absolute;
  right: 0;
  bottom: 100%;
  transform: translateY(-100%);
  margin-bottom: 49.5px;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page^=outage], .sub-section[data-current-page=electrical-safety] {
    margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .sub-section[data-current-page^=outage] .power-outage-btn, .sub-section[data-current-page=electrical-safety] .power-outage-btn {
    margin-bottom: 0;
    transform: none;
    position: static;
    display: flex;
    justify-content: flex-end;
  }
}

/* 고객소통 :: 정전피해배상제도 :: 피해배상 */
[data-current-page=outage-support] .customer-content .top-box {
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  border-bottom: 1px solid #D8D8D8;
}
[data-current-page=outage-support] .customer-content .top-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-support] .customer-content .top-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .customer-content .top-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-support] .customer-content .top-box .tit {
    font-size: 1.8rem;
  }
}
[data-current-page=outage-support] .customer-content .bottom-box {
  margin-top: clamp(1.6rem, 2.08333vmax, 4rem);
}
[data-current-page=outage-support] .dropdown-item-top {
  cursor: pointer;
}
[data-current-page=outage-support] .dropdown-item-top-tit {
  width: 100%;
}
[data-current-page=outage-support] .dropdown-item-bottom {
  border-radius: max(0.6rem, 0.41666vw);
}
[data-current-page=outage-support] .dropdown-item-bottom-title {
  color: #555555;
}
[data-current-page=outage-support] .dropdown-item-bottom-txt {
  color: #555555;
}
[data-current-page=outage-support] .dropdown-item-bottom-txt + .dot-txt-list {
  margin-top: 1.2rem;
}
[data-current-page=outage-support] .dropdown-item-bottom b {
  font-weight: 700;
}
[data-current-page=outage-support] .dropdown-item-bottom .inner-box {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 3.2rem;
  border-top: 0;
}
[data-current-page=outage-support] .dropdown-item:last-child.open {
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .dropdown-item-bottom {
    border-radius: 0;
  }
  [data-current-page=outage-support] .dropdown-item-bottom-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  [data-current-page=outage-support] .dropdown-item-bottom-txt + .dot-txt-list {
    margin-top: 0.8rem;
  }
  [data-current-page=outage-support] .dropdown-item-bottom .inner-box {
    gap: 1.6rem;
    padding: 2.4rem;
  }
  [data-current-page=outage-support] .dropdown-item:last-child.open {
    margin-bottom: 0;
  }
}
[data-current-page=outage-support] .outage-support-flow {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
[data-current-page=outage-support] .outage-support-flow-item {
  display: flex;
  gap: 1.6rem;
  padding-left: 11.5rem;
  margin-bottom: 2rem;
}
[data-current-page=outage-support] .outage-support-flow-item .tit-box {
  position: relative;
  width: 22rem;
}
[data-current-page=outage-support] .outage-support-flow-item .tit-box::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 6px;
  height: 2rem;
  margin-left: -3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='20' viewBox='0 0 6 20' fill='none'%3E%3Cpath d='M3 20L5.88675 15H0.113249L3 20ZM2.5 0V15.5H3.5V0H2.5Z' fill='%23D8D8D8'/%3E%3C/svg%3E");
}
[data-current-page=outage-support] .outage-support-flow-item .tit-box .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 1.6rem 2rem;
  background-color: #F0F0F0;
  border-radius: 0.6rem;
  border: 1px solid #D8D8D8;
  text-align: center;
}
[data-current-page=outage-support] .outage-support-flow-item .tit-box .tit {
  text-align: center;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box {
  width: calc(100% - 10.5rem - 22rem);
  padding: 1.5rem 2rem;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
  flex: 1;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .inner-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .inner {
  display: flex;
  gap: 1.2rem;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.95rem;
  height: 2.4rem;
  border-radius: 50px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.2rem;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .label.gray {
  background-color: #E4E4E4;
  color: #555555;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .label.blue-1 {
  background-color: #0053F2;
  color: #ffffff;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .label.blue-2 {
  background-color: #EFF5FF;
  color: #0053F2;
}
[data-current-page=outage-support] .outage-support-flow-item .txt-box .label.blue-3 {
  background-color: #E1EBFF;
  color: #002B7D;
}
[data-current-page=outage-support] .outage-support-flow-item .tit, [data-current-page=outage-support] .outage-support-flow-item .txt {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[data-current-page=outage-support] .outage-support-flow-item.full {
  position: relative;
  align-items: center;
}
[data-current-page=outage-support] .outage-support-flow-item.full .side-item {
  position: absolute;
  right: 100%;
  top: 0;
  margin-right: 6rem;
}
[data-current-page=outage-support] .outage-support-flow-item.full .side-item .inner {
  padding: 1.6rem 1.5rem;
}
[data-current-page=outage-support] .outage-support-flow-item.full .side-item .tit {
  letter-spacing: 0.35em;
  writing-mode: vertical-lr;
}
[data-current-page=outage-support] .outage-support-flow-item.full .side-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 38px;
  height: 6px;
  margin-top: -3px;
  margin-left: 9px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='6' viewBox='0 0 38 6' fill='none'%3E%3Cpath d='M0 3L5 5.88675V0.113249L0 3ZM38 3L33 0.113249V5.88675L38 3ZM4.5 3.5H33.5V2.5H4.5V3.5Z' fill='%23D8D8D8'/%3E%3C/svg%3E");
}
[data-current-page=outage-support] .outage-support-flow-item.full .rhombus {
  height: 12.4rem;
  background: none;
  border: none;
  position: relative;
}
[data-current-page=outage-support] .outage-support-flow-item.full .rhombus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='124' viewBox='0 0 220 124' fill='none'%3E%3Cpath d='M108.313 0.433704C109.37 -0.144568 110.63 -0.144568 111.687 0.433704L218.03 58.5882C220.657 60.0244 220.657 63.9756 218.03 65.4118L111.687 123.566C110.63 124.145 109.37 124.145 108.313 123.566L1.96962 65.4118C-0.656544 63.9756 -0.65654 60.0244 1.96963 58.5882L108.313 0.433704Z' fill='%23F0F0F0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M217.609 59.4412L111.265 1.28664C110.472 0.852941 109.528 0.852941 108.735 1.28665L2.39138 59.4412C0.421747 60.5183 0.421747 63.4817 2.39137 64.5588L108.735 122.713C109.528 123.147 110.472 123.147 111.265 122.713L217.609 64.5588C219.578 63.4817 219.578 60.5183 217.609 59.4412ZM111.687 0.433704C110.63 -0.144568 109.37 -0.144568 108.313 0.433704L1.96963 58.5882C-0.65654 60.0244 -0.656544 63.9756 1.96962 65.4118L108.313 123.566C109.37 124.145 110.63 124.145 111.687 123.566L218.03 65.4118C220.657 63.9756 220.657 60.0244 218.03 58.5882L111.687 0.433704Z' fill='%23D8D8D8'/%3E%3C/svg%3E%0A");
}
[data-current-page=outage-support] .outage-support-flow-item.full .rhombus .tit {
  position: relative;
}
[data-current-page=outage-support] .outage-support-flow-item.full .txt-box {
  height: 100%;
}
[data-current-page=outage-support] .outage-support-flow-item:last-child {
  margin-bottom: 0;
}
[data-current-page=outage-support] .outage-support-flow-item:last-child .txt-box::before, [data-current-page=outage-support] .outage-support-flow-item:last-child .txt-box::after {
  display: none;
}
@media screen and (min-width: 1025px) {
  [data-current-page=outage-support] .outage-support-flow-item:last-child .tit-box::before, [data-current-page=outage-support] .outage-support-flow-item:last-child .tit-box::after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .outage-support-flow {
    gap: 1.2rem;
  }
  [data-current-page=outage-support] .outage-support-flow-item {
    flex-direction: column;
    gap: 0.8rem;
    padding-left: 0;
  }
  [data-current-page=outage-support] .outage-support-flow-item .tit-box {
    width: 100%;
  }
  [data-current-page=outage-support] .outage-support-flow-item .tit-box .inner {
    padding: 1.2rem;
  }
  [data-current-page=outage-support] .outage-support-flow-item .tit-box::before {
    height: 0.8rem;
  }
  [data-current-page=outage-support] .outage-support-flow-item .tit-box::after {
    display: none;
  }
  [data-current-page=outage-support] .outage-support-flow-item .txt-box {
    position: relative;
    width: 100%;
    padding: 1.2rem;
  }
  [data-current-page=outage-support] .outage-support-flow-item .txt-box .inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  [data-current-page=outage-support] .outage-support-flow-item .txt-box::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 7px;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='20' viewBox='0 0 7 20' fill='none'%3E%3Cpath d='M3.83301 20L6.71976 15H0.946256L3.83301 20ZM3.33301 0V15.5H4.33301V0H3.33301Z' fill='%23D8D8D8'/%3E%3C/svg%3E");
  }
  [data-current-page=outage-support] .outage-support-flow-item.no-line .txt-box::before, [data-current-page=outage-support] .outage-support-flow-item.no-line .txt-box::after {
    display: none;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full {
    position: relative;
    padding-left: 7.7rem;
    gap: 0;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .tit-box {
    position: static;
    display: flex;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .tit-box::before {
    display: none;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .side-item {
    margin-right: 0;
    right: auto;
    left: 0;
    width: 3.7rem;
    padding-top: 20%;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .side-item .inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.2rem 0;
    width: 100%;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .side-item::before {
    width: 21px;
    height: 6px;
    margin-left: 7px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='6' viewBox='0 0 21 6' fill='none'%3E%3Cpath d='M0.333008 3L5.33301 5.88675V0.113249L0.333008 3ZM20.333 3L15.333 0.113249V5.88675L20.333 3ZM4.83301 3.5H15.833V2.5H4.83301V3.5Z' fill='%23D8D8D8'/%3E%3C/svg%3E");
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .rhombus {
    height: auto;
    flex: 1;
    padding: 23.4% 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='564' height='132' viewBox='0 0 564 132' fill='none'%3E%3Cpath d='M277.516 0.433704C280.222 -0.144568 283.444 -0.144568 286.15 0.433704L558.293 58.5882C565.013 60.0244 565.013 63.9756 558.293 65.4118L286.15 123.566C283.444 124.145 280.222 124.145 277.516 123.566L5.37345 65.4118C-1.34715 63.9756 -1.34714 60.0244 5.37347 58.5882L277.516 0.433704Z' fill='%23F0F0F0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M557.213 59.4412L285.071 1.28664C283.041 0.852941 280.625 0.852941 278.595 1.28665L6.45276 59.4412C1.4123 60.5183 1.4123 63.4817 6.45274 64.5588L278.595 122.713C280.625 123.147 283.041 123.147 285.071 122.713L557.213 64.5588C562.254 63.4817 562.254 60.5183 557.213 59.4412ZM286.15 0.433704C283.444 -0.144568 280.222 -0.144568 277.516 0.433704L5.37347 58.5882C-1.34714 60.0244 -1.34715 63.9756 5.37345 65.4118L277.516 123.566C280.222 124.145 283.444 124.145 286.15 123.566L558.293 65.4118C565.013 63.9756 565.013 60.0244 558.293 58.5882L286.15 0.433704Z' fill='%23D8D8D8'/%3E%3Cpath d='M281.833 124V132' stroke='%23D8D8D8'/%3E%3C/svg%3E");
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .rhombus::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    top: auto;
    background: none;
    width: 7px;
    height: 2rem;
    margin-left: -3.5px;
    margin-bottom: 12px;
    transform: none;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='20' viewBox='0 0 7 20' fill='none'%3E%3Cpath d='M3.83301 20L6.71976 15H0.946256L3.83301 20ZM3.33301 0V15.5H4.33301V0H3.33301Z' fill='%23D8D8D8'/%3E%3C/svg%3E");
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .rhombus::after {
    display: none;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .rhombus .tit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: -0.14%;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-support] .outage-support-flow-item.full .side-item {
    padding-top: 42.58%;
  }
  [data-current-page=outage-support] .outage-support-flow-item.full .rhombus {
    padding-top: 56.41%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='234' height='132' viewBox='0 0 234 132' fill='none'%3E%3Cpath d='M115.38 0.433704C116.5 -0.144568 117.833 -0.144568 118.953 0.433704L231.58 58.5882C234.362 60.0244 234.362 63.9756 231.58 65.4118L118.953 123.566C117.833 124.145 116.5 124.145 115.38 123.566L2.75251 65.4118C-0.0288361 63.9756 -0.0288315 60.0244 2.75252 58.5882L115.38 0.433704Z' fill='%23F0F0F0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M231.134 59.4412L118.507 1.28664C117.667 0.852941 116.666 0.852941 115.826 1.28665L3.19919 59.4412C1.11317 60.5183 1.11317 63.4817 3.19918 64.5588L115.826 122.713C116.666 123.147 117.667 123.147 118.507 122.713L231.134 64.5588C233.22 63.4817 233.22 60.5183 231.134 59.4412ZM118.953 0.433704C117.833 -0.144568 116.5 -0.144568 115.38 0.433704L2.75252 58.5882C-0.0288312 60.0244 -0.0288361 63.9756 2.75251 65.4118L115.38 123.566C116.5 124.145 117.833 124.145 118.953 123.566L231.58 65.4118C234.362 63.9756 234.362 60.0244 231.58 58.5882L118.953 0.433704Z' fill='%23D8D8D8'/%3E%3Cpath d='M117.167 124V132' stroke='%23D8D8D8'/%3E%3C/svg%3E");
  }
}
[data-current-page=outage-support] .outage-support-how {
  display: flex;
  gap: 1.6rem;
  margin: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem) 0 clamp(1.6rem, 2.08333vmax, 4rem);
}
[data-current-page=outage-support] .outage-support-how-item {
  flex: 1 1;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-support] .outage-support-how-item {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .outage-support-how-item {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-support] .outage-support-how-item {
    font-size: 2.1rem;
  }
}
[data-current-page=outage-support] .outage-support-how-item .num-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #ffffff;
  padding: 1.2rem;
}
[data-current-page=outage-support] .outage-support-how-item .txt-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.2rem 2.4rem;
  height: 100%;
}
[data-current-page=outage-support] .outage-support-how-item .txt-box .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-support] .outage-support-how-item .txt-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .outage-support-how-item .txt-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-support] .outage-support-how-item .txt-box .tit {
    font-size: 1.8rem;
  }
}
[data-current-page=outage-support] .outage-support-how-item .txt-box .sub-tit {
  color: #717171;
  margin-top: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
[data-current-page=outage-support] .outage-support-how-item .inner {
  position: relative;
  height: 100%;
  padding-top: 2.5909090909em;
}
[data-current-page=outage-support] .outage-support-how-item:nth-child(1) .num-box {
  background-color: #94B8FF;
}
[data-current-page=outage-support] .outage-support-how-item:nth-child(2) .num-box {
  background-color: #3379FF;
}
[data-current-page=outage-support] .outage-support-how-item:nth-child(3) .num-box {
  background-color: #0045C9;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .outage-support-how {
    flex-direction: column;
  }
  [data-current-page=outage-support] .outage-support-how-item .num-box {
    position: static;
    padding: 0.6rem 2.4rem;
  }
  [data-current-page=outage-support] .outage-support-how-item .txt-box {
    padding: 1.8rem 2.4rem;
  }
  [data-current-page=outage-support] .outage-support-how-item .txt-box .sub-tit {
    margin-top: 0.2rem;
  }
  [data-current-page=outage-support] .outage-support-how-item .inner {
    padding-top: 0;
  }
}
[data-current-page=outage-support] .outage-support-case-item {
  display: flex;
  align-items: center;
  padding: 2.8rem 0;
  border-top: 1px solid #D8D8D8;
  gap: 2.8rem;
}
[data-current-page=outage-support] .outage-support-case-item .nation-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2rem;
  width: 15.71rem;
  padding-right: 3.1rem;
}
[data-current-page=outage-support] .outage-support-case-item .nation-box .flag-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5.6rem;
  height: 5.6rem;
  background-color: #D1E1FF;
  border-radius: 50%;
}
[data-current-page=outage-support] .outage-support-case-item .nation-box .flag-box img {
  width: 3.5rem;
}
[data-current-page=outage-support] .outage-support-case-item .nation-box .nation {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-support] .outage-support-case-item .nation-box .nation {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .outage-support-case-item .nation-box .nation {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-support] .outage-support-case-item .nation-box .nation {
    font-size: 1.8rem;
  }
}
[data-current-page=outage-support] .outage-support-case-item .nation-box::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  width: 2px;
  height: 14px;
  border-radius: 14px;
  background-color: #D8D8D8;
}
[data-current-page=outage-support] .outage-support-case-item:first-child {
  padding-top: 0;
  border-top: 0;
}
[data-current-page=outage-support] .outage-support-case-item:last-child {
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-support] .outage-support-case-item {
    padding: 2.4rem 0.8rem;
    gap: 2rem;
  }
  [data-current-page=outage-support] .outage-support-case-item .nation-box {
    flex-direction: column;
    gap: 0.6rem;
    width: 4.7rem;
    padding-right: 0;
  }
  [data-current-page=outage-support] .outage-support-case-item .nation-box .flag-box {
    width: 4.2rem;
    height: 4.2rem;
  }
  [data-current-page=outage-support] .outage-support-case-item .nation-box .flag-box img {
    width: 2.5rem;
  }
  [data-current-page=outage-support] .outage-support-case-item .nation-box::before {
    display: none;
  }
}

/* 고객소통 :: 정전피해배상제도 :: 정전복구 */
[data-current-page=outage-recovery] .customer-content .txt + .dot-txt-list {
  margin-top: 1.2rem;
}
[data-current-page=outage-recovery] .outage-recovery-env .img-box {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
[data-current-page=outage-recovery] .outage-recovery-env .img-box .img-item {
  border-radius: 0.6rem;
  overflow: hidden;
}
[data-current-page=outage-recovery] .outage-recovery-env .img-box .img-item img {
  display: block;
  width: 100%;
}
[data-current-page=outage-recovery] .outage-recovery-env-component .outage-recovery-slide-wrapper {
  gap: 1.6rem;
}
[data-current-page=outage-recovery] .outage-recovery-env-component .outage-recovery-slide-item {
  flex: 1 1;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-env-component .customer-content {
    padding-left: 0;
    padding-right: 0;
  }
  [data-current-page=outage-recovery] .outage-recovery-env-component .customer-content .dot-txt-list {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-env-component .outage-recovery-slide-wrapper {
    gap: 0;
  }
  [data-current-page=outage-recovery] .outage-recovery-env-component .outage-recovery-slide-item {
    flex: none;
    margin-right: 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-env-component .outage-recovery-slide-item:last-child {
    margin-right: 0;
  }
}
[data-current-page=outage-recovery] .outage-recovery-cause {
  display: flex;
  gap: 1.6rem;
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
[data-current-page=outage-recovery] .outage-recovery-cause-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .con-box {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  align-items: center;
  padding: 2.4rem 2.4rem 3.2rem;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .txt-box {
  text-align: center;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .img-box {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  padding: 1.2rem 1rem;
  background-color: #F0F0F0;
  border-top: 1px solid #D8D8D8;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .img-box .img-item {
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #D8D8D8;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .img-box .img-item img {
  display: block;
  width: 100%;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .icon img {
  width: 5.6rem;
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-recovery] .outage-recovery-cause-item .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-cause-item .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-recovery] .outage-recovery-cause-item .tit {
    font-size: 1.6rem;
  }
}
[data-current-page=outage-recovery] .outage-recovery-cause-item .txt {
  color: #555555;
  margin-top: 0.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-recovery] .outage-recovery-cause-item .txt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-cause-item .txt {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-recovery] .outage-recovery-cause-item .txt {
    font-size: 1.4rem;
  }
}
[data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-wrapper {
  flex-direction: column;
  gap: 0.8rem;
}
[data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-item {
  flex: 1 1;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-cause {
    flex-direction: column;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-item .con-box {
    flex-direction: row;
    gap: 2.4rem;
    padding: 2rem 2.4rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-item .txt-box {
    text-align: left;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-item .img-box {
    padding: 1.2rem 0;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-container {
    padding: 0 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-container .arrow-btn.prev-btn {
    margin-left: 0.6rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-container .arrow-btn.next-btn {
    margin-right: -0.6rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-wrapper {
    flex-direction: row;
    gap: 0;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-item {
    flex: none;
    margin-right: 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-cause-component .outage-recovery-slide-item:last-child {
    margin-right: 0;
  }
}
[data-current-page=outage-recovery] .outage-recovery-process {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.2rem 1.6rem;
  margin: calc(clamp(0.8rem, 0.833333vmax, 1.6rem) + clamp(2rem, 18px + 0.3125vmax, 2.4rem)) -0.8rem 0;
}
[data-current-page=outage-recovery] .outage-recovery-process-item {
  max-width: calc(33.33% - 1.6rem);
}
[data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box {
  position: relative;
}
[data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box .num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0045C9;
  border-radius: 50%;
  color: #ffffff;
  width: 3.2rem;
  height: 3.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box .num {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box .num {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box .num {
    font-size: 1.4rem;
  }
}
[data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: calc(100% - 0.6rem - 3.2rem);
  height: 1.5px;
  background-color: #E4E4E4;
}
[data-current-page=outage-recovery] .outage-recovery-process-item .top-box .tit {
  display: block;
  color: #1D1D1D;
  margin-top: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .tit {
    font-size: 1.8rem;
  }
}
[data-current-page=outage-recovery] .outage-recovery-process-item .bottom-box {
  padding: 2.4rem;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
  margin-top: 2.4rem;
}
[data-current-page=outage-recovery] .outage-recovery-process-item .bottom-box .img {
  border-radius: 4px;
  overflow: hidden;
  margin-top: 1.6rem;
}
[data-current-page=outage-recovery] .outage-recovery-process-item .bottom-box .img img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-process {
    margin-left: 0;
    margin-right: 0;
    gap: 1.6rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item {
    position: relative;
    max-width: 100%;
    padding-left: 4rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box {
    position: relative;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box {
    position: absolute;
    left: -4rem;
    top: 0;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box .num {
    width: 2.4rem;
    height: 2.4rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .num-box::after {
    display: none;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .top-box .tit {
    margin-top: 0;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .bottom-box {
    padding: 2rem;
    margin-top: 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item .bottom-box .img {
    margin-top: 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-process-item::after {
    content: "";
    position: absolute;
    top: 3rem;
    left: 12px;
    width: 1.5px;
    height: calc(100% - 3rem);
    background-color: #E4E4E4;
  }
}
[data-current-page=outage-recovery] .outage-recovery-step {
  display: flex;
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-step-component .txt br {
    display: none;
  }
  [data-current-page=outage-recovery] .outage-recovery-step-component .txt .large {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  [data-current-page=outage-recovery] .outage-recovery-step-component .txt .large {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-step-component .txt .large {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  [data-current-page=outage-recovery] .outage-recovery-step-component .txt .large {
    font-size: 1.6rem;
  }
}
[data-current-page=outage-recovery] .outage-recovery-step-item {
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  flex: 1;
}
[data-current-page=outage-recovery] .outage-recovery-step-item .tit-box {
  padding: 1.2rem;
  color: #ffffff;
  background-color: #002B7D;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=outage-recovery] .outage-recovery-step-item .tit-box {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-step-item .tit-box {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=outage-recovery] .outage-recovery-step-item .tit-box {
    font-size: 1.8rem;
  }
}
[data-current-page=outage-recovery] .outage-recovery-step-item .con-box {
  padding: 2rem;
}
[data-current-page=outage-recovery] .outage-recovery-step .arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background-color: #EFF5FF;
}
[data-current-page=outage-recovery] .outage-recovery-step .arrow-item {
  display: flex;
  align-items: center;
  margin: 0 0.8rem;
}
[data-current-page=outage-recovery] .outage-recovery-step .arrow svg {
  display: block;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-step {
    flex-direction: column;
  }
  [data-current-page=outage-recovery] .outage-recovery-step-item .tit-box {
    padding: 1rem 1.6rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-step .arrow-item {
    margin: 0.8rem 0;
    justify-content: center;
  }
  [data-current-page=outage-recovery] .outage-recovery-step .arrow svg {
    transform: rotate(90deg);
  }
}
[data-current-page=outage-recovery] .outage-recovery-slide-container .arrow-btn, [data-current-page=outage-recovery] .outage-recovery-slide-container .swiper-scrollbar {
  display: none;
}
@media screen and (max-width: 1024px) {
  [data-current-page=outage-recovery] .outage-recovery-slide-container {
    padding: 0 2.4rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container .arrow-btn {
    position: absolute;
    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    border-radius: 50%;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container .arrow-btn.prev-btn {
    transform: translateY(-50%) rotate(180deg);
    transform-origin: center;
    margin-left: 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container .arrow-btn.next-btn {
    right: 2.4rem;
    margin-right: 1.2rem;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container.swiper-initialized .arrow-btn {
    display: inline-flex;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container.swiper-initialized .arrow-btn[disabled] {
    display: none;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container .swiper-scrollbar {
    display: block;
    width: 32px;
    height: 6px;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    background-color: rgba(255, 255, 255, 0.4);
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-container .swiper-scrollbar-drag {
    background-color: #ffffff;
  }
  [data-current-page=outage-recovery] .outage-recovery-slide-item {
    max-width: 89%;
  }
}
@media screen and (min-width: 1025px) {
  [data-current-page=outage-recovery] .outage-recovery-slide-wrapper {
    transform: none !important;
  }
}

/* 고객소통 :: 정전피해배상제도 :: 전기안전 */
[data-current-page=electrical-safety] .customer-content + .customer-content {
  margin-top: 1.6rem;
}
[data-current-page=electrical-safety] .customer-process {
  border-color: #F0F0F0;
}
[data-current-page=electrical-safety] .electrical-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=electrical-safety] .electrical-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=electrical-safety] .electrical-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=electrical-safety] .electrical-tit {
    font-size: 1.8rem;
  }
}
[data-current-page=electrical-safety] .electrical-tit + .dot-txt-list {
  margin-top: 1.2rem;
}
[data-current-page=electrical-safety] .electrical-tit-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  [data-current-page=electrical-safety] .electrical-tit .electrical-tit + .dot-txt-list {
    margin-top: 0.8rem;
  }
}
[data-current-page=electrical-safety] .electrical-safety-case {
  display: flex;
  gap: 1.6rem;
}
[data-current-page=electrical-safety] .electrical-safety-case-item {
  flex: 1;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
  border: 1px solid #D8D8D8;
}
[data-current-page=electrical-safety] .electrical-safety-case-item .num-box {
  background-color: #3379FF;
  color: #ffffff;
  padding: 1.2rem 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
[data-current-page=electrical-safety] .electrical-safety-case-item .txt-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 2.8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  [data-current-page=electrical-safety] .electrical-safety-case-item .txt-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=electrical-safety] .electrical-safety-case-item .txt-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=electrical-safety] .electrical-safety-case-item .txt-box {
    font-size: 1.6rem;
  }
}
[data-current-page=electrical-safety] .electrical-safety-case-item .txt-box .img {
  display: block;
}
[data-current-page=electrical-safety] .electrical-safety-case-item .txt-box .img img {
  display: block;
}
@media screen and (min-width: 1025px) {
  [data-current-page=electrical-safety] .electrical-safety-case.col-2 {
    flex-wrap: wrap;
  }
  [data-current-page=electrical-safety] .electrical-safety-case.col-2 .electrical-safety-case-item {
    flex: none;
    width: calc(50% - 0.8rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=electrical-safety] .electrical-safety-case {
    flex-direction: column;
  }
  [data-current-page=electrical-safety] .electrical-safety-case .num-box {
    padding: 1rem 1.6rem;
  }
  [data-current-page=electrical-safety] .electrical-safety-case .txt-box {
    padding: 1.6rem 2rem;
  }
}
[data-current-page=electrical-safety] .electrial-safety-video {
  display: flex;
  gap: 1.6rem;
}
[data-current-page=electrical-safety] .electrial-safety-video-item {
  flex: 1;
}
[data-current-page=electrical-safety] .electrial-safety-video-item .img-wrap {
  border-radius: 0.6rem;
  border: 1px solid #D8D8D8;
  overflow: hidden;
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
[data-current-page=electrical-safety] .electrial-safety-video-item .img-wrap img {
  display: block;
  width: 100%;
  transition: transform 0.3s;
}
@media screen and (hover: hover) {
  [data-current-page=electrical-safety] .electrial-safety-video-item a:hover .img-wrap img {
    transform: scale(1.075);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=electrical-safety] .electrial-safety-video {
    flex-direction: column;
    gap: 2.4rem;
  }
}

.sub-section[data-current-page=library] {
  /* 고객소통 :: 자료실 > 전력통계월보 */
  /* 고객소통 :: 자료실 > 배전인력조회 */
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=library] .monthly-stats-box-container .dot-txt-list {
  padding-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=library] .monthly-stats-box-container .dot-txt-list li {
  display: flex;
  justify-content: flex-end;
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box {
  border: 1px solid #D8D8D8;
  background-color: #ffffff;
  padding: 3.2rem;
  border-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box {
    display: flex;
    justify-content: center;
    padding: 2.4rem 2.4rem 2.4rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box .box-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 2rem;
  }
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box img {
  display: block;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box img {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap {
  padding-top: 2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap {
    padding-top: 0;
    width: calc(100% - 6.4rem);
  }
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info:first-child {
  padding-bottom: 1rem;
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info:last-child {
  border-top: 1px solid #E4E4E4;
  padding-top: 1rem;
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info .title {
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info .title {
    min-width: 7.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info .title {
    font-size: 3.3333333333vw;
    min-width: auto;
  }
}
.sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info .value {
  color: #1D1D1D;
  font-size: 2.7rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info .value {
    font-size: 2rem;
    min-width: 15rem;
    text-align: right;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=library] .monthly-stats-box-container .box .info-wrap .info .value {
    font-size: 5.1282051282vw;
    min-width: auto;
  }
}
.sub-section[data-current-page=library] .sub-component-title-box.search {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=library] .monthly-stats-list-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card {
  position: relative;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .badge-box {
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .badge-box .date {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .title {
  height: 4.5em;
  white-space: wrap;
  display: block;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .card-top-box {
  border-bottom: 0;
  padding: 2.4rem;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .card-bottom-box {
  margin-top: 0;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .board-list-file-box {
  position: static;
}
.sub-section[data-current-page=library] .monthly-stats-list-container .card .board-list-file-popup {
  margin-top: -1.8rem;
}
@media screen and (max-width: calc(1440px + 8rem)) and (min-width: calc(1024px + 1px)) {
  .sub-section[data-current-page=library] .monthly-stats-list-container .card:nth-child(3n-1) .board-list-file-popup {
    left: 50%;
    right: auto;
    top: 100%;
    transform: translateX(-50%);
  }
  .sub-section[data-current-page=library] .monthly-stats-list-container .card:nth-child(3n) .board-list-file-popup {
    left: auto;
    right: -2.5rem;
    top: 100%;
  }
  .sub-section[data-current-page=library] .monthly-stats-list-container .card:nth-child(3n+1) .board-list-file-popup {
    left: -2.5rem;
    right: auto;
    top: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=library] .monthly-stats-list-container .card .title {
    height: auto;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .sub-section[data-current-page=library] .monthly-stats-list-container .card .board-list-file-box {
    position: relative;
  }
  .sub-section[data-current-page=library] .monthly-stats-list-container .card .board-list-file-popup {
    margin-top: 0;
  }
}
.sub-section[data-current-page=library] .staff-information-container .dot-txt-list {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=library] .staff-information-container table b {
  font-weight: 700;
}
.sub-section[data-current-page=library] .staff-information-container table small {
  font-size: 1.2rem;
}

main.page-business-content {
  padding-top: 0 !important;
}
main.page-business-content [data-anim-obj] {
  opacity: 0;
}
main.page-business-content .__space-8 {
  height: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
main.page-business-content .__spacing-10 {
  height: clamp(7.2rem, 8.33333vmax, 16rem);
}

.business-section {
  padding-bottom: 0;
}
.business-section .business-section-heading {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  padding: 1.875em 0;
  gap: 0.375em;
  text-wrap: balance;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(6rem, 3.3333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  .business-section .business-section-heading {
    font-size: clamp(6rem, 3.3333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-heading {
    font-size: min(6rem, 7.6923vw);
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-section-heading {
    font-size: min(6rem, 7.6923vw);
  }
}
.business-section .business-section-heading .__title {
  color: #0045C9;
  grid-row: 1/2;
  grid-column: 1/2;
}
.business-section .business-section-heading .__description {
  grid-column: 2/3;
  grid-row: 1/3;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.8rem, 1.875vw, 3.6rem);
}
@media screen and (max-width: 1440px) {
  .business-section .business-section-heading .__description {
    font-size: clamp(2.8rem, 1.875vw, 3.6rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-heading .__description {
    font-size: clamp(1.8rem, 4.6154vw, 2.8rem);
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-section-heading .__description {
    font-size: clamp(1.8rem, 4.6154vw, 2.8rem);
  }
}
.business-section .business-section-heading .__description p {
  max-width: 18.1666666667em;
}
.business-section .business-section-heading .__cta {
  grid-row: 2/3;
  grid-column: 1/2;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-heading {
    grid-template-columns: 1fr;
    text-wrap: pretty;
  }
  .business-section .business-section-heading br {
    display: none;
  }
  .business-section .business-section-heading .__title,
  .business-section .business-section-heading .__description,
  .business-section .business-section-heading .__cta {
    grid-column: initial;
    grid-row: initial;
  }
  .business-section .business-section-heading .__description {
    max-width: initial;
  }
  .business-section .business-section-heading .__description br.m-show {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-section-heading {
    padding: 1.8571428571em 0;
    gap: 0.5714285714em;
  }
}
.business-section .business-section-summary .__box {
  padding: clamp(1.7rem, 1.6667vw, 3.2rem) clamp(2.1rem, 2.0833vw, 4rem);
  border-radius: 1.2rem;
  background: #F8F8F8;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-section .business-section-summary .__box {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-summary .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-section-summary .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-summary .__box {
    border-radius: 0.8rem;
  }
  .business-section .business-section-summary br {
    display: none;
  }
}
.business-section .business-section-heading-with-summary {
  margin-bottom: 4rem;
}
.business-section .business-section-heading-with-summary .business-section-heading {
  padding-bottom: 1.25em;
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-heading-with-summary {
    margin-bottom: 2.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-section-heading-with-summary {
    margin-bottom: 1.6rem;
  }
}
.business-section .__sub-contents {
  display: grid;
  gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.business-section .__sub-contents .__heading {
  padding-left: 2rem;
  margin-bottom: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .business-section .__sub-contents .__heading {
    gap: 1.6rem;
    padding-left: 0;
    margin-bottom: 2rem;
  }
}
.business-section .__sub-contents .__heading h3 {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .business-section .__sub-contents .__heading h3 {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .__sub-contents .__heading h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .business-section .__sub-contents .__heading h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.business-section .__sub-contents .__heading em {
  color: #8E8E8E;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-section .__sub-contents .__heading em {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .__sub-contents .__heading em {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .business-section .__sub-contents .__heading em {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.business-section .business-cover {
  position: relative;
  padding: max(7.2rem, 1.6666666667em) 0 1.0416666667em;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(7.2rem, 5vw, 9.6rem);
}
@media screen and (max-width: 1440px) {
  .business-section .business-cover {
    font-size: clamp(7.2rem, 5vw, 9.6rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-cover {
    font-size: min(7.2rem, 9.2307vw);
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-cover {
    font-size: min(7.2rem, 9.2307vw);
  }
}
.business-section .business-cover h2 {
  margin-bottom: 0.4166666667em;
}
.business-section .business-cover p {
  color: #717171;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .business-section .business-cover p {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-section .business-cover p {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-cover p {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .business-section .business-cover p br {
    display: none;
  }
}
.business-section .business-cover:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, rgba(0, 83, 242, 0) 0%, rgba(0, 76, 224, 0.5) 25%, rgb(0, 67, 195) 50%, rgba(0, 67, 195, 0.5) 75%, rgba(0, 67, 195, 0) 100%);
  content: "";
}
@media screen and (max-width: 600px) {
  .business-section .business-cover:after {
    height: 2px;
  }
}

.business-kv {
  overflow: hidden;
  color: #fff;
  background: #000;
  position: relative;
}
.business-kv .pin-area {
  height: 0;
  position: relative;
  z-index: 1;
}
.business-kv .__bg {
  width: 100vw;
  height: 100vh;
  height: 100lvh;
  position: relative;
}
.business-kv .__bg .__video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.business-kv .__bg video {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.business-kv .__bg:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background: rgba(0, 0, 0, 0.125);
}
.business-kv .__bg .__loop {
  opacity: 0;
}

.business-kv-section {
  position: relative;
  z-index: 2;
}
.business-kv-section .__kv-content-grid {
  height: 100vh;
  height: 100svh;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  box-sizing: border-box;
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.business-kv-section .breadcrumb {
  color: #F0F0F0;
  margin-bottom: 3.2rem;
}
.business-kv-section .breadcrumb li {
  color: #F0F0F0;
}
.business-kv-section h1 {
  margin-bottom: 4rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: clamp(8.4rem, 5.8333vw, 11.2rem);
}
@media screen and (max-width: 1440px) {
  .business-kv-section h1 {
    font-size: clamp(8.4rem, 5.8333vw, 11.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-kv-section h1 {
    font-size: min(8.4rem, 12.3076vw);
  }
}
@media screen and (max-width: 600px) {
  .business-kv-section h1 {
    font-size: min(8.4rem, 12.3076vw);
  }
}
.business-kv-section p {
  margin-bottom: 0.3333333333em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .business-kv-section p {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-kv-section p {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .business-kv-section p {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (min-width: 1025px) {
  .business-kv-section .__scroll-down {
    position: absolute;
    bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
    left: 50%;
    transform: translateX(-50%);
  }
}
.business-kv-section .__scroll-down .__m {
  display: none;
  border-radius: 0.6rem;
  background: rgba(85, 85, 85, 0.35);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  aspect-ratio: 1/1;
  width: 5.6rem;
}
@media screen and (max-width: 1024px) {
  .business-kv-section .__scroll-down .__m {
    display: block;
    width: 4rem;
  }
}
.business-kv-section .__scroll-down .__m svg {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .business-kv-section .__scroll-down .__d {
    display: none;
  }
}
.business-kv-section .__scroll-down .__d .chevron {
  fill: none;
  opacity: 0;
  animation-duration: 1.8s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.business-kv-section .__scroll-down .__d .chevron-1 {
  margin-bottom: -0.4rem;
  animation-name: fadeInOut1;
}
.business-kv-section .__scroll-down .__d .chevron-2 {
  margin-bottom: -0.4rem;
  animation-name: fadeInOut2;
}
.business-kv-section .__scroll-down .__d .chevron-3 {
  animation-name: fadeInOut3;
}
@keyframes fadeInOut1 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  20%, 60% {
    opacity: 0.1;
    transform: translateY(0);
  }
  80% {
    opacity: 0;
    transform: translateY(5px);
  }
}
@keyframes fadeInOut2 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  30%, 70% {
    opacity: 0.5;
    transform: translateY(0);
  }
  90% {
    opacity: 0;
    transform: translateY(5px);
  }
}
@keyframes fadeInOut3 {
  0%, 100% {
    opacity: 0;
    transform: translateY(-5px);
  }
  40%, 80% {
    opacity: 0.8;
    transform: translateY(0);
  }
  95% {
    opacity: 0;
    transform: translateY(5px);
  }
}

.business-intro-section {
  position: relative;
  z-index: 2;
}
.business-intro-section .__kv-slogan {
  height: 70vh;
  height: 70lvh;
  min-height: 260px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 8rem 0;
}
.business-intro-section .__kv-slogan p {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(4rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  .business-intro-section .__kv-slogan p {
    font-size: clamp(4rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-intro-section .__kv-slogan p {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  .business-intro-section .__kv-slogan p {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  .business-intro-section .__kv-slogan p br {
    display: none;
  }
}
.business-intro-section .__kv-slogan .__cta {
  margin-top: 4.8rem;
  display: flex;
  justify-content: flex-start;
}

.business-area-more {
  background: #E4E4E4;
  margin-top: clamp(8.8rem, 10.41667vmax, 20rem);
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
  overflow: hidden;
}
.business-area-more h2 {
  margin-bottom: 1.2em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  .business-area-more h2 {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-more h2 {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .business-area-more h2 {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .business-area-more h2 {
    margin-bottom: 0.9090909091em;
  }
}
.business-area-more .__slides {
  margin: 0 -1rem;
}
.business-area-more .__slides .swiper {
  overflow: visible;
}
.business-area-more .__slides .swiper .swiper-slide {
  width: 25%;
  min-width: 280px;
}
.business-area-more .__slides .business-area-more-item {
  padding: 0 1rem;
}
@media screen and (max-width: 1024px) {
  .business-area-more .__slides {
    margin: 0 -0.8rem;
  }
  .business-area-more .__slides .swiper .swiper-slide {
    min-width: 276px;
  }
  .business-area-more .__slides .business-area-more-item {
    padding: 0 0.8rem;
  }
}
.business-area-more .business-area-more-item .__box {
  overflow: hidden;
  border-radius: 0.8rem;
  isolation: isolate;
  position: relative;
}
.business-area-more .business-area-more-item .__box .__bg {
  aspect-ratio: 384/462;
  position: relative;
}
.business-area-more .business-area-more-item .__box .__bg video,
.business-area-more .business-area-more-item .__box .__bg img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}
.business-area-more .business-area-more-item .__box .__cta {
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 3.5rem;
  color: #fff;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .business-area-more .business-area-more-item .__box .__cta {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-more .business-area-more-item .__box .__cta {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .business-area-more .business-area-more-item .__box .__cta {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-more .business-area-more-item .__box .__cta {
    left: 1rem;
    right: 1rem;
    bottom: 1.6rem;
  }
}
.business-area-more .business-area-more-item .__box .__cta a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.6rem;
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  padding: 0.6666666667em 1em;
}
.business-area-more .business-area-more-item .__box .__cta a span {
  flex: 1;
}
.business-area-more .business-area-more-item .__box .__cta a i {
  display: block;
  width: 1.3333333333em;
  aspect-ratio: 1/1;
  border-radius: 0.25em;
  background: #fff;
}
.business-area-more .business-area-more-item .__box .__cta a i svg {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
}

.business-h-scroll-section {
  overflow: hidden;
}

.business-h-scroll-content .pin-area {
  position: relative;
}
.business-h-scroll-content .scroll-content {
  position: relative;
  display: inline-flex;
}
.business-h-scroll-content .scroll-content .__line {
  position: absolute;
  overflow: hidden;
  isolation: isolate;
}
.business-h-scroll-content .scroll-content .__line svg {
  display: block;
  height: 100%;
  width: 100%;
  position: relative;
}
.business-h-scroll-content .scroll-content .__line.__d {
  top: 50%;
  transform: translateY(-50%);
  left: -12%;
  right: -5%;
}
.business-h-scroll-content .scroll-content .__line.__m {
  left: 0;
  width: 100%;
  display: none;
}
.business-h-scroll-content .scroll-content .__line.__m svg {
  top: -3px;
  height: calc(100% + 3px);
}
@media screen and (max-width: 600px) {
  .business-h-scroll-content .scroll-content .__line.__d {
    display: none;
  }
  .business-h-scroll-content .scroll-content .__line.__m {
    display: block;
  }
}
.business-h-scroll-content .scroll-content .__list {
  display: flex;
  flex-wrap: nowrap;
  gap: clamp(100px, 12.5vw, 240px);
}
.business-h-scroll-content .scroll-content .__list .business-h-scroll-content-item:nth-child(odd) {
  margin-top: clamp(40px, 4.6875vh, 60px);
}
.business-h-scroll-content .scroll-content .__list .business-h-scroll-content-item:nth-child(even) {
  margin-top: clamp(-60px, -4.6875vh, -40px);
}
@media screen and (max-width: 600px) {
  .business-h-scroll-content .scroll-content {
    display: block;
  }
  .business-h-scroll-content .scroll-content .__list {
    flex-direction: column;
    gap: 8rem;
    padding: 8rem 0 0;
  }
  .business-h-scroll-content .scroll-content .__list .business-h-scroll-content-item:nth-child(odd) {
    padding: 0;
    margin: 0;
  }
  .business-h-scroll-content .scroll-content .__list .business-h-scroll-content-item:nth-child(even) {
    margin: 0;
    margin-left: auto;
  }
}

.business-h-scroll-content-item .__box {
  overflow: hidden;
  isolation: isolate;
  border-radius: 0.8rem;
  background: rgba(248, 248, 248, 0.8);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  padding: 2rem;
  width: clamp(280px, 27.0833333333vw, 520px);
  box-sizing: border-box;
}
.business-h-scroll-content-item .__box .__img {
  height: auto;
  display: block;
  overflow: hidden;
  isolation: isolate;
  border-radius: 0.8rem;
}
.business-h-scroll-content-item .__box .__img img {
  display: block;
  width: 100%;
  aspect-ratio: 480/270;
  object-fit: cover;
}
.business-h-scroll-content-item .__box .__desc {
  padding: 0 0.8rem;
}
.business-h-scroll-content-item .__box .__desc h3 {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 0.5333333333em;
  margin-top: 1.0666666667em;
  margin-bottom: 0.5333333333em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .business-h-scroll-content-item .__box .__desc h3 {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-h-scroll-content-item .__box .__desc h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .business-h-scroll-content-item .__box .__desc h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.business-h-scroll-content-item .__box .__desc h3 .__no {
  color: #0045C9;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-h-scroll-content-item .__box .__desc h3 .__no {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-h-scroll-content-item .__box .__desc h3 .__no {
    font-size: min(1.8rem, 4.1026vw);
  }
}
@media screen and (max-width: 600px) {
  .business-h-scroll-content-item .__box .__desc h3 .__no {
    font-size: min(1.8rem, 4.1026vw);
  }
}
.business-h-scroll-content-item .__box .__desc p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-h-scroll-content-item .__box .__desc p {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-h-scroll-content-item .__box .__desc p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .business-h-scroll-content-item .__box .__desc p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}

.business-area-specs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2rem;
  row-gap: 3rem;
}
@media screen and (max-width: 1024px) {
  .business-area-specs {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .business-area-specs {
    grid-template-columns: 1fr;
  }
}
.business-area-specs .business-area-spec-item .__img {
  overflow: hidden;
  isolation: isolate;
  border-radius: 0.8rem;
}
.business-area-specs .business-area-spec-item .__img img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 520/316;
  object-fit: cover;
}
.business-area-specs .business-area-spec-item .__desc {
  max-width: 480px;
}
.business-area-specs .business-area-spec-item .__desc h3 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 0.0833333333em;
  column-gap: 0.6666666667em;
  margin-top: 0.8333333333em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .business-area-specs .business-area-spec-item .__desc h3 {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-specs .business-area-spec-item .__desc h3 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .business-area-specs .business-area-spec-item .__desc h3 {
    font-size: min(2.2rem, 5.128vw);
  }
}
.business-area-specs .business-area-spec-item .__desc h3 .__no {
  color: #0045C9;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-area-specs .business-area-spec-item .__desc h3 .__no {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-specs .business-area-spec-item .__desc h3 .__no {
    font-size: min(1.8rem, 4.1026vw);
  }
}
@media screen and (max-width: 600px) {
  .business-area-specs .business-area-spec-item .__desc h3 .__no {
    font-size: min(1.8rem, 4.1026vw);
  }
}
.business-area-specs .business-area-spec-item .__desc h4 {
  font-weight: 600 !important;
  margin-bottom: 0.2105263158em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-area-specs .business-area-spec-item .__desc h4 {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-specs .business-area-spec-item .__desc h4 {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .business-area-specs .business-area-spec-item .__desc h4 {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.business-area-specs .business-area-spec-item .__desc p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .business-area-specs .business-area-spec-item .__desc p {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-area-specs .business-area-spec-item .__desc p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .business-area-specs .business-area-spec-item .__desc p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}

.business-img-desc-content .__img {
  border-radius: 1.2rem;
  background: #F8F8F8;
  margin-bottom: 4rem;
  overflow: hidden;
  isolation: isolate;
}
.business-img-desc-content .__img img {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .business-img-desc-content .__img {
    border-radius: 0.8rem;
  }
}
.business-img-desc-content .__desc {
  padding-left: 2rem;
  max-width: 146rem;
}
.business-img-desc-content .__desc h3 {
  margin-bottom: 2.4rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .business-img-desc-content .__desc h3 {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-img-desc-content .__desc h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .business-img-desc-content .__desc h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.business-img-desc-content .__desc h4 {
  margin-bottom: 1.2rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .business-img-desc-content .__desc h4 {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-img-desc-content .__desc h4 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .business-img-desc-content .__desc h4 {
    font-size: min(2.2rem, 5.128vw);
  }
}
.business-img-desc-content .__desc p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .business-img-desc-content .__desc p {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-img-desc-content .__desc p {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 600px) {
  .business-img-desc-content .__desc p {
    font-size: clamp(1.7rem, 4.359vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .business-img-desc-content .__img {
    margin-bottom: 1.6rem;
  }
  .business-img-desc-content .__desc {
    padding-left: 0;
  }
  .business-img-desc-content .__desc h3 {
    margin-bottom: 1.2rem;
  }
  .business-img-desc-content .__desc h4 {
    margin-bottom: 0.6rem;
  }
}

.business-area-nav {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 50%);
  z-index: 9998;
  font-size: clamp(1.4rem, 1.25vw, 1.8rem);
  bottom: 2.2222222222em;
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms, visibility 200ms, transform 200ms;
}
@media screen and (max-width: 600px) {
  .business-area-nav {
    max-width: calc(100vw - 40px);
  }
}
.business-area-nav.active {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0%);
}
.business-area-nav .__box {
  display: flex;
  background: rgb(248, 248, 248);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  isolation: isolate;
  overflow: hidden;
  font-weight: 600;
  align-items: center;
  color: #1D1D1D;
  line-height: 1.7777777778em;
  border-radius: 3rem;
  white-space: nowrap;
}
.business-area-nav .__box h3 {
  padding: 0.5555555556em 1.2222222222em;
  position: relative;
}
.business-area-nav .__box h3:after {
  content: "";
  width: 1px;
  background: #ddd;
  height: 1em;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  display: block;
  position: absolute;
}
.business-area-nav .__box .__indices {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
@media screen and (max-width: 600px) {
  .business-area-nav .__box .__indices:before, .business-area-nav .__box .__indices:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1.5em;
    background: linear-gradient(270deg, rgba(248, 248, 248, 0) 0%, rgb(248, 248, 248) 60%, rgb(248, 248, 248) 100%);
    pointer-events: none;
  }
  .business-area-nav .__box .__indices:before {
    display: none;
  }
  .business-area-nav .__box .__indices:after {
    right: 0;
    background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, rgb(248, 248, 248) 60%, rgb(248, 248, 248) 100%);
  }
  .business-area-nav .__box .__indices[data-scrolling=start]:before {
    display: none;
  }
  .business-area-nav .__box .__indices[data-scrolling=ing]:before, .business-area-nav .__box .__indices[data-scrolling=ing]:after {
    display: block;
  }
  .business-area-nav .__box .__indices[data-scrolling=end]:after {
    display: none;
  }
}
.business-area-nav .__box ul {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  padding: 0.5555555556em;
}
.business-area-nav .__box ul::-webkit-scrollbar {
  display: none;
}
.business-area-nav .__box ul li a {
  color: #8E8E8E;
  padding: 0 0.8888888889em;
  border-radius: 3rem;
  transition: color 300ms, background-color 300ms;
}
.business-area-nav .__box ul li a.active {
  color: #0045C9;
  background: #EFF5FF;
}
@media (hover: hover) {
  .business-area-nav .__box ul li a:hover {
    color: #0045C9;
  }
}

.__newbus__ .__infra .__diagram .__box {
  overflow: hidden;
  isolation: isolate;
  border-radius: 1.2rem;
  background: #F8F8F8;
  padding: clamp(3rem, 2.9167vw, 5.6rem) clamp(2.4rem, 2.9167vw, 5.6rem);
}
.__newbus__ .__infra .__diagram h3 {
  margin-bottom: 1.125em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__newbus__ .__infra .__diagram h3 {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__diagram h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__newbus__ .__infra .__diagram h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__newbus__ .__infra .__diagram img {
  display: block;
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
}
.__newbus__ .__infra .__diagram .__m {
  display: none;
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__diagram {
    border-radius: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  .__newbus__ .__infra .__diagram .__m {
    display: block;
  }
  .__newbus__ .__infra .__diagram .__d {
    display: none;
  }
}
.__newbus__ .__infra .__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__list {
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .__newbus__ .__infra .__list {
    grid-template-columns: 1fr;
  }
}
.__newbus__ .__infra .__list li {
  background: #F8F8F8;
  border-radius: 0.8rem;
  box-sizing: border-box;
  padding: clamp(1.7rem, 1.6667vw, 3.2rem);
  display: flex;
  align-items: center;
  gap: 2.4rem;
}
.__newbus__ .__infra .__list li h4 {
  display: flex;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .__newbus__ .__infra .__list li h4 {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__list li h4 {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__newbus__ .__infra .__list li h4 {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
.__newbus__ .__infra .__list li h4 span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #D1E1FF;
  border-radius: 3em;
  height: 2em;
  min-width: 4.6666666667em;
  text-align: center;
  color: #0045C9;
  box-sizing: border-box;
  padding: 0 0.5em;
}
.__newbus__ .__infra .__list li h4 span.__red {
  background: #FFB8B9;
  color: #E81D21;
}
.__newbus__ .__infra .__list li p {
  display: flex;
  flex-direction: column;
}
.__newbus__ .__infra .__list li p strong {
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__newbus__ .__infra .__list li p strong {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__list li p strong {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__newbus__ .__infra .__list li p strong {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__newbus__ .__infra .__list li p small {
  color: #2D2D2D;
  margin-top: 0.325em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__newbus__ .__infra .__list li p small {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__list li p small {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__newbus__ .__infra .__list li p small {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .__newbus__ .__infra .__list li {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
}

.__salesbus__ .__img,
.__salesbus__ .__box,
.__salesbus__ .__well {
  border-radius: 1.2rem;
  background: #F8F8F8;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__img,
  .__salesbus__ .__box,
  .__salesbus__ .__well {
    border-radius: 0.8rem;
  }
}
.__salesbus__ .__diagram,
.__salesbus__ .__img {
  overflow: hidden;
  isolation: isolate;
}
.__salesbus__ .__diagram img,
.__salesbus__ .__img img {
  display: block;
  width: 100%;
  height: auto;
}
.__salesbus__ .__diagram .__t,
.__salesbus__ .__diagram .__m,
.__salesbus__ .__img .__t,
.__salesbus__ .__img .__m {
  display: none;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__diagram .__t,
  .__salesbus__ .__img .__t {
    display: block;
  }
  .__salesbus__ .__diagram .__m,
  .__salesbus__ .__diagram .__d,
  .__salesbus__ .__img .__m,
  .__salesbus__ .__img .__d {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__diagram .__m,
  .__salesbus__ .__img .__m {
    display: block;
  }
  .__salesbus__ .__diagram .__t,
  .__salesbus__ .__diagram .__d,
  .__salesbus__ .__img .__t,
  .__salesbus__ .__img .__d {
    display: none;
  }
}
.__salesbus__ .__ul-list li {
  position: relative;
  padding-left: 0.75em;
}
.__salesbus__ .__ul-list li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.__salesbus__ .__stat-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes {
    gap: 1.6rem;
    grid-template-columns: 1fr 1fr 36.3834422658%;
  }
  .__salesbus__ .__stat-boxes.__3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .__salesbus__ .__stat-boxes.__l .__stat-box,
  .__salesbus__ .__stat-boxes.__l .__stat-box.__l {
    grid-column: 1/4;
  }
}
@media screen and (max-width: 768px) {
  .__salesbus__ .__stat-boxes {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes {
    grid-template-columns: 1fr;
  }
  .__salesbus__ .__stat-boxes.__3 {
    grid-template-columns: 1fr;
  }
}
.__salesbus__ .__stat-boxes .__stat-box.__l {
  grid-column: 1/3;
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box.__l {
    grid-column: initial;
    grid-row: initial;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box.__l-t {
    grid-column: 1/3;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box.__l-t {
    grid-column: initial;
    grid-row: initial;
  }
}
.__salesbus__ .__stat-boxes .__stat-box {
  display: flex;
  overflow: hidden;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 9.6rem;
  padding: clamp(3rem, 2.9167vw, 5.6rem);
}
@media screen and (min-width: 1025px) {
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box .graph-box {
    gap: 3rem;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box {
    flex-direction: column;
    gap: 2rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title strong {
  display: block;
  margin-bottom: 0.2em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title strong {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title strong {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title strong {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title em, .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title b {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title em, .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title b {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title em, .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title b {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title em, .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title b {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title em {
  color: #8E8E8E;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .graph-box-title b {
  color: #0045C9;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value {
  display: flex;
  align-items: flex-end;
  gap: 0.1em;
  font-size: clamp(6rem, 5.8333vw, 11.2rem);
  letter-spacing: -0.02em;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value.__sm {
  font-size: clamp(4.5rem, 4.1667vw, 8rem);
  letter-spacing: -0.02em;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value.__sm .__unit {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value.__sm .__unit {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value.__sm .__unit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value.__sm .__unit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value {
    font-size: 8rem;
  }
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__value.__sm {
    font-size: 5.6rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__num {
  color: #0045C9;
  font-weight: 500;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
  color: #0045C9;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
  line-height: 1.7;
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
  white-space: pre;
}
@media screen and (min-width: 1025px) {
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit {
    font-size: clamp(1.3rem, 1.667vw, 3.2rem);
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit em {
  color: #8E8E8E;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit em {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit em {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit em {
    font-size: min(2.2rem, 5.128vw);
  }
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box .graph-box .left .__unit em {
  font-size: 1.3rem;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .right {
  flex: 1;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph {
  flex: 1;
  display: flex;
  justify-content: space-evenly;
  justify-content: space-between;
  box-sizing: border-box;
  gap: 0.5em;
  row-gap: 1em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph {
    flex-direction: column;
    margin-top: 2rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li {
  width: 15%;
  max-width: 4.1666666667em;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li {
    flex-direction: row;
    width: initial;
    max-width: initial;
    align-items: center;
    gap: 4.25rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g {
  flex: 1;
  text-align: center;
  display: flex;
  align-items: flex-end;
  width: 100%;
  min-height: 29rem;
}
@media screen and (max-width: 768px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g {
    min-height: 29rem;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g {
    width: auto;
    align-items: center;
    text-align: right;
    min-height: initial;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g .__b {
  background: #D1E1FF;
  border-radius: 1rem;
  height: var(--per, 0%);
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g .__b {
    border-radius: 0.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g .__b {
    height: 5.6rem;
    width: var(--per, 0%);
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g .__b strong {
  padding: 0.4em 0;
  display: block;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li .__g .__b strong {
    padding: 0 0.6em;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 {
  text-align: center;
  margin: 0 -3em;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 strong {
  display: block;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 em {
  color: #8E8E8E;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 em {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 em {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 em {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li h4 {
    margin: 0;
    text-align: right;
  }
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li.__accent .__g {
  color: #fff;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li.__accent .__g .__b {
  background: #0045C9;
}
.__salesbus__ .__stat-boxes .__stat-box .graph-box .__graph li.__accent h4 strong {
  color: #0045C9;
}
@media screen and (min-width: 1025px) {
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box .graph-box .__value {
    font-size: clamp(6rem, 5vw, 9.6rem);
    letter-spacing: -0.02em;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box .graph-box .__value {
    font-size: clamp(6rem, 5vw, 9.6rem);
    letter-spacing: -0.02em;
  }
}
.__salesbus__ .__stat-boxes .__stat-box dl {
  padding: clamp(3rem, 2.9167vw, 5.6rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box dl {
    padding: 4rem 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl {
    padding: 3.2rem 2.4rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box dl dt strong {
  display: block;
  margin-bottom: 0.2em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dt strong {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dt strong {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dt strong {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__salesbus__ .__stat-boxes .__stat-box dl dt em, .__salesbus__ .__stat-boxes .__stat-box dl dt b {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dt em, .__salesbus__ .__stat-boxes .__stat-box dl dt b {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dt em, .__salesbus__ .__stat-boxes .__stat-box dl dt b {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dt em, .__salesbus__ .__stat-boxes .__stat-box dl dt b {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__salesbus__ .__stat-boxes .__stat-box dl dt em {
  color: #8E8E8E;
}
.__salesbus__ .__stat-boxes .__stat-box dl dt b {
  color: #0045C9;
}
.__salesbus__ .__stat-boxes .__stat-box dl dd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.__salesbus__ .__stat-boxes .__stat-box dl dd .__value {
  margin-right: -1em;
  font-size: clamp(6rem, 5.8333vw, 11.2rem);
  letter-spacing: -0.02em;
}
.__salesbus__ .__stat-boxes .__stat-box dl dd .__value.__sm {
  font-size: clamp(4.5rem, 4.1667vw, 8rem);
  letter-spacing: -0.02em;
}
.__salesbus__ .__stat-boxes .__stat-box dl dd .__value.__sm .__unit {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__value.__sm .__unit {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__value.__sm .__unit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__value.__sm .__unit {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__value {
    font-size: 8rem;
  }
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__value.__sm {
    font-size: 5.6rem;
  }
}
.__salesbus__ .__stat-boxes .__stat-box dl dd .__num {
  color: #0045C9;
  font-weight: 500;
}
.__salesbus__ .__stat-boxes .__stat-box dl dd .__unit {
  color: #0045C9;
  margin-left: -0.3em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__salesbus__ .__stat-boxes .__stat-box dl dd .__unit em {
  color: #8E8E8E;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit em {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit em {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit em {
    font-size: min(2.2rem, 5.128vw);
  }
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl {
  padding: clamp(3rem, 2.9167vw, 5.6rem) clamp(2.4rem, 2.9167vw, 5.6rem);
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dt strong {
  font-size: clamp(2.2rem, 2.24609375vw, 2.4rem);
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd {
  justify-content: flex-end;
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__value {
  font-size: clamp(6rem, 5vw, 9.6rem);
  letter-spacing: -0.02em;
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__en {
  display: flex;
  align-items: center;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 1.2rem;
  font-size: clamp(6rem, 3.90625vw, 8rem);
  margin-right: 0;
}
@media screen and (max-width: 600px) {
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__en {
    font-size: 4rem;
  }
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit {
  margin-left: 0;
  font-size: clamp(2.4rem, 2.24609375vw, 2.6rem);
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit.flex {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1280px) {
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit.flex {
    flex-direction: row;
    align-items: center;
    gap: 0.4rem;
  }
  [lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit.flex b {
    margin-bottom: 0;
    order: 2;
  }
}
[lang=en] .__salesbus__ .__stat-boxes .__stat-box dl dd .__unit b {
  display: block;
  margin-bottom: 0.3em;
  font-size: 1.6rem;
}
.__salesbus__ .__stat-boxes .__stat-box.__b40, .__salesbus__ .__stat-boxes .__stat-box.__b60, .__salesbus__ .__stat-boxes .__stat-box.__b70 {
  background: #0053F2;
  color: #fff;
}
.__salesbus__ .__stat-boxes .__stat-box.__b40 dl dd .__num,
.__salesbus__ .__stat-boxes .__stat-box.__b40 dl dd .__unit, .__salesbus__ .__stat-boxes .__stat-box.__b60 dl dd .__num,
.__salesbus__ .__stat-boxes .__stat-box.__b60 dl dd .__unit, .__salesbus__ .__stat-boxes .__stat-box.__b70 dl dd .__num,
.__salesbus__ .__stat-boxes .__stat-box.__b70 dl dd .__unit {
  color: #fff;
}
.__salesbus__ .__stat-boxes .__stat-box.__b60 {
  background: #0038A3;
}
.__salesbus__ .__stat-boxes .__stat-box.__b70 {
  background: #002B7D;
}
.__salesbus__ .__criteria .__body {
  display: grid;
  gap: 2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__criteria .__body {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__body {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__body {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__body {
    gap: 1.6rem;
  }
}
.__salesbus__ .__criteria h4 {
  margin-bottom: 1.2rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__criteria h4 {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria h4 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria h4 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__salesbus__ .__criteria .__well {
  padding: clamp(3rem, 2.9167vw, 5.6rem);
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__well {
    padding: 3.2rem 2.4rem;
  }
}
.__salesbus__ .__criteria .__principles {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__principles {
    gap: 1.6rem;
    grid-template-columns: 1fr;
    margin-top: 1.6rem;
  }
}
.__salesbus__ .__criteria .__principles li {
  background: #fff;
  border-radius: 0.8rem;
  border: 1px solid #F0F0F0;
  padding: clamp(2.4rem, 1.8vw, 3.2rem);
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__principles li {
    padding: 2.8rem 2.4rem;
  }
}
.__salesbus__ .__criteria .__principles li h5 {
  margin-bottom: 1.2rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__criteria .__principles li h5 {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__principles li h5 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__principles li h5 {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__salesbus__ .__criteria .__principles li h5 small {
  color: #0045C9;
  margin-right: 0.4em;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__criteria .__principles li h5 small {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__principles li h5 small {
    font-size: min(1.8rem, 4.1026vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__principles li h5 small {
    font-size: min(1.8rem, 4.1026vw);
  }
}
.__salesbus__ .__criteria .__principles li p {
  text-wrap: pretty;
}
.__salesbus__ .__criteria .__img {
  margin-top: 3.2rem;
}
.__salesbus__ .__procedure .__body {
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure .__body {
    grid-template-columns: 1fr;
  }
}
.__salesbus__ .__procedure .__diagram {
  padding: clamp(4.2rem, 4.1667vw, 8rem);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFF5FF;
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure .__diagram {
    padding: 3.2rem 2.4rem;
  }
}
.__salesbus__ .__procedure ul {
  display: grid;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul {
    gap: 1.6rem;
  }
}
.__salesbus__ .__procedure ul .__box {
  padding: clamp(1.7rem, 1.6667vw, 3.2rem) clamp(2.6rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure ul .__box {
    padding: 3.2rem 2.4rem;
  }
}
.__salesbus__ .__procedure ul .__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure ul .__title {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure ul .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__title {
    align-items: flex-start;
  }
}
.__salesbus__ .__procedure ul .__title h4 {
  display: flex;
  gap: 0.5em;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__title h4 {
    flex-direction: column;
    gap: 0.8em;
  }
}
.__salesbus__ .__procedure ul .__title small {
  color: #0045C9;
  margin-right: 0.25em;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure ul .__title small {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__title small {
    font-size: min(1.8rem, 4.1026vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure ul .__title small {
    font-size: min(1.8rem, 4.1026vw);
  }
}
.__salesbus__ .__procedure ul .__title span {
  background: #D1E1FF;
  color: #0045C9;
  padding: 0.2em 0.725em;
  border-radius: 2em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure ul .__title span {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__title span {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure ul .__title span {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
[lang=en] .__salesbus__ .__procedure ul .__title span {
  white-space: pre;
}
.__salesbus__ .__procedure ul .__title span.gray {
  background-color: #E4E4E4;
  color: #717171;
}
.__salesbus__ .__procedure ul .__excerpt {
  margin-top: 1em;
  max-width: 27.3684210526em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure ul .__excerpt {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__excerpt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure ul .__excerpt {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
[lang=en] .__salesbus__ .__procedure ul .__excerpt {
  max-width: 100%;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure ul .__excerpt {
    max-width: 100%;
    margin-top: 0.6em;
  }
  .__salesbus__ .__procedure ul .__excerpt br {
    display: none;
  }
}
.__salesbus__ .__about .__well {
  padding: clamp(2.4rem, 2.0833vw, 4rem) clamp(3rem, 2.9167vw, 5.6rem);
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__about .__well {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__about .__well {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__about .__well {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
.__salesbus__ .__about .__well h4 {
  margin-bottom: 1.6rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__about .__well h4 {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__about .__well h4 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__about .__well h4 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__about .__well {
    padding: 3.2rem 2.4rem;
  }
  .__salesbus__ .__about .__well br {
    display: none;
  }
}
.__salesbus__ .__importance .__body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__body {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__importance .__body {
    grid-template-columns: 1fr;
  }
}
.__salesbus__ .__importance .__box {
  padding: clamp(2.1rem, 2.0833vw, 4rem) clamp(3rem, 2.9167vw, 5.6rem);
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__box {
    padding: 4rem 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__importance .__box {
    padding: 3.2rem 2.4rem;
  }
}
.__salesbus__ .__importance .__box i img {
  margin-left: auto;
  width: 100px;
  display: block;
}
.__salesbus__ .__importance .__box h4 {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__importance .__box h4 {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__box h4 {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__importance .__box h4 {
    font-size: min(3em, 5.641vw);
  }
}
.__salesbus__ .__importance .__box h4 small {
  color: #0045C9;
  display: block;
  margin-bottom: 1.6rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__importance .__box h4 small {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__box h4 small {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__importance .__box h4 small {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__box .__title {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 2rem;
  }
  .__salesbus__ .__importance .__box .__title i {
    margin-left: auto;
  }
  .__salesbus__ .__importance .__box .__title i img {
    width: 80px;
  }
  [lang=en] .__salesbus__ .__importance .__box .__title {
    flex-direction: column;
    align-items: flex-start;
  }
  [lang=en] .__salesbus__ .__importance .__box .__title i {
    margin-left: 0;
  }
}
.__salesbus__ .__importance .__box hr {
  border: 0;
  background: #D8D8D8;
  margin: 2em 0;
  height: 1px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__importance .__box hr {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__box hr {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__importance .__box hr {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
.__salesbus__ .__importance .__box ul {
  display: grid;
  gap: 0.4rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__importance .__box ul {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__importance .__box ul {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__importance .__box ul {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
.__salesbus__ .__importance .__box ul li {
  position: relative;
  padding-left: 0.5em;
}
.__salesbus__ .__importance .__box ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}
.__salesbus__ .__types .__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__types .__body {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__types .__body {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
.__salesbus__ .__types .__graph .__box {
  background: #EFF5FF;
  position: relative;
  padding: clamp(1.6rem, 3.3333333333vw, 4rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__types .__graph .__box {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__types .__graph .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__types .__graph .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__salesbus__ .__types .__graph .__box .__g {
  position: relative;
}
.__salesbus__ .__types .__graph .__box em,
.__salesbus__ .__types .__graph .__box strong {
  display: block;
  color: #8E8E8E;
  position: absolute;
}
.__salesbus__ .__types .__graph .__box strong {
  color: #0045C9;
  bottom: 20%;
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
}
.__salesbus__ .__types .__graph .__box em[data-type=x] {
  right: 0;
  bottom: 0.5em;
}
.__salesbus__ .__types .__graph .__box em[data-type=y] {
  left: 0.5em;
  top: 0;
}
.__salesbus__ .__types .__graph .__box svg {
  display: block;
  width: 100%;
  height: auto;
}
.__salesbus__ .__types .__graph .__box svg .__arrow {
  animation: arrow-updown 2s infinite forwards;
}
@keyframes arrow-updown {
  0% {
    transform: translateY(-30%);
    opacity: 0;
  }
  60%, 80% {
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    opacity: 0;
    transform: translateY(5%);
  }
}
.__salesbus__ .__types .__graph .__desc {
  margin-top: 2.4rem;
  padding: 0 2rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__types .__graph .__desc {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__types .__graph .__desc {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__types .__graph .__desc {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
.__salesbus__ .__types .__graph .__desc h4 {
  margin-bottom: 1.2rem;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__types .__graph .__desc h4 {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__types .__graph .__desc h4 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__types .__graph .__desc h4 {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__types .__graph .__desc {
    padding-left: 0;
    margin-top: 1.2rem;
  }
  .__salesbus__ .__types .__graph .__desc h4 {
    margin-bottom: 0.6rem;
  }
  .__salesbus__ .__types .__graph .__desc br {
    display: none;
  }
}
.__salesbus__ .__criteria .__diagram {
  border-bottom: 1px solid rgb(217, 217, 217);
  margin-top: 8rem;
}
.__salesbus__ .__criteria .__diagram .__c small span {
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__diagram {
    margin-top: 3.2rem;
  }
}
.__salesbus__ .__criteria .__diagram .__graphic {
  max-width: 1248px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
  column-gap: 2.4rem;
  margin: 0 auto;
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__diagram .__graphic {
    column-gap: 1rem;
  }
}
.__salesbus__ .__criteria .__diagram .__graphic .__c {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3.2rem 0.4rem;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c strong {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.4em;
  line-height: 1.2 !important;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong {
    font-size: clamp(1.4rem, 3.6666666667vw, 2.2rem);
  }
}
.__salesbus__ .__criteria .__diagram .__graphic .__c strong svg {
  width: 0.5833333333em;
  height: auto;
  display: block;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c strong small {
  color: #1D1D1D;
  line-height: 1.325 !important;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong small {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong small {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong small {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong small {
    font-size: clamp(1.2rem, 2.5vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__criteria .__diagram .__graphic .__c strong em {
    display: block;
  }
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c1 {
  grid-column: 1/2;
  grid-row: 2/3;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c2 {
  grid-column: 1/2;
  grid-row: 3/4;
  background: #D1E1FF;
  border-radius: 0.8rem 0.8rem 0 0;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c3 {
  grid-column: 2/3;
  grid-row: 2/4;
  background: #0045C9;
  border-radius: 0.8rem 0.8rem 0 0;
  position: relative;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c3:before {
  border-top: 1px dashed #0045C9;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c3 strong {
  flex-direction: column;
  color: #fff;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c3 strong small {
  color: #fff;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c4 {
  grid-column: 3/4;
  grid-row: 1/2;
  background: #D1E1FF;
  border-radius: 0.8rem 0.8rem 0 0;
}
.__salesbus__ .__criteria .__diagram .__graphic .__c.__c5 {
  grid-column: 3/4;
  grid-row: 2/4;
  background: #D1E1FF;
}
.__salesbus__ .__procedure .__diagram .__graphic {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure .__diagram .__graphic {
    max-width: 100%;
  }
}
.__salesbus__ .__procedure .__diagram .__graphic .__c {
  border-radius: 0.8rem;
  padding: 2.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__c {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__c {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__c {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__salesbus__ .__procedure .__diagram .__graphic .__c strong {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-left: 1.9166666667em;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c strong i {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c strong i img {
  display: block;
  width: 1.3333333333em;
  aspect-ratio: 1/1;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c small {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__c small {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__c small {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__c small {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__salesbus__ .__procedure .__diagram .__graphic .__l {
  display: flex;
  justify-content: center;
  gap: 4em;
  padding: 0.5em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__l {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__l {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure .__diagram .__graphic .__l {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__salesbus__ .__procedure .__diagram .__graphic .__l i {
  display: block;
  position: relative;
  color: #717171;
}
.__salesbus__ .__procedure .__diagram .__graphic .__l i svg {
  display: block;
  width: auto;
  height: 4.2105263158em;
}
.__salesbus__ .__procedure .__diagram .__graphic .__l i span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.8em;
}
.__salesbus__ .__procedure .__diagram .__graphic .__l i.__rev span {
  right: 100%;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c1 {
  background: #0045C9;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c1 svg {
  display: block;
  max-width: 100%;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c2 {
  background: #D1E1FF;
}
.__salesbus__ .__procedure .__diagram .__graphic .__c3 {
  background: #fff;
}
.__salesbus__ .__procedure .__diagram .__graphic ul {
  display: block;
  color: #717171;
  margin-top: 3.6em;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .__salesbus__ .__procedure .__diagram .__graphic ul {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .__salesbus__ .__procedure .__diagram .__graphic ul {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__salesbus__ .__procedure .__diagram .__graphic ul {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
.__salesbus__ .__procedure .__diagram .__graphic ul li {
  padding-left: 0.625em;
  position: relative;
}
.__salesbus__ .__procedure .__diagram .__graphic ul li:before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}
.__salesbus__ .__procedure .__diagram .__graphic ul li + li {
  margin-top: 0.25em;
}

.__interbus__ .__inter-map {
  background: linear-gradient(180deg, rgba(209, 225, 255, 0.24) 8.47%, rgba(0, 83, 242, 0.24) 100%), #EFF5FF;
  overflow: hidden;
  position: relative;
}
.__interbus__ .__inter-map .__heading {
  padding-top: 3em;
  padding-bottom: 1.125em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(3rem, 2.083vw, 4rem);
}
@media screen and (max-width: 1440px) {
  .__interbus__ .__inter-map .__heading {
    font-size: clamp(3rem, 2.083vw, 4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__heading {
    font-size: min(3em, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ .__inter-map .__heading {
    font-size: min(3em, 5.641vw);
  }
}
.__interbus__ .__inter-map .__heading .__box {
  background: #fff;
  border-radius: 1.2rem;
  padding: clamp(1.1rem, 1.0417vw, 2rem) clamp(1.3rem, 1.25vw, 2.4rem) clamp(1.1rem, 1.0417vw, 2rem) clamp(2.1rem, 2.0833vw, 4rem);
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .__interbus__ .__inter-map .__heading .__box {
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] .__interbus__ .__inter-map .__heading .__box {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.__interbus__ .__inter-map .__heading h2 {
  color: #0045C9;
}
.__interbus__ .__inter-map .__heading .__stats {
  display: flex;
  gap: 0.4166666667em;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__interbus__ .__inter-map .__heading .__stats {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__heading .__stats {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ .__inter-map .__heading .__stats {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ .__inter-map .__heading .__stats {
    width: 100%;
  }
}
.__interbus__ .__inter-map .__heading .__stats dl {
  padding: 0.5em 0.6666666667em;
  border: 1px solid #D1E1FF;
  border-radius: 0.8rem;
  flex: 1;
  white-space: nowrap;
}
@media screen and (max-width: 1024px) {
  [lang=en] .__interbus__ .__inter-map .__heading .__stats dl {
    white-space: normal;
  }
}
.__interbus__ .__inter-map .__heading .__stats dl dt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .__interbus__ .__inter-map .__heading .__stats dl dt {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__heading .__stats dl dt {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ .__inter-map .__heading .__stats dl dt {
    font-size: clamp(1.4rem, 3.5897vw, 1.5rem);
  }
}
.__interbus__ .__inter-map .__heading .__stats dl dd {
  margin-top: 0.6666666667em;
}
.__interbus__ .__inter-map .__map {
  position: relative;
  touch-action: pan-y;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1920px;
  width: clamp(1152px, 184.9710982659vw, 1920px);
  padding-top: clamp(14.4px, 2.3121387283vw, 24px);
  padding-bottom: clamp(30px, 4.816955684vw, 50px);
  will-change: transform;
}
.__interbus__ .__inter-map .__map .__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__bg svg {
  display: block;
  overflow: visible;
  width: 100%;
  height: auto;
}
.__interbus__ .__inter-map .__map .__location {
  will-change: transform;
  margin: 0 auto;
  max-width: 1464px;
  position: relative;
}
.__interbus__ .__inter-map .__map .__location img {
  display: block;
  width: 100%;
}
.__interbus__ .__inter-map .__map .__location .__branches {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translateX(-50%);
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  padding: 0.0666666667em 0.8em 0;
  height: 1.8666666667em;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
  border-radius: 3em;
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__map .__location .__branches .__branch span {
    font-size: 1.3rem;
  }
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch span:after {
  content: "";
  display: block;
  position: absolute;
  top: -1.2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgb(255, 107, 110);
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__map .__location .__branches .__branch span:after {
    top: -1rem;
  }
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-arrow=down] span:after {
  bottom: -1.2rem;
  top: unset;
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__map .__location .__branches .__branch[data-arrow=down] span:after {
    font-size: 1.3rem;
    bottom: -1rem;
  }
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-id="1"] {
  left: 10.6557377049%;
  top: 37.5979112272%;
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-id="2"] {
  left: 22.6775956284%;
  top: 49.0861618799%;
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-id="3"] {
  left: 40.9836065574%;
  top: 33.9425587467%;
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-id="4"] {
  left: 44.0573770492%;
  top: 47.2584856397%;
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-id="5"] {
  left: 48.9071038251%;
  top: 28.4595300261%;
}
.__interbus__ .__inter-map .__map .__location .__branches .__branch[data-id="6"] {
  left: 76.3661202186%;
  top: 34.4647519582%;
}
.__interbus__ .__inter-map .__map .__location .__nations {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation {
  position: absolute;
  font-size: 2.2rem;
  letter-spacing: -0.02em;
}
@media screen and (max-width: 1024px) {
  .__interbus__ .__inter-map .__map .__location .__nations .__nation {
    font-size: 1.7rem;
  }
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__dot {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  transform: translate(-0.2272727273em, -0.2272727273em);
  background: #3379FF;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__line {
  display: block;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__line:before, .__interbus__ .__inter-map .__map .__location .__nations .__nation .__line:after {
  content: "";
  position: absolute;
  background: #3379FF;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__line:before {
  width: 1px;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__line:after {
  height: 1px;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box {
  position: absolute;
  height: 2.8181818182em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__box-inner {
  position: relative;
  cursor: pointer;
  padding: 0.2727272727em 0.2727272727em 0.2727272727em 1.0909090909em;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #D1E1FF;
  border-radius: 1.3636363636em;
  filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.06));
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.9090909091em;
  font-weight: 600;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__label span {
  min-width: 2.7272727273em;
  white-space: pre;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__label i {
  background: #D1E1FF;
  border-radius: 50%;
  padding: 0.2727272727em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__label i img {
  display: block;
  width: 1.6363636364em;
  aspect-ratio: 1/1;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec {
  padding-top: 0.1666666667em;
  padding-right: 0.8181818182em;
  display: none;
  min-width: 10.9090909091em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul {
  font-size: 1.4rem;
  letter-spacing: -0.02em;
  padding-bottom: 0.0909090909em;
  white-space: nowrap;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li {
  display: flex;
  align-items: center;
  gap: 0.7142857143em;
  padding: 0.5714285714em 0;
  border-bottom: 1px solid #E4E4E4;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li:last-of-type {
  border-bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.6428571429em;
  background: #C2181C;
  border-radius: 2em;
  padding: 0 0.4285714286em;
  color: #fff;
  min-width: 3.9285714286em;
  box-sizing: border-box;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li span.__g {
  background: #00A040;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li span.__p {
  background: #7A00DB;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li span.__b {
  background: #3379FF;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li strong {
  font-weight: 600;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation .__box .__spec ul li small {
  margin-left: auto;
  color: #1D1D1D;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation:hover {
  z-index: 9;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation:hover .__box .__box-inner {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation:hover .__box .__box-inner .__spec {
  display: block;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=SA] {
  left: 20.4918032787%;
  top: 46.3446475196%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=SA] .__line:after {
  width: 4em;
  left: -4em;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=SA] .__line:before {
  height: 1.0909090909em;
  left: -4em;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=SA] .__box {
  top: 1.0909090909em;
  left: -14.2727272727em;
  margin-left: 1.3636363636em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JO] {
  left: 18.1010928962%;
  top: 39.817232376%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JO] .__line:before {
  height: 5em;
  left: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JO] .__box {
  top: -5em;
  transform: translateY(-100%);
  margin-left: -1.5454545455em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=AE] {
  left: 24.3852459016%;
  top: 44.3864229765%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=AE] .__line:before {
  height: 2.7272727273em;
  left: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=AE] .__box {
  top: -2.7272727273em;
  transform: translateY(-100%);
  margin-left: -1.5454545455em;
}
[lang=en] .__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=AE] .__box {
  margin-left: -5.4545454545em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=CN] {
  left: 39.6174863388%;
  top: 30.0261096606%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=CN] .__line:before {
  height: 5.9090909091em;
  left: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=CN] .__box {
  top: -5.9090909091em;
  transform: translateY(-100%);
  margin-left: -1.5454545455em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MY] {
  left: 42.0081967213%;
  top: 53.5248041775%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MY] .__line:after {
  width: 2.0909090909em;
  left: -2.0909090909em;
  top: 3.1363636364em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MY] .__line:before {
  height: 3.1818181818em;
  left: 0;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MY] .__box {
  top: 3.1818181818em;
  left: -2.0909090909em;
  transform: translate(-100%, -50%);
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=VI] {
  left: 41.8032786885%;
  top: 44.3864229765%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=VI] .__line:after {
  width: 4.1818181818em;
  left: 0;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=VI] .__box {
  left: 4.1818181818em;
  transform: translateY(-50%);
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=PH] {
  left: 48.4972677596%;
  top: 49.3472584856%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=PH] .__line:after {
  width: 2.2727272727em;
  left: 0em;
  top: 3.8636363636em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=PH] .__line:before {
  height: 3.9090909091em;
  left: 0;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=PH] .__box {
  top: 3.9090909091em;
  left: 2.2727272727em;
  transform: translateY(-50%);
}
[lang=en] .__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=PH] {
  top: 51.9582245431%;
}
[lang=en] .__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=PH] .__line:before {
  height: 3.9090909091em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=ID] {
  left: 46.9945355191%;
  top: 57.0496083551%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=ID] .__line:before {
  height: 4.5454545455em;
  left: 0;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=ID] .__box {
  top: 4.5454545455em;
  left: -4.2727272727em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JP] {
  left: 49.2486338798%;
  top: 24.9347258486%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JP] .__line:after {
  width: 2.5454545455em;
  left: 0;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JP] .__line:before {
  height: 1.4545454545em;
  left: 2.5454545455em;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=JP] .__box {
  top: -1.4545454545em;
  left: 2.5454545455em;
  transform: translateY(-100%);
  margin-left: -1.5454545455em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=US] {
  left: 69.1256830601%;
  top: 29.1122715405%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=US] .__line:before {
  height: 4.4090909091em;
  left: 0;
  bottom: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=US] .__box {
  top: -4.4090909091em;
  transform: translateY(-100%);
  margin-left: -1.5454545455em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MX] {
  left: 71.0382513661%;
  top: 49.6083550914%;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MX] .__line:after {
  width: 2.9090909091em;
  left: 0;
  top: 2.9090909091em;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MX] .__line:before {
  height: 2.9090909091em;
  left: 0;
  top: 0;
}
.__interbus__ .__inter-map .__map .__location .__nations .__nation[data-id=MX] .__box {
  top: 2.9090909091em;
  left: 2.9090909091em;
  transform: translateY(-50%);
}
.__interbus__ .__inter-map .__guide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.__interbus__ .__inter-map .__guide i {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.__interbus__ .__inter-map .__guide i svg {
  display: block;
  overflow: visible;
}
.__interbus__ .__inter-map .__guide i .__hand {
  animation: hand-swipe 2s infinite;
}
@keyframes hand-swipe {
  0%, 100% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(50%);
  }
}
.__interbus__ #businessDesc1-1 .area-title {
  padding-left: 0.4166666667em;
  padding-bottom: 0.6666666667em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(4rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .area-title {
    font-size: clamp(4rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .area-title {
    font-size: min(4em, 6.154vw);
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .area-title {
    font-size: min(4em, 6.154vw);
  }
}
.__interbus__ #businessDesc1-1 .goal-content:not(:first-child) {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.__interbus__ #businessDesc1-1 .goal-content .dropdown-item-top {
  cursor: pointer;
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .left-box,
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box {
  position: relative;
  padding: 4rem;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .left-box {
    padding: 2.4rem 1.6rem 2.4rem 2.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .slogan-badge {
  display: inline-block;
  color: #ffffff;
  background-color: #0053F2;
  padding: 0.4em 0.8em;
  border-radius: max(0.6rem, 0.41666vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .left-title {
  max-width: 14.7333333333em;
  margin-top: 2.8rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.5625vw, 3rem);
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .left-title {
    font-size: clamp(2.4rem, 1.5625vw, 3rem);
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .left-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .left-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .left-title {
    max-width: 100%;
    margin-top: 1.2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .left-title b {
  color: #0045C9;
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .slogan-icon {
  position: absolute;
  right: 2.8rem;
  bottom: 4rem;
  display: block;
  width: 12rem;
  height: 12rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .slogan-icon {
    position: relative;
    right: unset;
    bottom: unset;
    margin-left: auto;
    margin-top: 2rem;
    width: 8rem;
    height: 8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box {
  padding-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box {
    padding: 2.4rem 0 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .slogan-badge {
    margin-left: 2.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-list {
  margin-top: 2.8rem;
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item {
  border: 0;
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item:first-child .dropdown-item-top {
  padding-top: 0;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item:last-child .dropdown-item-bottom {
    border-bottom-left-radius: max(1rem, 0.625vw);
    border-bottom-right-radius: max(1rem, 0.625vw);
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item:first-child .dropdown-item-top {
  padding-top: 0;
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top {
  padding: 1.6rem 0 2rem 0;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top {
    align-items: center;
    padding: 1.6rem 2.4rem 2rem 2.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box {
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box {
    flex-direction: row;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
  width: calc(100% - 3.2rem - 1rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .inner-box {
  padding: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .inner-box {
    padding: 2.4rem 2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .inner-box .dropdown-item-bottom-txt {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .inner-box .dropdown-item-bottom-txt:not(:last-child) {
  margin-bottom: 0.5333333333em;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.slogan .right-box .inner-box .dropdown-item-bottom-txt:not(:last-child) {
    margin-bottom: 0.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item {
  border-radius: max(1rem, 0.625vw);
  overflow: hidden;
}
.__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top {
  align-items: flex-start;
  padding: 4rem;
  background-color: #F8F8F8;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top {
    padding: 2.4rem 2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-txt {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-top .dropdown-item-top-arrow svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-bottom {
  padding: 0 4rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-bottom {
    padding: 0 2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-bottom .inner-box {
  padding: 2.4rem 0 4rem 0;
  border-top: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-bottom .inner-box {
    padding: 1.6rem 0 2.4rem 0;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.gray-dropdown .dropdown-item-bottom .inner-box .dropdown-item-bottom-txt {
  color: #555555;
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box {
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
  overflow: hidden;
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box.light-blue {
  margin-bottom: 2rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box.light-blue {
    margin-bottom: 1.6rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box.light-blue .top {
  background-color: #3379FF;
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box.blue .top {
  background-color: #0045C9;
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding: 2.4rem 3.2rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    padding: 2rem 2.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .step {
  padding: 0.4615384615em 0.9230769231em;
  color: #0045C9;
  background-color: #F2F6FC;
  border-radius: 9.9rem;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .step {
    padding: 0.2rem 0.8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
  flex: 1;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .top .color-box-title {
    font-size: 1.8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .bottom {
  padding: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .left-box .color-box .bottom {
    padding: 1.6rem 2rem 2.4rem 2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3.2rem;
  background-color: #F8F8F8;
  border-radius: max(1rem, 0.625vw);
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box {
    padding: 2.4rem 2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
  margin-bottom: 0.7272727273em;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    margin-bottom: 1.2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .box-title {
    font-size: 1.8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .data-row {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .data-row {
    gap: 0.8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .data-row .year {
  width: 11.2rem;
  padding: 1.6rem 0;
  border-radius: 0.6rem;
  border: 1px solid #D1E1FF;
  background-color: #EFF5FF;
  color: #0045C9;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .data-row .year {
    padding: 1.2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .data-row .data {
  flex: 1;
  padding: 1.6rem 2.4rem;
  border-radius: 0.6rem;
  border: 1px solid #E4E4E4;
  background-color: #ffffff;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .data-row .data {
    padding: 1.2rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row {
  display: flex;
  justify-content: center;
  padding: 1rem 0;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row {
    position: relative;
    padding: 0;
    margin: -0.9rem 0;
    z-index: 2;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row .arrow-line {
  position: relative;
  display: inline-block;
  height: 2.4rem;
  width: 2px;
  background-color: #0045C9;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row .arrow-line {
    display: none;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row .arrow-line::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 6px solid #0052cc;
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row .arrow {
  padding: 0.3rem 1rem;
  margin-left: 1rem;
  border-radius: 9.9rem;
  background-color: #0045C9;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row .arrow em {
  display: none;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box .arrow-row .arrow em {
    display: inline;
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box.ghg {
    margin-top: 2.4rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box.ghg .data-row:not(:last-child) {
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.generation .right-box .box.ghg .data-row:not(:last-child) {
    margin-bottom: 0.8rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .roadmap .roadmap-pc {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.roadmap .roadmap .roadmap-pc {
    display: none;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .roadmap .roadmap-mo {
  display: none;
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.roadmap .roadmap .roadmap-mo {
    display: block;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box {
  display: flex;
  background-color: #F8F8F8;
  border-radius: 1rem;
  border: 1px solid #D8D8D8;
  overflow: hidden;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .progress {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20rem 1rem 10rem;
  align-self: stretch;
  background: linear-gradient(to bottom, #C4DAFF, #4081FF, #0045C9);
  background: -webkit-linear-gradient(top, #C4DAFF, #4081FF, #0045C9);
  margin-right: 1.5rem;
  margin-bottom: 14rem;
  transition: ease 0.3s;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .progress::after {
  content: "";
  position: absolute;
  display: block;
  bottom: -8rem;
  left: 0;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 4.5rem solid transparent;
  border-top: 8rem solid #0045C9;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .progress .progress-year {
  display: inline-block;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  white-space: pre;
  writing-mode: vertical-rl;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list {
  width: 100%;
  padding: 2rem 2rem 2rem 0;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box {
  width: 100%;
  border: 1px solid #D8D8D8;
  border-radius: 0.6rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box:not(:last-child) {
  margin-bottom: 2rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box.open .top {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box.open .top-arrow {
  transform: rotate(180deg);
  transform-origin: center;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.2rem 1.6rem 1.2rem 2rem;
  background-color: #EFF5FF;
  border-radius: 0.6rem;
  cursor: pointer;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .top .title-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .top .title-box img {
  display: block;
  width: 5.2rem;
  height: 5.2rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .top .title-box .title {
  color: #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .top .top-arrow {
  transition: ease 0.3s;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom {
  overflow: hidden;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .bottom-inner {
  padding: 2rem;
  background-color: #ffffff;
  border-bottom-right-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  border-top: 1px solid #D8D8D8;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:not(:last-child) {
  margin-bottom: 1.6rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(1) .year {
  background-color: #6A9DFF;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(1) li::before {
  border-color: #6A9DFF;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(2) .year {
  background-color: #3173F2;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(2) li::before {
  border-color: #3173F2;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(3) .year {
  background-color: #195CDE;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(3) li::before {
  border-color: #195CDE;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year-box:nth-child(3) li:last-child {
  color: #195CDE;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom .year {
  padding: 0.2307692308em 0.7692307692em;
  border-radius: 0.4rem;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul {
  margin-top: 0.8rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul li {
  position: relative;
  padding-left: 2rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul li {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul li {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul li {
    font-size: 1.6rem;
  }
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul li:not(:last-child) {
  margin-bottom: 0.8rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .bottom ul li::before {
  content: "";
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  border: 3px solid #0045C9;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box,
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .white-box {
  display: flex;
  justify-content: center;
  border: 1px solid #E4E4E4;
  border-radius: 0.6rem;
  color: #555555;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box:not(:last-child),
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .white-box:not(:last-child) {
  margin-bottom: 0.8rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box {
  padding: 1.2rem 0;
  background-color: #F8F8F8;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box strong:not(:last-child) {
  margin-right: 0.6rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box sup,
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box sub {
  margin-left: 0.2rem;
  font-size: 1.1rem;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .gray-box sup {
  font-weight: 500;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .white-box {
  padding: 1rem 2rem;
  background-color: #ffffff;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .white-box .desc p {
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
  line-height: 2;
}
.__interbus__ #businessDesc1-1 .goal-content.roadmap .outer-box .inner-box-list .inner-box .white-box .desc img.arrow {
  width: 1.6rem;
  height: auto;
  margin-bottom: -0.3076923077em;
  margin-left: 0.4615384615em;
}

body.__modal-opened {
  overflow: hidden;
}

.__modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}
.__modal.__active {
  opacity: 1;
  visibility: visible;
  z-index: 19998;
}
.__modal .__modal-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.__modal .__modal-box {
  background: #fff;
  border-radius: 1.2rem;
  width: 100%;
  max-width: 1140px;
  margin: auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 80vh;
}
.__modal .__modal-box .__heading {
  flex-shrink: 0;
}
.__modal .__modal-box .__heading .__close {
  display: flex;
  padding: clamp(2rem, 1.25vw, 2.4rem) clamp(2rem, 1.25vw, 2.4rem) clamp(1.4rem, 1.25vw, 2.4rem);
}
.__modal .__modal-box .__heading .__close button {
  margin-left: auto;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.12);
  background: #FFF;
  text-indent: -999em;
  display: block;
  overflow: hidden;
  background: url(../images/pages/business/common/x.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 3.2rem;
  aspect-ratio: 1/1;
}
.__modal .__modal-box .__heading .__modal-title {
  padding: 0 clamp(2rem, 2.0833vw, 4rem);
  margin-bottom: 0.75em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__modal-box .__heading .__modal-title {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__modal-box .__heading .__modal-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__modal-box .__heading .__modal-title {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__modal .__modal-box .__heading .__tabmenu {
  padding: 0 clamp(2rem, 2.0833vw, 4rem);
}
.__modal .__modal-box .__body {
  flex: 1;
  padding: clamp(1.6rem, 2.0833vw, 4rem) calc(clamp(2rem, 2.0833vw, 4rem) - 1.4rem) clamp(4.3rem, 4.1666vw, 8rem) clamp(2rem, 2.0833vw, 4rem);
  overflow: scroll;
  box-sizing: border-box;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__modal-box .__body {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__modal-box .__body {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__modal-box .__body {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__modal .__modal-box .__body.__pt-0 {
  padding-top: 0 !important;
}
.__modal .__modal-box .__body::-webkit-scrollbar {
  width: 1.4rem;
  height: 1.4rem;
}
.__modal .__modal-box .__body::-webkit-scrollbar-thumb {
  background: #D8D8D8;
  border-radius: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border: 0.4rem #fff solid;
}
@media screen and (max-width: 600px) {
  .__modal .__modal-box .__body {
    padding-right: calc(clamp(2rem, 2.0833vw, 4rem) - 1rem);
  }
  .__modal .__modal-box .__body::-webkit-scrollbar {
    width: 1rem;
    height: 1rem;
  }
  .__modal .__modal-box .__body::-webkit-scrollbar-thumb {
    background: #D8D8D8;
    border-radius: 0.4rem;
    width: 0.4rem;
    height: 0.4rem;
    border: 0.3rem #fff solid;
  }
}
.__modal .__tabs .__content {
  display: none;
}
.__modal .__tabs .__content.__active {
  display: block;
}
.__modal .__summary-box {
  border-radius: 1.2rem;
  background: #F8F8F8;
  padding: clamp(2rem, 1.25vw, 2.4rem) clamp(2rem, 2.0833vw, 4rem);
  margin-bottom: 2.3333333333em;
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box {
    border-radius: 1rem;
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box {
    padding: 1.6rem 1.4rem;
  }
}
.__modal .__summary-box .__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.6666666667em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__summary-box .__title {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .__modal .__summary-box .__title {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.6rem;
  }
}
.__modal .__summary-box .__title h2 {
  display: flex;
  gap: 0.4166666667em;
  align-items: center;
}
.__modal .__summary-box .__title h2 i {
  width: 1.6666666667em;
}
.__modal .__summary-box .__title h2 i svg {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.__modal .__summary-box .__title p {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__summary-box .__title p {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box .__title p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__title p {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__modal .__summary-box .__summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.2727272727em;
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__summary {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] .__modal .__summary-box .__summary {
    flex-direction: column;
    align-items: flex-start;
  }
}
.__modal .__summary-box .__summary .__total {
  color: #0045C9;
}
.__modal .__summary-box .__summary .__total strong {
  font-weight: 500 !important;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(4.8rem, 2.9167vw, 5.6rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__summary-box .__summary .__total strong {
    font-size: clamp(4.8rem, 2.9167vw, 5.6rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box .__summary .__total strong {
    font-size: min(4.8rem, 6.6666vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__summary .__total strong {
    font-size: min(4.8rem, 6.6666vw);
  }
}
.__modal .__summary-box .__summary .__total i {
  margin-left: 0.3333333333em;
  display: inline-block;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__summary-box .__summary .__total i {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box .__summary .__total i {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__summary .__total i {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__modal .__summary-box .__summary .__detail {
  display: flex;
  gap: 0.9090909091em;
  row-gap: 0.1818181818em;
  flex-wrap: wrap;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__summary-box .__summary .__detail {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box .__summary .__detail {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__summary .__detail {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
.__modal .__summary-box .__summary .__detail dl {
  display: flex;
  align-items: center;
}
.__modal .__summary-box .__summary .__detail dl dt {
  margin-right: 0.4545454545em;
  color: #555555;
}
.__modal .__summary-box .__summary .__detail dl dd {
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-family: "Poppins", "Pretendard GOV", sans-serif;
  font-feature-settings: "ss04" 1;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__summary-box .__summary .__detail dl dd {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__summary-box .__summary .__detail dl dd {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__summary-box .__summary .__detail dl dd {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__modal .__overview {
  margin-bottom: 2.3333333333em;
}
.__modal .__overview .__title {
  margin-bottom: 1em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__overview .__title {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__overview .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__overview .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__modal .__overview .__box {
  background: #F8F8F8;
  border-radius: 0.8rem;
  padding: clamp(2rem, 1.25vw, 2.4rem) clamp(2rem, 2.0833vw, 4rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__overview .__box {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__overview .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__overview .__box {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__overview .__box {
    padding: 1.6rem 1.4rem;
  }
}
.__modal .__overview .__box dl {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr;
  row-gap: 0.8421052632em;
  gap: 0.8421052632em;
}
.__modal .__overview .__box dl dt {
  width: 5.2631578947em;
}
[lang=en] .__modal .__overview .__box dl dt {
  width: 7.8947368421em;
}
.__modal .__overview .__box dl dd {
  color: #2D2D2D;
}
@media screen and (max-width: 600px) {
  .__modal .__overview .__box dl {
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 1024px) {
  [lang=en] .__modal .__overview .__box dl {
    grid-template-columns: auto 1fr;
  }
}
.__modal .__history + .__history {
  margin-top: 2.3333333333em;
}
.__modal .__history .__title {
  margin-bottom: 1em;
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__history .__title {
    font-size: clamp(2rem, 1.25vw, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__history .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__history .__title {
    font-size: min(2.2rem, 5.128vw);
  }
}
.__modal .__history .__list {
  border-top: 2px solid #000;
  display: grid;
  grid-template-columns: auto 1fr;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.02em;
  font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__history .__list {
    font-size: clamp(1.8rem, 0.9896vw, 1.9rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__history .__list {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__history .__list {
    font-size: clamp(1.6rem, 4.1026vw, 1.8rem);
  }
}
.__modal .__history .__list dt,
.__modal .__history .__list dd {
  border-bottom: 1px solid #D8D8D8;
  padding: 1.2631578947em 0;
  text-wrap: pretty;
}
@media screen and (max-width: 600px) {
  .__modal .__history .__list dt,
  .__modal .__history .__list dd {
    padding: 1.5rem 0;
  }
}
.__modal .__history .__list dt .__year {
  padding: 0 2.1818181818em 0 1.0909090909em;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: -0.02em;
  font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__history .__list dt .__year {
    font-size: clamp(1.9rem, 1.1458vw, 2.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__history .__list dt .__year {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__history .__list dt .__year {
    font-size: clamp(1.7rem, 4.359vw, 1.9rem);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__history .__list dt .__year {
    padding: 0 2.4rem 0 0.8rem;
  }
}
.__modal .__history .__list .__nations {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 2.1052631579em;
  row-gap: 1.2631578947em;
}
.__modal .__history .__list .__nations .__nation {
  display: flex;
  align-items: center;
  gap: 0.5263157895em;
}
.__modal .__history .__list .__nations .__nation i {
  width: 1.6842105263em;
  height: 1em;
  position: relative;
  display: block;
}
.__modal .__history .__list .__nations .__nation i img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-54%);
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 600px) {
  .__modal .__history .__list .__nations {
    grid-template-columns: 1fr;
    row-gap: 0.8rem;
  }
  .__modal .__history .__list .__nations .__desc + .__nation {
    margin-top: 0.8rem;
  }
}
.__modal .__history .__list .__detail p + p {
  margin-top: 0.3157894737em;
}
.__modal .__table-block {
  display: grid;
  gap: 0.75em;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__table-block {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__table-block {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__table-block {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__modal .__table-block + .__table-block {
  margin-top: 1em;
}
.__modal .__table-block h3 {
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.02em;
  font-size: clamp(2.4rem, 1.667vw, 3.2rem);
}
@media screen and (max-width: 1440px) {
  .__modal .__table-block h3 {
    font-size: clamp(2.4rem, 1.667vw, 3.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .__modal .__table-block h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
@media screen and (max-width: 600px) {
  .__modal .__table-block h3 {
    font-size: min(2.4rem, 5.641vw);
  }
}
.__modal .__table-block .__table-container {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  overflow: auto;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .__modal .__table-block .__table-container {
    padding-bottom: 1.6rem;
  }
}
.__modal .__table-block .__table-container::-webkit-scrollbar {
  height: 4px;
}
.__modal .__table-block .__table-container::-webkit-scrollbar-thumb {
  background-color: #8E8E8E;
  border-radius: 4px;
  border: 2px solid #8E8E8E;
}
.__modal .__table-block .__table-container::-webkit-scrollbar-track {
  background-color: #E4E4E4;
  border-radius: 50px;
}
.__modal .__table-block .__table-container .__table-box {
  border: 1px solid #D8D8D8;
  border-radius: 0.8rem;
  overflow: hidden;
  white-space: nowrap;
  display: inline-flex;
  min-width: 100%;
  box-sizing: border-box;
}
.__modal .__table-block .__table-container table {
  width: calc(100% + 2px);
  border-collapse: collapse;
  font-size: inherit;
  margin: -1px;
}
.__modal .__table-block .__table-container table th {
  border: 1px solid #D8D8D8;
  background: #F0F0F0;
}
.__modal .__table-block .__table-container table th,
.__modal .__table-block .__table-container table td {
  padding: 1.0666666667em;
  border-bottom: 1px solid #D8D8D8;
  text-align: center;
  white-space: nowrap;
  color: #555555;
}
@media screen and (max-width: 1024px) {
  .__modal .__table-block .__table-container table th,
  .__modal .__table-block .__table-container table td {
    padding: 1.2rem;
  }
}
.__modal .__table-block .__table-container table thead th {
  color: #1D1D1D;
}
.__modal .__table-block .__table-container table tbody th {
  background: #F8F8F8;
  border-top: 0;
}
.__modal .__table-block .__table-container table .right {
  text-align: right;
}
.__modal .__table-block .__table-container table .vertical-middle {
  vertical-align: middle;
}
.__modal .__table-block .__notice {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.__modal .__table-block .__notice li {
  position: relative;
  padding-left: 1.15em;
}
.__modal .__table-block .__notice li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.__modal .__table-block .__notice li + li {
  margin-top: 0.2em;
}

/* 영문 전용 - business > overseas */
.sub-section[data-current-page=overseas] .energy-solutions-container .card-list {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=overseas] .energy-solutions-container .card-list + .pagination {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=overseas] .contractual-integrity-container .sub-component-title-box {
  justify-content: flex-end;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=overseas] .contractual-integrity-container .contractual-integrity-component {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=overseas] .contractual-integrity-container .card:not(.content-2) {
    padding: 3.2rem;
  }
}
.sub-section[data-current-page=overseas] .contractual-integrity-container .card.scope {
  gap: 1.6rem;
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=overseas] .contractual-integrity-container .card.scope {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
}
.sub-section[data-current-page=overseas] .contractual-integrity-container .card.scope .scope-text {
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=overseas] .contractual-integrity-container .card.scope .scope-text {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .contractual-integrity-container .card.scope .scope-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=overseas] .contractual-integrity-container .card.scope .scope-text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .procurement-notice-container .card-list,
  .sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card-list {
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=overseas] .procurement-notice-container .card,
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card {
  transition: ease 0.3s;
}
.sub-section[data-current-page=overseas] .procurement-notice-container .card .card-bottom-box,
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card .card-bottom-box {
  flex-direction: column;
  align-items: flex-start;
  padding: 1.6rem 2.4rem 2.4rem 2.4rem;
}
.sub-section[data-current-page=overseas] .procurement-notice-container .card dl,
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=overseas] .procurement-notice-container .card dl:not(:last-child),
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card dl:not(:last-child) {
  margin-bottom: 0.3rem;
}
.sub-section[data-current-page=overseas] .procurement-notice-container .card dl dt,
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card dl dt {
  color: #1D1D1D;
  margin-right: 0.4rem;
}
.sub-section[data-current-page=overseas] .procurement-notice-container .card dl dd,
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .card dl dd {
  color: #555555;
}
.sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .table-container table {
  /* 영문 텍스트 가운데 정렬 */
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .table-container table colgroup {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  [lang=en] .sub-section[data-current-page=overseas] .public-information-for-private-contracts-container .table-container table td {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription {
  flex-direction: row;
  align-items: center;
  gap: 4rem;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .left {
  color: #1D1D1D;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .title {
  margin-bottom: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .title {
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .desc {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription .desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription img {
  display: block;
  width: auto;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription img.d {
  height: 16rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription img.d {
    display: none;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription img.m {
  height: 11rem;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .card.discription img.m {
    display: none;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .sub-component-title-box.search {
  margin-top: 2.4rem;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .card {
  padding: 3.6rem 3rem;
  min-height: 26.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .card {
    padding: 2.4rem;
    min-height: auto;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .card .logo {
  height: 3.2rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .card .logo {
    margin-bottom: 1.6rem;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .card .logo img {
  display: block;
  height: 100%;
  width: auto;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name span {
  color: #1D1D1D;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name .icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-name .icon svg {
  width: 100%;
  height: 100%;
  margin-top: 0.2368421053em;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .company-desc {
  margin-top: 0.4rem;
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .badge-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .badge-box {
    margin-top: 1.2rem;
  }
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .badge-box .badge {
  display: inline-flex;
  padding: 0.3rem 0.8rem;
  border-radius: 0.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .badge-box .badge.blue {
  background-color: #EFF5FF;
  color: #0045C9;
}
.sub-section[data-current-page=overseas] .kepco-trusted-partners-container .sub-component .card-list .badge-box .date {
  padding: 0.3rem 0;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}

.sub-section[data-current-page=disoverview] .card.content-2 {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=disoverview] .disoverview-info-component {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disoverview] .disoverview-info-component {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=disoverview] .disoverview-info-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=disoverview] .disoverview-info-component .sub-component-txt {
  margin-bottom: 0;
}
.sub-section[data-current-page=disoverview] .disoverview-card-info-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box {
  padding: 3.2rem;
  height: 100%;
  border-radius: max(1rem, 0.625vw);
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .info-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
  height: 100%;
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .txt-box {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .txt-box .title {
  margin-top: 0;
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .txt-box .txt {
  margin-top: 0;
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .icon {
  margin-left: auto;
}
.sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .icon img {
  display: block;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .info-box {
    gap: 0.8rem;
  }
  .sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .info-box br {
    display: none;
  }
  .sub-section[data-current-page=disoverview] .disoverview-claimant-component .row .disoverview-box .icon img {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.sub-section[data-current-page=disoverview] .disoverview-information-component .sub-component-title-box {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=disoverview] .disoverview-information-component .card-information {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disoverview] .disoverview-information-component .card-information {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex {
  display: flex;
  flex-flow: column;
  gap: 1.2rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex {
    gap: 1.6rem;
  }
}
.sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex .cont_sec {
  display: flex;
  flex-flow: wrap;
  gap: 0.6rem 1.2rem;
  align-items: center;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex .cont_sec {
    gap: 0.2rem 0.8rem;
  }
  .sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex .cont_sec:not(.no-bottom) {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 1.6rem;
  }
}
.sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex .cont_sec .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=disoverview] .disoverview-information-component .card-information .row .content-flex .cont_sec .txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}

.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  /*
  .form-container{
    .Procedure-title{
      display: flex;
      align-items: center;
      gap: 1.25rem;
      .tit{
        @include typography-sub2.sub2-title-m;
      }
    }
    .form-wrap{
      position: relative;
      gap:0.75rem;
      padding-left: 4.5rem;
      padding-top: var.$spacing-2;
      margin-bottom: var.$spacing-2;
      &:before{
        content: "";
        position: absolute;
        display: block;
        top: 5px;
        left: 15px;
        border-left: 1px solid #e4e4e4;
        height: 98%;
      }
      .form-item-row{
        .form-item{
          &.inner-wrap{
            display: flex;
            gap: var.$spacing-1;
            .form-input-item{
              width: 100%;
              max-width: 50%;
            }
          }
          @media screen and (max-width:var.$breakpoint-mobile){
            &.inner-wrap{
              flex-direction: column;
              gap: 0.75rem;
              .form-input-item{
                width: 100%;
                max-width: 100%;
              }
            }
          }
        }
        .form-input-item{
          &.blue{
            &.last{
              .txt{
                border: 1px solid var.$primary-blue-50;
                background-color: var.$primary-blue-50;
                color: var.$white;
              }
            }
            .txt{
              border: 1px solid var.$primary-blue-10;
              background-color: var.$primary-blue-5;
              color: var.$primary-blue-50;
              border-radius: var.$radius-1; 
              padding: 1.2rem 3.2rem;
              @include typography-sub2.sub2-label-s;
            }

          }
          &.white{
            .txt{
              border: 1px solid var.$gray-30;
              background-color: var.$white;
              color: var.$gray-70;
              border-radius: var.$radius-1; 
              padding: 1.2rem 3.2rem;
              @include typography-sub2.sub2-label-s;
            }
          }
          @media screen and (max-width:var.$breakpoint-mobile){
            &.blue{
              &.last{
                .txt{
                  padding-left: 1.6rem;
                }
              }
              .txt{
                padding-left: 1.6rem;
              }

            }
            &.white{
              .txt{
                padding-left: 1.6rem;
              }
            }

          }
        } 
      }
      @media screen and (max-width:var.$breakpoint-tablet){
          .form-item-row {
            flex-direction: column;
            margin: 0;
            gap: 0.75rem;
        }
      }
    }
  }*/
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .inner {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .inner .sub-component-title {
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box {
  display: flex;
  gap: 1.2rem;
  justify-content: flex-end;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box .procedure-sec-box p {
  border-radius: 0.6rem;
  padding: 0.8rem 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box .procedure-sec-box p.sec-blue {
  border: 1px solid #94B8FF;
  background-color: #ffffff;
  color: #0045C9;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box .procedure-sec-box p.sec-gray {
  border: 1px solid #D8D8D8;
  background-color: #F8F8F8;
  color: #1D1D1D;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box {
    display: flex;
    gap: 1rem;
    width: 100%;
    justify-content: flex-end;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box .procedure-sec-box {
    width: 100%;
    max-width: 50%;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box .procedure-box .procedure-sec-box p {
    width: 100%;
    text-align: center;
    padding: 1.2rem 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .sub-component-title-box {
    flex-direction: column;
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box svg {
  display: block;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box svg * {
  font-family: "Pretendard GOV", Pretendard;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box svg.m-ver {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box svg.m-ver {
    display: block;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disprocedure-Procedure-component .disprocedure-process-box svg.pc-ver {
    display: none;
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .sub-component-title-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box {
  flex-direction: column;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 1.2rem;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit span {
  display: inline-flex;
  color: #0045C9;
  background-color: #F2F6FC;
  border-radius: 50px;
  padding: 0.4rem 1.2rem;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-txt {
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-txt {
  color: #555555;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom {
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom .inner-box {
  border-top: 0;
  padding: 3.2rem;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom .inner-box .dot-txt-list:not(:last-child) {
  margin-bottom: 2.4rem;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom .inner-box .dropdown-item-bottom-title {
  color: #555555;
  margin-bottom: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dot-txt-list .dot-txt.no-dot {
  padding-left: 1.1rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dot-txt-list .dot-txt.no-dot {
    padding-left: 0.9rem;
  }
}
.sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dot-txt-list .dot-txt.note::before {
  content: "*";
  background: none;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box {
    gap: 1.2rem;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit {
    gap: 0.8rem;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-top .title-box .dropdown-item-top-tit span {
    padding: 0.2rem 0.8rem;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom {
    border-radius: 0;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom .inner-box {
    padding: 2rem;
  }
  .sub-section[data-current-page=disprocedure] .disprocedure-container .disoverview-processing-component .dropdown-item-bottom .inner-box .dropdown-item-bottom-title {
    margin-bottom: 0.8rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}

.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .card.download-2 {
  width: 100%;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container {
  padding-bottom: 4rem;
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top {
  padding-bottom: 2rem;
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box {
  flex-direction: column;
  width: 100%;
  gap: 0;
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
  width: 100%;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  border-bottom: 1px solid #D8D8D8;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt .blue {
  color: #0045C9;
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-bottom {
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-bottom .inner-box {
  border-top: 0;
  padding: 3.2rem;
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-bottom .inner-box .dropdown-item-bottom-title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
  color: #555555;
}
.sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container:not(:last-child) {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-bottom {
    margin: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container {
    padding-bottom: 0;
  }
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top {
    padding-bottom: 0;
  }
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  .sub-section[data-current-page=notdisinfo] .notdisinfo-container .notdisinfo-component .dropdown-container .dropdown-item-bottom .inner-box {
    padding: 1.6rem;
  }
}

@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=analysis] .analysis-disforms-container .card {
    flex-direction: column;
    align-items: flex-start;
  }
  .sub-section[data-current-page=analysis] .analysis-disforms-container .card .btn {
    width: 100%;
  }
}

.sub-section[data-current-page=addisclosure] .addisclosure-container .addisclosure-component .sub-search-container {
  margin-top: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=addisclosure] .board-detail .detail-top {
  border-bottom: unset;
}
.sub-section[data-current-page=addisclosure] .board-detail .detail-top .sub-component-title-box {
  margin-top: 0;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}

/* 정보공개 > 사전정보공표 */
.sub-section[data-current-page=addisclosure] .addisclosure-category-box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box {
  padding: 3.2rem;
  margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 6), 1fr);
  gap: 0.8rem;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  justify-content: center;
  align-items: center;
  padding: 2rem 2.4rem;
  background-color: #F8F8F8;
  border-radius: 0.6rem;
  height: 100%;
  border: 1px solid transparent;
  transition: 0.3s ease;
  transition-property: background-color, border-color;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a .icon {
  display: flex;
  align-items: center;
  height: 6.4rem;
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  color: #0045C9;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a .icon img {
  display: block;
  height: 100%;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a .tit {
  color: #717171;
  transition: 0.3s ease;
  transition-property: color, font-weight;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item.active a {
  background-color: #EFF5FF;
  border-color: #D1E1FF;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item.active a .tit {
  font-weight: 700;
  color: #0045C9;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a:hover {
    background-color: #EFF5FF;
    border-color: #D1E1FF;
  }
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a:hover .tit {
    font-weight: 700;
    color: #0045C9;
  }
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-btn {
  display: none;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-btn::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 5.2rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-btn .icon {
  display: inline-flex;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-btn .icon svg {
  display: block;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box.open .category-btn {
  margin-top: 1.6rem;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box.open .category-btn::before {
  display: none;
}
.sub-section[data-current-page=addisclosure] .addisclosure-category-box.open .category-btn .icon {
  transform: rotate(-180deg);
}
@media screen and (min-width: calc(600px + 1px)) {
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list {
    height: auto !important;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list {
    grid-template-columns: repeat(min(var(--grid-columns-t, 4), 4), 1fr);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list {
    height: 17.2rem;
    overflow: hidden;
    grid-template-columns: repeat(min(var(--grid-columns-m, 2), 2), 1fr);
  }
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a {
    flex-direction: row;
    justify-content: flex-start;
    gap: 0.8rem;
    padding: 1rem 1.2rem;
  }
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a .icon {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 16px;
  }
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-list .category-item a .tit {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .sub-section[data-current-page=addisclosure] .addisclosure-category-box .category-btn {
    display: flex;
  }
}
.sub-section[data-current-page=addisclosure] .addisclosure-list-top {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=addisclosure] .addisclosure-list-top .card.content-2 {
  overflow: hidden;
}
.sub-section[data-current-page=addisclosure] .addisclosure-list-top .card.content-2 .bottom-box {
  padding: 0;
}

.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .download-box {
  margin-top: 2.4rem;
}
.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .download-box .card {
  width: 100%;
  padding: 1.6rem 2.4rem;
}
.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .download-box .card .download-btn-box {
  display: flex;
  gap: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .btn-box {
    flex-direction: column;
  }
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .btn-box .txt-btn {
    width: 100%;
  }
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .download-box {
    margin-top: 0.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .download-box .download-btn-box {
    width: 100%;
  }
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-info-component .card.content-2 .download-box .download-btn-box .btn {
    flex: 1;
  }
}
.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-survey-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-survey-component .sub-component-title-box .sub-component-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-idea-component .sub-component-title-box .sub-component-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-idea-component .card-bottom-box .btn-box button {
    width: 100%;
  }
  .sub-section[data-current-page=pbdatasystem] .pbdatasystem-container .pbdatasystem-idea-component .card-bottom-box .btn-box a {
    width: 100%;
  }
}

.sub-section[data-current-page=pbdatalist] .pbdatalist-container .pbdatalist-component {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=pbdatalist] .pbdatalist-container .pbdatalist-component {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=pbdatalist] .pbdatalist-container .pbdatalist-component {
  padding: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}

.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-info-component {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-privacy-component {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-privacy-component .customer-agree-container .form-wrap {
  gap: 1.6rem;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-privacy-component .customer-agree-container .agree-form-notice {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-privacy-component .customer-agree-container .agree-form-notice {
    margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-container {
  padding: 4.8rem 4rem;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap {
  gap: 4rem;
  padding-bottom: 4rem;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row {
  margin: 0;
  padding-top: 0;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row:not(:first-child) {
  padding-top: 4rem;
  border-top: 1px solid #E4E4E4;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .input-radio-box.etc-box {
  flex-direction: column;
  align-items: flex-start;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .input-radio-box.etc-box .input-radio-item {
  width: 100%;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .input-radio-box.etc-box .input-radio-item.etc-item {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .input-radio-box.etc-box .input-radio-item.etc-item .wrap {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .input-radio-box.mo-column {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item {
  padding: 0;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .card {
  padding: 3.2rem;
  margin-top: 1.6rem;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .card.survey {
  border: 0;
  background-color: #F0F0F0;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .card.survey .survey-item-tit {
  color: #454545;
  font-size: 1.6rem;
  letter-spacing: -0.01em;
  font-weight: 600;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .card.survey .input-text {
  background-color: #ffffff;
  margin-top: 1.2rem;
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .form-title {
  padding: 0;
  margin-bottom: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .form-title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .form-title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .form-title {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .input-radio-box, .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .input-checkbox-box {
  column-gap: 2.4rem;
  row-gap: 0.8rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-container {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap {
    gap: 2.4rem;
    padding-bottom: 2.4rem;
  }
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row:not(:first-child) {
    padding-top: 2.4rem;
    border-top: 1px solid #E4E4E4;
  }
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .card {
    padding: 2.4rem;
    margin-top: 0.8rem;
  }
  .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .input-radio-box, .sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-component .form-wrap .form-item-row .form-item .input-checkbox-box {
    column-gap: 1.6rem;
    row-gap: 1rem;
  }
}
.sub-section[data-current-page=pbdatasurvey] .pbdatasurvey-container .pbdatasurvey-survey-btn {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  display: flex;
  justify-content: center;
}

.sub-section[data-current-page=realnameguide] .board-detail .detail-top {
  border-bottom: unset;
}
.sub-section[data-current-page=realnameguide] .board-detail .detail-top .detail-top-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container {
  padding-bottom: 4rem;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box {
  flex-direction: column;
  width: 100%;
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
  width: 100%;
  padding-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  border-bottom: 1px solid #D8D8D8;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-top .title-box .dropdown-item-top-txt .blue {
  color: #0045C9;
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-bottom .inner-box .dropdown-item-bottom-title {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
  color: #555555;
}
.sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container:not(:last-child) {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container .dropdown-item-bottom {
    margin: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=realnameguide] .inner-top-contents .dropdown-container {
    padding-bottom: 0;
  }
}
.sub-section[data-current-page=realnameguide] .addisclosure-container .addisclosure-component .sub-component-title-box {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}

/* 정보공개 > 사업실명제 */
.sub-section[data-current-page=realnameguide] .card .bottom-box .gray-box .gray-tit {
  display: block;
  color: #555555;
  margin-bottom: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-content {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top {
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #3379FF;
  border-radius: max(0.6rem, 0.41666vw);
  padding: 2.4rem;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .tit-box {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .tit-box .badge {
  display: inline-flex;
  padding: 0.3rem 0.8rem;
  background-color: #0053F2;
  border-radius: 0.6rem;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .tit-box .tit {
  color: #ffffff;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top .tit-box .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top .tit-box .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top .tit-box .tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box {
  display: flex;
  gap: 0.4rem;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box .txt-btn, .sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box svg {
  color: #ffffff;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box .txt-btn::before {
  display: none;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box .txt-btn span {
  position: relative;
}
.sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box .txt-btn span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.2s ease;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box .txt-btn:hover span::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top {
    padding: 1.6rem 2.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top {
    flex-direction: column;
    align-items: normal;
    gap: 1.2rem;
  }
  .sub-section[data-current-page=realnameguide] .realnameguide-list-top .btn-box {
    justify-content: flex-end;
  }
}

.table-container table .center a {
  text-align: center;
}
.table-container table .left a {
  text-align: left;
}
.table-container table .right a {
  text-align: right;
}

.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .sub-component-title-box .sub-component-txt {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card {
    width: 100%;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title {
  max-height: none;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title {
  color: #0045C9;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
  font-size: max(5.2rem, 3.3333vw) !important;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
    font-size: clamp(5.6rem, 3.33333vw, 6.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
    font-size: max(3.4rem, 5.20833vw);
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
    font-size: max(3.4rem, 5.20833vw);
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
  margin-right: 0.75rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
    font-size: max(4.8rem, 6.25vw) !important;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box .card.info.style01 .title .custom-number {
    font-size: max(4.4rem, 12.3077vw) !important;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-list-box {
    flex-direction: column;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-bottom-box .custom-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-bottom-box .custom-box .info {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-bottom-box .custom-box .info {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-bottom-box .custom-box .info {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-info-component .card-bottom-box .custom-box .info {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .sub-component-title-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box {
  padding: 3.2rem;
  height: 100%;
  border-radius: max(1rem, 0.625vw);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .info-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.6rem;
  height: 100%;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .txt-box {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .txt-box .title {
  margin-top: 0;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .txt-box .txt {
  margin-top: 0;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .icon {
  margin-left: auto;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .icon img {
  display: block;
  width: 8rem;
  height: 8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .info-box {
    gap: 0.8rem;
  }
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-claimant-component .row .transinfo-box .icon img {
    width: 6.4rem;
    height: 6.4rem;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .sub-component-title-box {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .transinfo-title {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .transinfo-title .number {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  color: #ffffff;
  background-color: #0045C9;
  border-radius: 50%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .transinfo-title .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .transinfo-title .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .transinfo-title .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .transinfo-title .tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .wrap {
  position: relative;
  gap: 0.75rem;
  padding-left: 4.5rem;
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .wrap:before {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 15px;
  border-left: 1px solid #e4e4e4;
  height: 98%;
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .wrap .step-cont {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .wrap .step-cont {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .wrap .step-cont {
  padding: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=transstatus] .transstatus-transinfo-container .transinfo-step-component .step-container .wrap .step-cont .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=transstatus] .board-list-tbody .board-list-row .column:not(.board-title):not(.board-link):not(.board-file):not(.board-m-display-none) {
  column-gap: 0.8rem;
}

.sub-section[data-current-page=internalrule] .internalrule-content {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=internalrule] .card .card-top-box {
  border-bottom: 0;
}
.sub-section[data-current-page=internalrule] .card .card-top-box .badge-box {
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=internalrule] .card .card-top-box .date {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=internalrule] .card .card-top-box .title {
  overflow: visible;
  white-space: wrap;
}
.sub-section[data-current-page=internalrule] .card .card-bottom-box {
  display: block;
  margin-top: 0;
  padding-top: 1.6rem;
  border-top: 1px solid #F0F0F0;
}
.sub-section[data-current-page=internalrule] .card .btn-box {
  display: flex;
  gap: 0.8rem;
  width: 100%;
}
.sub-section[data-current-page=internalrule] .card .btn-box .btn {
  flex: 1;
}

[data-current-page=revision] .board-list-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}

.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .sub-component-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .sub-component-title {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title:only-child {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title:only-child,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title:only-child {
    margin-bottom: 1.6rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .number,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .number {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  color: #ffffff;
  background-color: #0045C9;
  border-radius: 50%;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .number {
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .number {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .number {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .number,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .number {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .tunnel-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .overhead-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .underground-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .substation-title .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .tunnel-title .tit {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap {
  position: relative;
  gap: 0.75rem;
  padding-left: 4.5rem;
  padding-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap:before,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap:before {
  content: "";
  position: absolute;
  display: block;
  top: 5px;
  left: 15px;
  border-left: 1px solid #e4e4e4;
  height: 98%;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .tit {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .tit {
  margin-bottom: 2.4rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont {
  padding: 3.2rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont {
    padding: 2rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .tit {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .txt {
  margin-bottom: 0.8rem;
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .txt,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .txt {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .txt {
  font-size: 1.6rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .txt:only-child,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .txt:only-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list {
  padding-left: 0.8rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child),
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list:not(:last-child) {
  padding-bottom: 0.8rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt {
  font-size: 1.6rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .dot-txt-list .dot-txt.bold {
  font-size: 1.6rem;
}
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
.sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit {
  color: #555555;
  margin-bottom: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap {
    margin-bottom: 1.6rem;
    padding-top: 1.2rem;
    padding-left: 4rem;
  }
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap:before,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap:before {
    left: 12px;
  }
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-overhead-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-underground-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-substation-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .overhead-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .underground-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .substation-step-component .step-container .wrap .step-cont .step-cont-tit,
  .sub-section[data-current-page=conprocedure] .conprocedure-tunnel-container .tunnel-step-component .step-container .wrap .step-cont .step-cont-tit {
    margin-bottom: 0.8rem;
  }
}

.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-top-tit {
  width: 100%;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content {
  display: block;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-1 {
  fill-opacity: 0.2;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-1, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-2, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-3, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-4, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-5, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-7, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-8, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-9 {
  stroke-width: 0px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-1, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-3, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-10 {
  fill: #000;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-2 {
  fill: #eff5ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-3 {
  fill-opacity: 0.1;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-11 {
  font-family: "Pretendard GOV", Pretendard;
  font-size: 15px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-11, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-12 {
  fill: #454545;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-13 {
  opacity: 0.8;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-4 {
  fill: silver;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-5 {
  fill: #f5f5f5;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-14 {
  fill: none;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-10, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-15, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-12, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-16 {
  font-family: "Pretendard GOV", Pretendard;
  font-size: 17.8px;
  font-weight: 500;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-15 {
  fill: #e81d21;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-17 {
  clip-path: url(#clippath);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-16 {
  fill: #0146ca;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-14 {
  stroke: #000;
  stroke-opacity: 0.1;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-7 {
  fill: #fff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-8 {
  fill: #e4e4e4;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content .cls-9 {
  fill: #ffb8b9;
  fill-opacity: 0.3;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo {
  display: none;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-1 {
  fill: #0146ca;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-1, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-2, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-3, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-4 {
  font-family: "Pretendard GOV", Pretendard;
  font-size: 13px;
  font-weight: 500;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-2 {
  fill: #000;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-5 {
  fill: #eff5ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-5, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-7, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-8, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-9, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-10, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-11, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-12 {
  stroke-width: 0px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-3, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-13 {
  fill: #454545;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-6 {
  fill: silver;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-7 {
  fill: #f5f5f5;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-13 {
  font-family: "Pretendard GOV", Pretendard;
  font-size: 12px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-8, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-14, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-15, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-16 {
  fill: none;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-14 {
  stroke: #000;
  stroke-opacity: 0.1;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-15 {
  stroke: #f0f0f0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-4 {
  fill: #e81d21;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-17 {
  clip-path: url(#clippath);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-9 {
  fill: #fef4f4;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-10 {
  fill: #fff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-11 {
  fill: #e4e4e4;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-12 {
  fill: #f8f8f8;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo .cls-16 {
  stroke: #d8d8d8;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content {
    display: none;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component #compensation_content_mo {
    display: block;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom {
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .dropdown-item-bottom-title,
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .dropdown-item-bottom-txt {
  color: #555555;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .inner-box {
  border-top: 0;
  padding: 3.2rem;
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom > .card {
  padding: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom > .card .dropdown-item-bottom-title {
  margin-bottom: 0.6rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom.custom {
  background: #fff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom.custom .inner-box {
  background-color: #F8F8F8;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .numbered-text {
  position: relative;
  text-indent: 0;
  padding-left: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .numbered-text::before {
  content: attr(data-number);
  position: absolute;
  left: 0;
  top: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section:not(:last-child) {
  margin-bottom: 2.4rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-title {
  margin-bottom: 1.2rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt:not(:last-child) {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .sub-txt {
  display: inline-block;
  width: 100%;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .sub-txt.bold {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .dot-txt.bold {
  font-weight: 700;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.numbered-text {
  margin-bottom: 0.6rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.numbered-text .dot-txt-list {
  margin-top: 0.8rem;
  gap: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.numbered-text .dot-txt-list .dot-txt {
  color: #555555;
  font-weight: 700;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card {
  background-color: #F0F0F0;
  padding: 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card {
  border: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card:not(:last-child) {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card:not(:first-child) {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card:not(:first-child) .dropdown-item-bottom-title {
  margin-bottom: 0.6rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card .dropdown-item-bottom-txt {
  padding-left: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card .dropdown-item-bottom-txt.info {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .table-container {
  margin-bottom: 2.4rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .table-container .table-txt.top {
  vertical-align: top;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .table-container .table-txt .dot-txt.bold {
  font-weight: 700;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .mobile-content {
  display: none;
  flex-direction: column;
  gap: 1.2rem;
  margin-bottom: 2.4rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .mobile-content dl {
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  overflow: hidden;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .mobile-content dt {
  text-align: center;
  background-color: #E4E4E4;
  padding: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .mobile-content dd {
  background-color: #ffffff;
  padding: 1.2rem 1.6rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .mobile-content .dot-txt.bold {
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom {
    border-radius: 0;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom > .card {
    padding: 2.4rem;
    border: 0;
    border-top: 1px solid #F0F0F0;
    border-radius: 0;
    margin-bottom: 0;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .inner-box {
    border-radius: 0;
    padding: 2.4rem;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .table-container {
    display: none;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .mobile-content {
    display: flex;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .card {
    padding: 2.4rem;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-title {
    margin-bottom: 0.8rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-compensation-container .compensation-dropdown-component .dropdown-item.open + .dropdown-item {
  border-top: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-top-tit {
  width: 100%;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content {
  display: block;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content * {
  font-family: "Pretendard GOV", Pretendard;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-1 {
  fill: #eff5ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-1, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-2, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-3, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-4 {
  stroke-width: 0px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-5 {
  stroke: #94b8ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-5, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-7, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-8, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-9 {
  fill: none;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-10 {
  fill: #555;
  font-family: "Pretendard GOV", Pretendard;
  font-size: 17px;
  font-weight: 700;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-11 {
  fill: #0045c9;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-11, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-12 {
  font-family: "Pretendard GOV", Pretendard;
  font-size: 16px;
  font-weight: 600;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-12 {
  fill: #1d1d1d;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-6 {
  stroke-dasharray: 0 0 1 4;
  stroke-linecap: round;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-9 {
  stroke: #c6c6c6;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-13 {
  letter-spacing: 0.3em;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-2 {
  fill: #c6c6c6;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-3 {
  fill: #fff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-7 {
  stroke: #d1e1ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-8 {
  stroke: #d8d8d8;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content .cls-4 {
  fill: #f0f0f0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo {
  display: none;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo * {
  font-family: "Pretendard GOV", Pretendard;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-1 {
  fill: #555;
  font-family: "Pretendard GOV", Pretendard;
  font-size: 15.5px;
  font-weight: 700;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-2 {
  fill: #eff5ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-2, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-3, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-4, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-5 {
  stroke-width: 0px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-6 {
  font-size: 12px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-7 {
  fill: #1d1d1d;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-6, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-7, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-8 {
  font-family: "Pretendard GOV", Pretendard;
  font-weight: 600;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-9 {
  stroke: #94b8ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-9, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-10, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-11, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-12, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-13, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-14 {
  fill: none;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-7, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-8 {
  font-size: 14px;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-15 {
  letter-spacing: 0.3em;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-10 {
  stroke-dasharray: 0 0 1 4;
  stroke-linecap: round;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-10, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-14 {
  stroke: #c6c6c6;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-11 {
  stroke: #f0f0f0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-3 {
  fill: #c6c6c6;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-4 {
  fill: #fff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-12 {
  stroke: #d1e1ff;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-13 {
  stroke: #d8d8d8;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-5 {
  fill: #f0f0f0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo .cls-8 {
  fill: #0045c9;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content {
    display: none;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component #support_content_mo {
    display: block;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom {
  border-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .dropdown-item-bottom-title {
  color: #555555;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .dropdown-item-bottom-txt {
  color: #717171;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .dropdown-item-bottom-txt .dot-txt-list {
  margin-top: 0.4rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom > .inner-box {
  border-top: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section:not(:last-child) {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt:not(:last-child) {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt.bold, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .bold {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .sub-txt {
  display: inline-block;
  width: 100%;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .dropdown-item-bottom-txt .sub-txt.bold {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .card {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .card {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .card {
  border: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .card:not(:last-child) {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .card:not(:first-child) {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .card .dropdown-item-bottom-txt {
  padding-left: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .table-container {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .table-container .table-txt.top {
  vertical-align: top;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .table-container .table-txt .dot-txt.bold {
  font-weight: 700;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section.step-custom {
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 45px;
  row-gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card {
    padding: 2.4rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card {
  padding: 0;
  position: relative;
  border: 1px solid #94B8FF;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  padding: clamp(0.8rem, 0.833333vmax, 1.6rem) clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  color: #1D1D1D;
  text-align: center;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card p:nth-of-type(1) {
  color: #0045C9;
  background-color: #EFF5FF;
  border-top-left-radius: max(0.6rem, 0.41666vw);
  border-top-right-radius: max(0.6rem, 0.41666vw);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card p:nth-of-type(2) {
  border-bottom: 1px solid #E4E4E4;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card p {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(1)::before, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(2)::before, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(3)::before, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(5)::before, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(6)::before, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(7)::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -36px;
  color: #0071c1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='24' height='24' rx='12' fill='%230045C9'/%3E%3Cmask id='mask0_1238_86698' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='3' y='3' width='18' height='19'%3E%3Crect x='3' y='3.5' width='18' height='18' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1238_86698)'%3E%3Cpath d='M9.75 16.25L13.5 12.5L9.75 8.75' stroke='white' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 24px;
  width: 24px;
  height: 25px;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(2)::before, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process .process-card:nth-child(6)::before {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .box-section .support-process {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .flex-box-section {
  display: flex;
  gap: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .flex-box-section .dropdown-item-bottom-title {
  min-width: 8rem;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container {
  margin-top: 0;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container.custom {
  border-top: 1px solid #D8D8D8;
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container.custom colgroup col:first-child {
  width: 20rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom {
    border-radius: 0;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .flex-box-section {
    gap: 0.35rem;
    margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .flex-box-section .dropdown-item-bottom-title {
    margin-bottom: 0;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container.custom colgroup col:first-child {
    width: 13rem;
  }
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container.custom th:first-child, .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container.custom td:first-child {
    border-right: 1px solid #D8D8D8;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item-bottom .table-container.custom colgroup col:first-child {
    width: 8rem;
  }
}
.sub-section[data-current-page=comnsupport] .comnsupport-support-container .support-dropdown-component .dropdown-item.open + .dropdown-item {
  border-top: 0;
}

/* 정보공개 > 경영공시 > 경영공시 전체보기 */
.mandisclosurelist-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.mandisclosurelist-list:nth-child(1) {
  grid-row: span 2;
}
.mandisclosurelist-list:nth-child(4) {
  grid-column-start: 2;
  margin-top: 2.5rem;
}
.mandisclosurelist-list:nth-child(5) {
  transform: translateY(-333px);
}
.mandisclosurelist-list:nth-child(5) .mandisclosurelist-1depth-tit {
  background-color: #D8D8D8;
  color: #555555;
}
.mandisclosurelist-list-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem;
}
.mandisclosurelist-list-item {
  border-radius: 0.6rem;
  overflow: hidden;
}
.mandisclosurelist-list-item-inner {
  overflow: hidden;
  border: 1px solid #D8D8D8;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.mandisclosurelist-list-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.4rem 1.6rem;
}
.mandisclosurelist-list-item a::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-image: url("/assets/images/svg/outlink_20x20.svg");
}
.mandisclosurelist-list-item a.internal::after {
  background-image: url("/assets/images/svg/keyboard_arrow_right_20x20.svg");
}
.mandisclosurelist-list .mandisclosurelist-1depth-tit {
  color: #ffffff;
  background-color: #0045C9;
  border-radius: 0.6rem;
  padding: 1.4rem 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .mandisclosurelist-list .mandisclosurelist-1depth-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .mandisclosurelist-list .mandisclosurelist-1depth-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .mandisclosurelist-list .mandisclosurelist-1depth-tit {
    font-size: 2.1rem;
  }
}
.mandisclosurelist-list .mandisclosurelist-2depth-tit {
  color: #0053F2;
  background-color: #D1E1FF;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  overflow: hidden;
  padding: 1.4rem 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .mandisclosurelist-list .mandisclosurelist-2depth-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .mandisclosurelist-list .mandisclosurelist-2depth-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .mandisclosurelist-list .mandisclosurelist-2depth-tit {
    font-size: 1.6rem;
  }
}
.mandisclosurelist-list .mandisclosurelist-2depth-tit.hide {
  display: none;
}
.mandisclosurelist-list .mandisclosurelist-2depth-tit.hide + .mandisclosurelist-list-item-inner {
  border-radius: 0.6rem;
}
.mandisclosurelist-list .mandisclosurelist-3depth-tit {
  color: #1D1D1D;
  background-color: #ffffff;
  border-bottom: 1px solid #D8D8D8;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .mandisclosurelist-list .mandisclosurelist-3depth-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .mandisclosurelist-list .mandisclosurelist-3depth-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .mandisclosurelist-list .mandisclosurelist-3depth-tit {
    font-size: 1.6rem;
  }
}
.mandisclosurelist-list .mandisclosurelist-3depth-tit:last-child {
  border-bottom: 0;
}
.mandisclosurelist-list .mandisclosurelist-3depth-tit.default {
  padding: 1.4rem 1.6rem;
}
.mandisclosurelist-list .mandisclosurelist-4depth-tit {
  color: #555555;
  background-color: #F8F8F8;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .mandisclosurelist-list-container {
    display: flex;
    flex-direction: column;
  }
  .mandisclosurelist-list:nth-child(4) {
    margin-top: 0;
  }
  .mandisclosurelist-list:nth-child(5) {
    transform: none;
  }
}

.mandisclosurelist-card-box .card {
  gap: 2rem;
  padding: 3.2rem;
}
.mandisclosurelist-card-box .card .logo img {
  height: 2.4rem;
}
.mandisclosurelist-card-box .card .title {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .mandisclosurelist-card-box .card .title {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .mandisclosurelist-card-box .card .title {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .mandisclosurelist-card-box .card .title {
    font-size: 1.8rem;
  }
}
.mandisclosurelist-card-box .card .card-top-box {
  padding-top: 0.8rem;
}
.mandisclosurelist-card-box .card .card-bottom-box .btn-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mandisclosurelist-card-box .card .card-bottom-box .btn-box .btn {
  color: #555555;
}
@media screen and (max-width: 1024px) {
  .mandisclosurelist-card-box .card {
    padding: 2.4rem;
    gap: 2.4rem;
  }
  .mandisclosurelist-card-box .card .logo img {
    height: 2rem;
  }
  .mandisclosurelist-card-box .card .card-top-box {
    padding-top: 1.4rem;
  }
  .mandisclosurelist-card-box .card .card-bottom-box .btn-box .btn svg path {
    stroke-width: 1.07;
  }
}

/* 정보공개 > 경영공시 > 기타 :: 공통 */
.mandisclosure-info-box {
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .mandisclosure-info-box {
    padding: 2.4rem;
  }
}
.mandisclosure-info-box .inner {
  display: flex;
  gap: 2rem;
}
.mandisclosure-info-box .inner > div {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.mandisclosure-info-box .inner .info-item {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
.mandisclosure-info-box .inner .info-item .tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.mandisclosure-info-box .inner .info-item .txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .mandisclosure-info-box .inner {
    flex-direction: column;
    gap: 0;
  }
  .mandisclosure-info-box .inner > div {
    gap: 0;
  }
  .mandisclosure-info-box .inner .info-item {
    padding: 1.6rem 0;
    border-top: 1px solid #D8D8D8;
    gap: 0.8rem;
  }
  .mandisclosure-info-box .inner .left-box .info-item:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .mandisclosure-info-box .inner .right-box .info-item:last-child {
    padding-bottom: 0;
  }
}

.costinfo-gray-box {
  background-color: #F8F8F8;
  border-radius: max(0.6rem, 0.41666vw);
  padding: 3.2rem;
}
.costinfo-gray-box .gray-tit {
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
.costinfo-gray-box .dot-txt-list {
  margin-top: 1.2rem;
}
@media screen and (max-width: 1024px) {
  .costinfo-gray-box {
    padding: 2.4rem;
  }
}

/* 정보공개 > 경영공시 > 기타 > 경영목표 */
.objectives-scheme-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .objectives-scheme-box {
    padding: 2.4rem;
  }
}
.objectives-scheme-box .scheme-item {
  display: flex;
  gap: 2rem;
}
.objectives-scheme-box .scheme-item .scheme-title-box {
  width: 10rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .objectives-scheme-box .scheme-item .scheme-title-box {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .objectives-scheme-box .scheme-item .scheme-title-box {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .objectives-scheme-box .scheme-item .scheme-title-box {
    font-size: 1.8rem;
  }
}
.objectives-scheme-box .scheme-item .scheme-con-box {
  display: flex;
  gap: 0.8rem;
  width: calc(100% - 2rem - 10rem);
}
.objectives-scheme-box .scheme-item .goal-item {
  flex: 1;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.objectives-scheme-box .scheme-item .goal-item .inner {
  border: 1px solid #94B8FF;
  border-radius: 0.6rem;
  overflow: hidden;
  height: 100%;
}
.objectives-scheme-box .scheme-item .goal-item .tit-box {
  display: flex;
  gap: 0.6rem;
  flex-direction: column;
  background-color: #EFF5FF;
  color: #0045C9;
  justify-content: center;
  padding: 2rem 0.8rem;
}
.objectives-scheme-box .scheme-item .goal-item .tit-box .sub-tit {
  display: block;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.objectives-scheme-box .scheme-item .goal-item .tit-box .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .objectives-scheme-box .scheme-item .goal-item .tit-box .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .objectives-scheme-box .scheme-item .goal-item .tit-box .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .objectives-scheme-box .scheme-item .goal-item .tit-box .tit {
    font-size: 1.6rem;
  }
}
.objectives-scheme-box .scheme-item .goal-item .icon-box {
  margin-top: 1.6rem;
}
.objectives-scheme-box .scheme-item .goal-item .icon-box .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #0045C9;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
}
.objectives-scheme-box .scheme-item .work-item {
  margin-top: 1.6rem;
  border: 1px solid #D8D8D8;
  background-color: #F8F8F8;
  border-radius: 0.6rem;
  flex: 1;
}
.objectives-scheme-box .scheme-item .work-item .txt-box {
  color: #1D1D1D;
  padding: 1.6rem 2.4rem;
  display: flex;
  gap: 0.6rem;
  border-top: 1px solid #D8D8D8;
}
.objectives-scheme-box .scheme-item .work-item .txt-box .txt {
  min-height: 3em;
}
.objectives-scheme-box .scheme-item .work-item .txt-box:first-child {
  border-top: 0;
}
.objectives-scheme-box .scheme-item.top .scheme-con-box {
  display: block;
  background-color: #0045C9;
  color: #ffffff;
  padding: 2.4rem 2rem;
  border-radius: 0.6rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    font-size: 2.1rem;
  }
}
.objectives-scheme-box .scheme-item.m-ver {
  display: none;
}
@media screen and (max-width: 1024px) {
  .objectives-scheme-box .scheme-item {
    border-radius: 0.6rem;
    overflow: hidden;
    border: 1px solid #D8D8D8;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .objectives-scheme-box .scheme-item .goal-box {
    display: flex;
    align-items: center;
    text-align: center;
  }
  .objectives-scheme-box .scheme-item .goal-box .title-box {
    width: 7rem;
    padding: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .objectives-scheme-box .scheme-item .goal-box .con-box {
    width: calc(100% - 7rem);
    border-left: 1px solid #D8D8D8;
    background-color: #EFF5FF;
  }
  .objectives-scheme-box .scheme-item .goal-box .con-box .tit-box {
    color: #0045C9;
    padding: 1.6rem;
  }
  .objectives-scheme-box .scheme-item .goal-box .con-box .tit-box .tit {
    display: block;
    font-weight: 700;
  }
  .objectives-scheme-box .scheme-item .goal-box .con-box .tit-box br {
    display: none;
  }
  .objectives-scheme-box .scheme-item .work-box {
    display: flex;
    align-items: center;
    border-top: 1px solid #D8D8D8;
  }
  .objectives-scheme-box .scheme-item .work-box .title-box {
    width: 7rem;
    padding: 1.6rem;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
  .objectives-scheme-box .scheme-item .work-box .con-box {
    width: calc(100% - 7rem);
  }
  .objectives-scheme-box .scheme-item .work-box .con-box .txt-box {
    color: #1D1D1D;
    background-color: #F8F8F8;
    border-left: 1px solid #D8D8D8;
  }
  .objectives-scheme-box .scheme-item .work-box .con-box .txt-box .txt-wrap {
    color: #1D1D1D;
    padding: 1.2rem 1.6rem;
    display: flex;
    gap: 0.6rem;
    border-top: 1px solid #D8D8D8;
  }
  .objectives-scheme-box .scheme-item .work-box .con-box .txt-box .txt-wrap:first-child {
    border-top: 0;
  }
  .objectives-scheme-box .scheme-item.pc-ver {
    display: none;
  }
  .objectives-scheme-box .scheme-item.m-ver {
    display: block;
  }
  .objectives-scheme-box .scheme-item.top {
    flex-direction: column;
    gap: 1.2rem;
    border: 0;
    align-items: center;
  }
  .objectives-scheme-box .scheme-item.top .scheme-title-box {
    display: block;
    width: 100%;
    text-align: center;
  }
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    width: 100%;
    padding: 1rem 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1440px) {
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 1024px) {
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .objectives-scheme-box .scheme-item.top .scheme-con-box {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: calc(1024px + 1px)) {
  [data-current-page=objectives] .mandisclosure-info-box .inner > div,
  [data-current-page=costinfo] .mandisclosure-info-box .inner > div,
  [data-current-page=budget-plan] .mandisclosure-info-box .inner > div,
  [data-current-page=budget-details] .mandisclosure-info-box .inner > div {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.2rem 2rem;
  }
  [data-current-page=objectives] .mandisclosure-info-box .inner > div .info-item,
  [data-current-page=costinfo] .mandisclosure-info-box .inner > div .info-item,
  [data-current-page=budget-plan] .mandisclosure-info-box .inner > div .info-item,
  [data-current-page=budget-details] .mandisclosure-info-box .inner > div .info-item {
    width: calc(50% - 1rem);
  }
}
@media screen and (max-width: 1024px) {
  [data-current-page=objectives] .mandisclosure-info-box .inner > div .info-item:last-child,
  [data-current-page=costinfo] .mandisclosure-info-box .inner > div .info-item:last-child,
  [data-current-page=budget-plan] .mandisclosure-info-box .inner > div .info-item:last-child,
  [data-current-page=budget-details] .mandisclosure-info-box .inner > div .info-item:last-child {
    padding-bottom: 0;
  }
}

.mandisclosure-card-list .card {
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .mandisclosure-card-list .card {
    flex-direction: column;
    align-items: flex-start;
  }
  .mandisclosure-card-list .card .btn {
    width: 100%;
  }
}

/* 정보공개 > 경영공시 > 기타 > 전기요금원가정보 */
.costinfo-calc-box {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .costinfo-calc-box {
    padding: 2.4rem;
  }
}
.costinfo-calc-box .costinfo-calc-tit-box .costinfo-calc-tit {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .costinfo-calc-box .costinfo-calc-tit-box .costinfo-calc-tit {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .costinfo-calc-box .costinfo-calc-tit-box .costinfo-calc-tit {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .costinfo-calc-box .costinfo-calc-tit-box .costinfo-calc-tit {
    font-size: 1.8rem;
  }
}
.costinfo-calc-box .costinfo-calc-tit-box .costinfo-calc-tit .blue {
  color: #0045C9;
}
.costinfo-calc-box .costinfo-calc-tit-box .costinfo-calc-txt {
  color: #2D2D2D;
  margin-top: 0.8rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .costinfo-calc-box {
    gap: 1.6rem;
  }
}

.costinfo-calc-scheme {
  padding: 1.6rem 0 2.4rem;
}
.costinfo-calc-scheme .scheme-box .top-box {
  display: flex;
  align-items: center;
}
.costinfo-calc-scheme .scheme-box .top-box .icon-box {
  padding: 0 1.6rem;
}
.costinfo-calc-scheme .scheme-box .top-box .icon-box .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.costinfo-calc-scheme .scheme-box .top-box .scheme-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #D8D8D8;
  border-radius: max(0.6rem, 0.41666vw);
  padding: 4rem 0;
}
.costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-badge {
  display: inline-flex;
  padding: 0.8rem 2rem;
  background-color: #0045C9;
  color: #ffffff;
  border-radius: 0.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-txt {
  color: #1D1D1D;
  margin-top: 1.6rem;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-txt {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-txt {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-txt {
    font-size: 1.6rem;
  }
}
.costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-desc {
  color: #717171;
  margin-top: 0.8rem;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.costinfo-calc-scheme .scheme-box .result-box {
  margin-top: 1.6rem;
  text-align: center;
  padding: 1.6rem 1.8rem;
  background-color: #EFF5FF;
  border: 1px solid #D1E1FF;
  color: #0045C9;
  border-radius: max(0.6rem, 0.41666vw);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .costinfo-calc-scheme .scheme-box .result-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .costinfo-calc-scheme .scheme-box .result-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .costinfo-calc-scheme .scheme-box .result-box {
    font-size: 1.6rem;
  }
}
.costinfo-calc-scheme .note-txt {
  color: #717171;
  margin-top: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
  .costinfo-calc-scheme {
    padding: 0;
  }
  .costinfo-calc-scheme .scheme-box .top-box {
    align-items: flex-start;
    flex-direction: column;
  }
  .costinfo-calc-scheme .scheme-box .top-box .icon-box {
    width: 100%;
    padding: 0.8rem 0;
    text-align: center;
  }
  .costinfo-calc-scheme .scheme-box .top-box .scheme-item {
    padding: 2.4rem;
    width: 100%;
  }
  .costinfo-calc-scheme .scheme-box .top-box .scheme-item .scheme-badge {
    display: block;
    width: 100%;
    text-align: center;
  }
}

.costinfo-process-box {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  border-radius: max(0.6rem, 0.41666vw);
  background-color: #ffffff;
  padding: 4rem;
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  .costinfo-process-box {
    padding: 2.4rem;
  }
}
.costinfo-process-box .process-box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.costinfo-process-box .process-box .process-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0.6rem;
  border: 1px solid #D8D8D8;
  padding: 2rem 1.8rem;
  width: 22.448%;
}
.costinfo-process-box .process-box .process-item .tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .costinfo-process-box .process-box .process-item .tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .costinfo-process-box .process-box .process-item .tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .costinfo-process-box .process-box .process-item .tit {
    font-size: 1.6rem;
  }
}
.costinfo-process-box .process-box .process-item .txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.costinfo-process-box .process-box .process-item.style01 {
  border-color: #D1E1FF;
  background-color: #EFF5FF;
}
.costinfo-process-box .process-box .process-item.style01 .tit {
  color: #0045C9;
}
.costinfo-process-box .process-box .process-item.style02 {
  background-color: #F8F8F8;
}
.costinfo-process-box .process-box .process-item.style02 .tit {
  color: #555555;
}
.costinfo-process-box .process-box .process-item.style02 .txt {
  color: #717171;
  margin-top: 0.2rem;
}
.costinfo-process-box .process-box .process-item.style03 {
  border: 0;
  background-color: #0053F2;
}
.costinfo-process-box .process-box .process-item.style03 .tit {
  color: #ffffff;
}
.costinfo-process-box .process-box .process-item.style03 .txt {
  color: #ffffff;
  margin-top: 0.2rem;
}
.costinfo-process-box .process-box .process-item.style04 {
  border: 0;
  background-color: #0045C9;
}
.costinfo-process-box .process-box .process-item.style04 .tit {
  color: #ffffff;
}
.costinfo-process-box .process-box .arrow-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
}
.costinfo-process-box .process-box .arrow-box .txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.costinfo-process-box .process-box .m-ver {
  display: none;
}
.costinfo-process-box .process-box .top-box {
  display: flex;
  justify-content: space-between;
}
.costinfo-process-box .process-box .bottom-box {
  display: grid;
  grid-template-columns: 1fr 160px 1fr 160px 1fr;
}
.costinfo-process-box .process-box .bottom-box .process-item {
  width: 100%;
}
.costinfo-process-box .process-box .bottom-box .process-item.style03 {
  grid-column-start: 3;
}
.costinfo-process-box .process-box .middle-box {
  display: flex;
  justify-content: center;
}
.costinfo-process-box .process-box .middle-box .middle-arrow-box {
  display: flex;
  align-items: center;
}
.costinfo-process-box .process-box .middle-box .middle-arrow-box .txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.costinfo-process-box .process-box .middle-box .middle-arrow-box .txt:first-child {
  margin-right: 0.6rem;
}
.costinfo-process-box .process-box .middle-box .middle-arrow-box .txt:last-child {
  margin-left: 0.6rem;
}
.costinfo-process-box .process-box .middle-box .middle-arrow-box .arrow {
  margin: 0 0.45rem;
}
@media screen and (max-width: 1024px) {
  .costinfo-process-box .process-box .arrow-box {
    flex-direction: row-reverse;
    gap: 0.9rem;
  }
  .costinfo-process-box .process-box .m-ver {
    display: block;
  }
  .costinfo-process-box .process-box .pc-ver {
    display: none;
  }
  .costinfo-process-box .process-box .top-box {
    flex-wrap: wrap;
  }
  .costinfo-process-box .process-box .top-box .process-item {
    width: calc(50% - 0.8rem);
  }
  .costinfo-process-box .process-box .top-box .arrow-box {
    width: calc(50% - 0.8rem);
  }
  .costinfo-process-box .process-box .top-box > div:nth-child(2) {
    order: 1;
  }
  .costinfo-process-box .process-box .top-box > div:nth-child(3) {
    flex: 1;
    order: 5;
  }
  .costinfo-process-box .process-box .top-box > div:nth-child(4) {
    order: 1;
  }
  .costinfo-process-box .process-box .bottom-box {
    display: flex;
    flex-direction: column;
  }
}

/* 정보공개 > 경영공시 > 기타 > 사채원부 */
.bond-list .card {
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .bond-list .card {
    flex-direction: column;
    align-items: flex-start;
  }
  .bond-list .card .btn {
    width: 100%;
  }
}

/* 정보공개 > 경영공시 > 기타 > 예산현황 */
.budget-container .chart-container {
  width: 100%;
  margin: 0 auto;
  background: white;
  border-radius: 10px;
  border: 1px solid #d8d8d8;
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.budget-container .chart-container .chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 4rem 4rem 0rem 4rem;
}
.budget-container .chart-container .chart-header .y-axis-title {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.budget-container .chart-container .chart-header .legend {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.budget-container .chart-container .chart-header .legend .legend-item {
  display: flex;
  align-items: center;
  margin-left: 20px;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.budget-container .chart-container .chart-header .legend .legend-item.dotted::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.budget-container .chart-container .chart-header .legend .legend-item.rectangle::before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  margin-right: 5px;
}
.budget-container .chart-container .chart-header .legend .legend-item.blue::before {
  background-color: #007bff;
}
.budget-container .chart-container .chart-header .legend .legend-item.lightblue::before {
  background-color: #8eaefb;
}
.budget-container .chart-container .chart-header .legend .legend-item.gray::before {
  background-color: #d8d8d8;
}
.budget-container .chart-container .chart-header .legend .legend-item:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1024px) {
  .budget-container .chart-container .chart-header {
    padding: 3rem 3rem 0rem 3rem;
  }
  .budget-container .chart-container .chart-header .y-axis-title {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .budget-container .chart-container .chart-header .legend {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 600px) {
  .budget-container .chart-container .chart-header {
    flex-wrap: wrap;
    padding: 2rem 2rem 0rem 2rem;
  }
  .budget-container .chart-container .chart-header .y-axis-title {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .budget-container .chart-container .chart-header .legend {
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.3rem;
  }
  .budget-container .chart-container .chart-header .legend .legend-item {
    margin-left: 14px;
  }
}
.budget-container canvas {
  width: 100%;
  height: auto;
}

[data-current-page=budget-details] .chart-container {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
[data-current-page=budget-details] .table-container .right {
  text-wrap: nowrap;
}
@media screen and (max-width: 600px) and (min-width: 481px) {
  [data-current-page=budget-details] .table-container table.col0, [data-current-page=budget-details] .table-container table.col1, [data-current-page=budget-details] .table-container table.col2, [data-current-page=budget-details] .table-container table.col3 {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  [data-current-page=budget-details] .table-container table {
    min-width: 335px;
  }
  [data-current-page=budget-details] .table-container table.col0, [data-current-page=budget-details] .table-container table.col1 {
    min-width: auto;
  }
  [data-current-page=budget-details] .table-container table.col0, [data-current-page=budget-details] .table-container table.col1, [data-current-page=budget-details] .table-container table.col2 {
    width: 100%;
  }
  [data-current-page=budget-details] .table-container table.col3 {
    width: auto;
  }
}
@media screen and (max-width: 375px) {
  [data-current-page=budget-details] .table-container table.col2 {
    width: auto;
  }
}

@media screen and (max-width: 1024px) {
  [data-current-page=budget-plan] .table-container .col-tit {
    width: 98px;
  }
  [data-current-page=budget-plan] .table-container .col-sub-tit {
    width: 110px;
  }
  [data-current-page=budget-plan] .table-container[data-m-width] table {
    width: 100%;
    min-width: 600px;
  }
}
@media screen and (max-width: 600px) {
  [data-current-page=budget-plan] .table-container[data-m-width] table {
    width: var(--m-width);
    min-width: auto;
  }
}

/* 정보공개 > 경영공시 > 기타 > 전력그룹사 인력교류 현황 */
[data-current-page=exchange] .dropbox-wrap {
  width: 18.4rem;
}
@media screen and (max-width: 1024px) {
  [data-current-page=exchange] .dropbox-wrap {
    width: 100%;
  }
}
[data-current-page=exchange] .table-container thead {
  border-bottom: 1px solid #D8D8D8;
}
[data-current-page=exchange] .table-container .tbl-head {
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-current-page=exchange] .table-container .tbl-head span {
  flex: 1;
}
[data-current-page=exchange] .table-container .tbl-head .icon {
  display: inline-flex;
  flex: 0;
  width: 2.4rem;
}
[data-current-page=exchange] .table-container .tbl-head .icon img {
  display: block;
}
@media screen and (max-width: 1024px) {
  [data-current-page=exchange] .table-container table colgroup col:nth-child(2), [data-current-page=exchange] .table-container table colgroup col:nth-child(3) {
    width: 80px;
  }
}

/* 정보공개 > 경영공시 > 기타 > 징계처분결과(수시) */
@media screen and (max-width: 1024px) {
  .disciplinary-list .btn {
    width: 100%;
  }
}
@counter-style korean-list {
  system: fixed;
  symbols: "가." "나." "다." "라." "마." "바." "사." "아." "자." "차." "카." "타." "파." "하.";
  suffix: ". ";
}
.sub-section[data-current-page=privacy],
.sub-section[data-current-page=termsofuse],
.sub-section[data-current-page=legalnotice],
.sub-section[data-current-page=cctvpolicy],
.sub-section[data-current-page=errorinquiry] {
  /* 공통 컴포넌트 분기 */
  /* 개인정보처리방침 박스 */
  /* 목차 */
  /* 아이콘 */
  /* 텍스트 리스트 */
}
.sub-section[data-current-page=privacy] img,
.sub-section[data-current-page=termsofuse] img,
.sub-section[data-current-page=legalnotice] img,
.sub-section[data-current-page=cctvpolicy] img,
.sub-section[data-current-page=errorinquiry] img {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=privacy] .card img,
.sub-section[data-current-page=termsofuse] .card img,
.sub-section[data-current-page=legalnotice] .card img,
.sub-section[data-current-page=cctvpolicy] .card img,
.sub-section[data-current-page=errorinquiry] .card img {
  width: 100%;
  height: auto;
}
.sub-section[data-current-page=privacy] .btn-wrap,
.sub-section[data-current-page=termsofuse] .btn-wrap,
.sub-section[data-current-page=legalnotice] .btn-wrap,
.sub-section[data-current-page=cctvpolicy] .btn-wrap,
.sub-section[data-current-page=errorinquiry] .btn-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .btn-wrap,
  .sub-section[data-current-page=termsofuse] .btn-wrap,
  .sub-section[data-current-page=legalnotice] .btn-wrap,
  .sub-section[data-current-page=cctvpolicy] .btn-wrap,
  .sub-section[data-current-page=errorinquiry] .btn-wrap {
    gap: 0.8rem;
  }
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=xl],
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=xl],
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=xl],
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=xl],
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=xl] {
  gap: 0.4rem;
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=xl] .dot-txt,
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=xl] .dot-txt,
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=xl] .dot-txt,
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=xl] .dot-txt,
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=xl] .dot-txt {
  padding-left: 1.6rem;
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=xl] a,
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=xl] a,
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=xl] a,
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=xl] a,
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=xl] a {
  display: inline-block;
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=xl].indent-2 .dot-txt,
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=xl].indent-2 .dot-txt,
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=xl].indent-2 .dot-txt,
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=xl].indent-2 .dot-txt,
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=xl].indent-2 .dot-txt {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=m],
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=m],
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=m],
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=m],
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=m] {
  gap: 0.4rem;
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=m] .dot-txt,
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=m] .dot-txt,
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=m] .dot-txt,
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=m] .dot-txt,
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=m] .dot-txt {
  font-size: 1.5rem;
}
.sub-section[data-current-page=privacy] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot),
.sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot),
.sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot),
.sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot),
.sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=m] .dot-txt:not(.no-dot) {
  padding-left: 0.8rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .dot-txt-list[data-size=m],
  .sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=m],
  .sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=m],
  .sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=m],
  .sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=m] {
    gap: 0;
  }
  .sub-section[data-current-page=privacy] .dot-txt-list[data-size=m] .dot-txt,
  .sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=m] .dot-txt,
  .sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=m] .dot-txt,
  .sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=m] .dot-txt,
  .sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=m] .dot-txt {
    font-size: 1.3rem;
  }
  .sub-section[data-current-page=privacy] .dot-txt-list[data-size=m] .dot-txt::before,
  .sub-section[data-current-page=termsofuse] .dot-txt-list[data-size=m] .dot-txt::before,
  .sub-section[data-current-page=legalnotice] .dot-txt-list[data-size=m] .dot-txt::before,
  .sub-section[data-current-page=cctvpolicy] .dot-txt-list[data-size=m] .dot-txt::before,
  .sub-section[data-current-page=errorinquiry] .dot-txt-list[data-size=m] .dot-txt::before {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.sub-section[data-current-page=privacy] a.btn,
.sub-section[data-current-page=termsofuse] a.btn,
.sub-section[data-current-page=legalnotice] a.btn,
.sub-section[data-current-page=cctvpolicy] a.btn,
.sub-section[data-current-page=errorinquiry] a.btn {
  display: flex !important;
  text-decoration: none !important;
  width: fit-content !important;
}
.sub-section[data-current-page=privacy] .dis-underline,
.sub-section[data-current-page=termsofuse] .dis-underline,
.sub-section[data-current-page=legalnotice] .dis-underline,
.sub-section[data-current-page=cctvpolicy] .dis-underline,
.sub-section[data-current-page=errorinquiry] .dis-underline {
  text-decoration: none !important;
}
.sub-section[data-current-page=privacy] .color-blue,
.sub-section[data-current-page=termsofuse] .color-blue,
.sub-section[data-current-page=legalnotice] .color-blue,
.sub-section[data-current-page=cctvpolicy] .color-blue,
.sub-section[data-current-page=errorinquiry] .color-blue {
  color: #0045C9;
}
.sub-section[data-current-page=privacy] .bold,
.sub-section[data-current-page=termsofuse] .bold,
.sub-section[data-current-page=legalnotice] .bold,
.sub-section[data-current-page=cctvpolicy] .bold,
.sub-section[data-current-page=errorinquiry] .bold {
  font-weight: 700;
}
.sub-section[data-current-page=privacy] .bg-gray,
.sub-section[data-current-page=termsofuse] .bg-gray,
.sub-section[data-current-page=legalnotice] .bg-gray,
.sub-section[data-current-page=cctvpolicy] .bg-gray,
.sub-section[data-current-page=errorinquiry] .bg-gray {
  background-color: #F8F8F8 !important;
}
.sub-section[data-current-page=privacy] .only-web,
.sub-section[data-current-page=termsofuse] .only-web,
.sub-section[data-current-page=legalnotice] .only-web,
.sub-section[data-current-page=cctvpolicy] .only-web,
.sub-section[data-current-page=errorinquiry] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .only-web,
  .sub-section[data-current-page=termsofuse] .only-web,
  .sub-section[data-current-page=legalnotice] .only-web,
  .sub-section[data-current-page=cctvpolicy] .only-web,
  .sub-section[data-current-page=errorinquiry] .only-web {
    display: none;
  }
}
.sub-section[data-current-page=privacy] .only-mobile,
.sub-section[data-current-page=termsofuse] .only-mobile,
.sub-section[data-current-page=legalnotice] .only-mobile,
.sub-section[data-current-page=cctvpolicy] .only-mobile,
.sub-section[data-current-page=errorinquiry] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .only-mobile,
  .sub-section[data-current-page=termsofuse] .only-mobile,
  .sub-section[data-current-page=legalnotice] .only-mobile,
  .sub-section[data-current-page=cctvpolicy] .only-mobile,
  .sub-section[data-current-page=errorinquiry] .only-mobile {
    display: block;
  }
}
.sub-section[data-current-page=privacy] .custom-card,
.sub-section[data-current-page=termsofuse] .custom-card,
.sub-section[data-current-page=legalnotice] .custom-card,
.sub-section[data-current-page=cctvpolicy] .custom-card,
.sub-section[data-current-page=errorinquiry] .custom-card {
  flex-direction: row;
  align-items: flex-end;
  height: 30rem;
  padding: 4rem;
}
.sub-section[data-current-page=privacy] .custom-card .card-top-box,
.sub-section[data-current-page=termsofuse] .custom-card .card-top-box,
.sub-section[data-current-page=legalnotice] .custom-card .card-top-box,
.sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box,
.sub-section[data-current-page=errorinquiry] .custom-card .card-top-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sub-section[data-current-page=privacy] .custom-card .card-top-box span,
.sub-section[data-current-page=termsofuse] .custom-card .card-top-box span,
.sub-section[data-current-page=legalnotice] .custom-card .card-top-box span,
.sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box span,
.sub-section[data-current-page=errorinquiry] .custom-card .card-top-box span {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .custom-card .card-top-box span,
  .sub-section[data-current-page=termsofuse] .custom-card .card-top-box span,
  .sub-section[data-current-page=legalnotice] .custom-card .card-top-box span,
  .sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box span,
  .sub-section[data-current-page=errorinquiry] .custom-card .card-top-box span {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .custom-card .card-top-box span,
  .sub-section[data-current-page=termsofuse] .custom-card .card-top-box span,
  .sub-section[data-current-page=legalnotice] .custom-card .card-top-box span,
  .sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box span,
  .sub-section[data-current-page=errorinquiry] .custom-card .card-top-box span {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .custom-card .card-top-box span,
  .sub-section[data-current-page=termsofuse] .custom-card .card-top-box span,
  .sub-section[data-current-page=legalnotice] .custom-card .card-top-box span,
  .sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box span,
  .sub-section[data-current-page=errorinquiry] .custom-card .card-top-box span {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=privacy] .custom-card .card-top-box svg,
.sub-section[data-current-page=termsofuse] .custom-card .card-top-box svg,
.sub-section[data-current-page=legalnotice] .custom-card .card-top-box svg,
.sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box svg,
.sub-section[data-current-page=errorinquiry] .custom-card .card-top-box svg {
  width: 10rem;
  height: 10rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .custom-card,
  .sub-section[data-current-page=termsofuse] .custom-card,
  .sub-section[data-current-page=legalnotice] .custom-card,
  .sub-section[data-current-page=cctvpolicy] .custom-card,
  .sub-section[data-current-page=errorinquiry] .custom-card {
    height: auto;
    padding: 1.6rem 2rem;
    align-items: center;
    gap: 1rem;
  }
  .sub-section[data-current-page=privacy] .custom-card .card-top-box,
  .sub-section[data-current-page=termsofuse] .custom-card .card-top-box,
  .sub-section[data-current-page=legalnotice] .custom-card .card-top-box,
  .sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box,
  .sub-section[data-current-page=errorinquiry] .custom-card .card-top-box {
    flex-direction: row-reverse;
    align-items: center;
    gap: 1.2rem;
    justify-content: flex-end;
  }
  .sub-section[data-current-page=privacy] .custom-card .card-top-box svg,
  .sub-section[data-current-page=termsofuse] .custom-card .card-top-box svg,
  .sub-section[data-current-page=legalnotice] .custom-card .card-top-box svg,
  .sub-section[data-current-page=cctvpolicy] .custom-card .card-top-box svg,
  .sub-section[data-current-page=errorinquiry] .custom-card .card-top-box svg {
    width: 4.8rem;
    height: 4.8rem;
  }
}
.sub-section[data-current-page=privacy] .txt-icon-card,
.sub-section[data-current-page=termsofuse] .txt-icon-card,
.sub-section[data-current-page=legalnotice] .txt-icon-card,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card,
.sub-section[data-current-page=errorinquiry] .txt-icon-card {
  display: flex;
  flex-direction: row;
  gap: 2.1052631579em;
  margin-bottom: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .txt-icon-card,
  .sub-section[data-current-page=termsofuse] .txt-icon-card,
  .sub-section[data-current-page=legalnotice] .txt-icon-card,
  .sub-section[data-current-page=cctvpolicy] .txt-icon-card,
  .sub-section[data-current-page=errorinquiry] .txt-icon-card {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .txt-icon-card,
  .sub-section[data-current-page=termsofuse] .txt-icon-card,
  .sub-section[data-current-page=legalnotice] .txt-icon-card,
  .sub-section[data-current-page=cctvpolicy] .txt-icon-card,
  .sub-section[data-current-page=errorinquiry] .txt-icon-card {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .txt-icon-card,
  .sub-section[data-current-page=termsofuse] .txt-icon-card,
  .sub-section[data-current-page=legalnotice] .txt-icon-card,
  .sub-section[data-current-page=cctvpolicy] .txt-icon-card,
  .sub-section[data-current-page=errorinquiry] .txt-icon-card {
    font-size: 1.8rem;
  }
}
.sub-section[data-current-page=privacy] .txt-icon-card:last-child,
.sub-section[data-current-page=termsofuse] .txt-icon-card:last-child,
.sub-section[data-current-page=legalnotice] .txt-icon-card:last-child,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card:last-child,
.sub-section[data-current-page=errorinquiry] .txt-icon-card:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=privacy] .txt-icon-card:hover,
.sub-section[data-current-page=termsofuse] .txt-icon-card:hover,
.sub-section[data-current-page=legalnotice] .txt-icon-card:hover,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card:hover,
.sub-section[data-current-page=errorinquiry] .txt-icon-card:hover {
  border-color: #0045C9;
}
.sub-section[data-current-page=privacy] .txt-icon-card .icon-box,
.sub-section[data-current-page=termsofuse] .txt-icon-card .icon-box,
.sub-section[data-current-page=legalnotice] .txt-icon-card .icon-box,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card .icon-box,
.sub-section[data-current-page=errorinquiry] .txt-icon-card .icon-box {
  width: 5.2631578947em;
  height: 5.2631578947em;
  padding: 0.3157894737em 0.6315789474em;
  flex-shrink: 0;
}
.sub-section[data-current-page=privacy] .txt-icon-card .icon-box i, .sub-section[data-current-page=privacy] .txt-icon-card .icon-box svg,
.sub-section[data-current-page=termsofuse] .txt-icon-card .icon-box i,
.sub-section[data-current-page=termsofuse] .txt-icon-card .icon-box svg,
.sub-section[data-current-page=legalnotice] .txt-icon-card .icon-box i,
.sub-section[data-current-page=legalnotice] .txt-icon-card .icon-box svg,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card .icon-box i,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card .icon-box svg,
.sub-section[data-current-page=errorinquiry] .txt-icon-card .icon-box i,
.sub-section[data-current-page=errorinquiry] .txt-icon-card .icon-box svg {
  width: 100%;
  height: 100%;
}
.sub-section[data-current-page=privacy] .txt-icon-card .txt-box,
.sub-section[data-current-page=termsofuse] .txt-icon-card .txt-box,
.sub-section[data-current-page=legalnotice] .txt-icon-card .txt-box,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card .txt-box,
.sub-section[data-current-page=errorinquiry] .txt-icon-card .txt-box {
  color: #1D1D1D;
}
.sub-section[data-current-page=privacy] .txt-icon-card .txt-box .title,
.sub-section[data-current-page=termsofuse] .txt-icon-card .txt-box .title,
.sub-section[data-current-page=legalnotice] .txt-icon-card .txt-box .title,
.sub-section[data-current-page=cctvpolicy] .txt-icon-card .txt-box .title,
.sub-section[data-current-page=errorinquiry] .txt-icon-card .txt-box .title {
  margin-bottom: 0.8421052632em;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .txt-icon-card,
  .sub-section[data-current-page=termsofuse] .txt-icon-card,
  .sub-section[data-current-page=legalnotice] .txt-icon-card,
  .sub-section[data-current-page=cctvpolicy] .txt-icon-card,
  .sub-section[data-current-page=errorinquiry] .txt-icon-card {
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: flex-start;
    align-items: center;
  }
  .sub-section[data-current-page=privacy] .txt-icon-card .txt-box .title,
  .sub-section[data-current-page=termsofuse] .txt-icon-card .txt-box .title,
  .sub-section[data-current-page=legalnotice] .txt-icon-card .txt-box .title,
  .sub-section[data-current-page=cctvpolicy] .txt-icon-card .txt-box .title,
  .sub-section[data-current-page=errorinquiry] .txt-icon-card .txt-box .title {
    margin-bottom: 0;
  }
  .sub-section[data-current-page=privacy] .txt-icon-card .icon-box,
  .sub-section[data-current-page=termsofuse] .txt-icon-card .icon-box,
  .sub-section[data-current-page=legalnotice] .txt-icon-card .icon-box,
  .sub-section[data-current-page=cctvpolicy] .txt-icon-card .icon-box,
  .sub-section[data-current-page=errorinquiry] .txt-icon-card .icon-box {
    flex-shrink: 0;
    width: 3.6rem;
    height: 3.6rem;
    padding: 0;
  }
}
.sub-section[data-current-page=privacy] .toc-list,
.sub-section[data-current-page=termsofuse] .toc-list,
.sub-section[data-current-page=legalnotice] .toc-list,
.sub-section[data-current-page=cctvpolicy] .toc-list,
.sub-section[data-current-page=errorinquiry] .toc-list {
  padding: 2.4rem 4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .toc-list,
  .sub-section[data-current-page=termsofuse] .toc-list,
  .sub-section[data-current-page=legalnotice] .toc-list,
  .sub-section[data-current-page=cctvpolicy] .toc-list,
  .sub-section[data-current-page=errorinquiry] .toc-list {
    padding: 1.6rem 2rem;
  }
}
.sub-section[data-current-page=privacy] .toc-list ul,
.sub-section[data-current-page=termsofuse] .toc-list ul,
.sub-section[data-current-page=legalnotice] .toc-list ul,
.sub-section[data-current-page=cctvpolicy] .toc-list ul,
.sub-section[data-current-page=errorinquiry] .toc-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .toc-list ul,
  .sub-section[data-current-page=termsofuse] .toc-list ul,
  .sub-section[data-current-page=legalnotice] .toc-list ul,
  .sub-section[data-current-page=cctvpolicy] .toc-list ul,
  .sub-section[data-current-page=errorinquiry] .toc-list ul {
    grid-template-columns: 1fr;
  }
}
.sub-section[data-current-page=privacy] .toc-list li button, .sub-section[data-current-page=privacy] .toc-list li a,
.sub-section[data-current-page=termsofuse] .toc-list li button,
.sub-section[data-current-page=termsofuse] .toc-list li a,
.sub-section[data-current-page=legalnotice] .toc-list li button,
.sub-section[data-current-page=legalnotice] .toc-list li a,
.sub-section[data-current-page=cctvpolicy] .toc-list li button,
.sub-section[data-current-page=cctvpolicy] .toc-list li a,
.sub-section[data-current-page=errorinquiry] .toc-list li button,
.sub-section[data-current-page=errorinquiry] .toc-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1.6rem 1.6rem 1.6rem 1.2rem;
}
.sub-section[data-current-page=privacy] .toc-list li:not(:last-child):not(:nth-last-child(2)),
.sub-section[data-current-page=termsofuse] .toc-list li:not(:last-child):not(:nth-last-child(2)),
.sub-section[data-current-page=legalnotice] .toc-list li:not(:last-child):not(:nth-last-child(2)),
.sub-section[data-current-page=cctvpolicy] .toc-list li:not(:last-child):not(:nth-last-child(2)),
.sub-section[data-current-page=errorinquiry] .toc-list li:not(:last-child):not(:nth-last-child(2)) {
  border-bottom: 1px solid #D8D8D8;
}
.sub-section[data-current-page=privacy] .toc-list .toc-tit,
.sub-section[data-current-page=termsofuse] .toc-list .toc-tit,
.sub-section[data-current-page=legalnotice] .toc-list .toc-tit,
.sub-section[data-current-page=cctvpolicy] .toc-list .toc-tit,
.sub-section[data-current-page=errorinquiry] .toc-list .toc-tit {
  text-align: left;
  color: #555555;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .toc-list .toc-tit,
  .sub-section[data-current-page=termsofuse] .toc-list .toc-tit,
  .sub-section[data-current-page=legalnotice] .toc-list .toc-tit,
  .sub-section[data-current-page=cctvpolicy] .toc-list .toc-tit,
  .sub-section[data-current-page=errorinquiry] .toc-list .toc-tit {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .toc-list .toc-tit,
  .sub-section[data-current-page=termsofuse] .toc-list .toc-tit,
  .sub-section[data-current-page=legalnotice] .toc-list .toc-tit,
  .sub-section[data-current-page=cctvpolicy] .toc-list .toc-tit,
  .sub-section[data-current-page=errorinquiry] .toc-list .toc-tit {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .toc-list .toc-tit,
  .sub-section[data-current-page=termsofuse] .toc-list .toc-tit,
  .sub-section[data-current-page=legalnotice] .toc-list .toc-tit,
  .sub-section[data-current-page=cctvpolicy] .toc-list .toc-tit,
  .sub-section[data-current-page=errorinquiry] .toc-list .toc-tit {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .toc-list.btn-box,
.sub-section[data-current-page=termsofuse] .toc-list.btn-box,
.sub-section[data-current-page=legalnotice] .toc-list.btn-box,
.sub-section[data-current-page=cctvpolicy] .toc-list.btn-box,
.sub-section[data-current-page=errorinquiry] .toc-list.btn-box {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  padding-top: 0;
  padding-bottom: 0;
}
.sub-section[data-current-page=privacy] .icon-wrap,
.sub-section[data-current-page=termsofuse] .icon-wrap,
.sub-section[data-current-page=legalnotice] .icon-wrap,
.sub-section[data-current-page=cctvpolicy] .icon-wrap,
.sub-section[data-current-page=errorinquiry] .icon-wrap {
  display: flex;
  gap: 0.8rem;
}
.sub-section[data-current-page=privacy] .icon-wrap img,
.sub-section[data-current-page=termsofuse] .icon-wrap img,
.sub-section[data-current-page=legalnotice] .icon-wrap img,
.sub-section[data-current-page=cctvpolicy] .icon-wrap img,
.sub-section[data-current-page=errorinquiry] .icon-wrap img {
  width: 4rem;
  height: 4rem;
}
.sub-section[data-current-page=privacy] .num-list,
.sub-section[data-current-page=termsofuse] .num-list,
.sub-section[data-current-page=legalnotice] .num-list,
.sub-section[data-current-page=cctvpolicy] .num-list,
.sub-section[data-current-page=errorinquiry] .num-list {
  counter-reset: number 0;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .num-list,
  .sub-section[data-current-page=termsofuse] .num-list,
  .sub-section[data-current-page=legalnotice] .num-list,
  .sub-section[data-current-page=cctvpolicy] .num-list,
  .sub-section[data-current-page=errorinquiry] .num-list {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .num-list,
  .sub-section[data-current-page=termsofuse] .num-list,
  .sub-section[data-current-page=legalnotice] .num-list,
  .sub-section[data-current-page=cctvpolicy] .num-list,
  .sub-section[data-current-page=errorinquiry] .num-list {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .num-list,
  .sub-section[data-current-page=termsofuse] .num-list,
  .sub-section[data-current-page=legalnotice] .num-list,
  .sub-section[data-current-page=cctvpolicy] .num-list,
  .sub-section[data-current-page=errorinquiry] .num-list {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .num-list > li,
.sub-section[data-current-page=termsofuse] .num-list > li,
.sub-section[data-current-page=legalnotice] .num-list > li,
.sub-section[data-current-page=cctvpolicy] .num-list > li,
.sub-section[data-current-page=errorinquiry] .num-list > li {
  word-break: break-all;
  position: relative;
  padding-left: 2.4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .num-list > li,
  .sub-section[data-current-page=termsofuse] .num-list > li,
  .sub-section[data-current-page=legalnotice] .num-list > li,
  .sub-section[data-current-page=cctvpolicy] .num-list > li,
  .sub-section[data-current-page=errorinquiry] .num-list > li {
    padding-left: 2.2rem;
  }
}
.sub-section[data-current-page=privacy] .num-list[data-type=number] > li,
.sub-section[data-current-page=termsofuse] .num-list[data-type=number] > li,
.sub-section[data-current-page=legalnotice] .num-list[data-type=number] > li,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=number] > li,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=number] > li {
  margin-bottom: 0.4rem;
}
.sub-section[data-current-page=privacy] .num-list[data-type=number] > li:last-child,
.sub-section[data-current-page=termsofuse] .num-list[data-type=number] > li:last-child,
.sub-section[data-current-page=legalnotice] .num-list[data-type=number] > li:last-child,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=number] > li:last-child,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=number] > li:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=number] > li::before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=number] > li::before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=number] > li::before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=number] > li::before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=number] > li::before {
  content: counter(number) ".";
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number 1;
  font-size: 1em;
}
.sub-section[data-current-page=privacy] .num-list[data-type=number] a,
.sub-section[data-current-page=termsofuse] .num-list[data-type=number] a,
.sub-section[data-current-page=legalnotice] .num-list[data-type=number] a,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=number] a,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=number] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle],
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle],
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle],
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle],
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] {
  counter-reset: steps;
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  counter-increment: steps;
  position: relative;
  padding-left: 2.4rem;
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:last-child,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:last-child,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:last-child,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:last-child,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:last-child {
  margin-bottom: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(0):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(0):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(0):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(0):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(0):before {
  content: "⓪";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(1):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(1):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(1):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(1):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(1):before {
  content: "①";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(2):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(2):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(2):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(2):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(2):before {
  content: "②";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(3):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(3):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(3):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(3):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(3):before {
  content: "③";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(4):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(4):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(4):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(4):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(4):before {
  content: "④";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(5):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(5):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(5):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(5):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(5):before {
  content: "⑤";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(6):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(6):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(6):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(6):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(6):before {
  content: "⑥";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(7):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(7):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(7):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(7):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(7):before {
  content: "⑦";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(8):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(8):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(8):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(8):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(8):before {
  content: "⑧";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(9):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(9):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(9):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(9):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(9):before {
  content: "⑨";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(10):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(10):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(10):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(10):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(10):before {
  content: "⑩";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(11):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(11):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(11):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(11):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(11):before {
  content: "⑪";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(12):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(12):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(12):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(12):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(12):before {
  content: "⑫";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(13):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(13):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(13):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(13):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(13):before {
  content: "⑬";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(14):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(14):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(14):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(14):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(14):before {
  content: "⑭";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(15):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(15):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(15):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(15):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(15):before {
  content: "⑮";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(16):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(16):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(16):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(16):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(16):before {
  content: "⑯";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(17):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(17):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(17):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(17):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(17):before {
  content: "⑰";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(18):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(18):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(18):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(18):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(18):before {
  content: "⑱";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(19):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(19):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(19):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(19):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(19):before {
  content: "⑲";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li:nth-child(20):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li:nth-child(20):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li:nth-child(20):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li:nth-child(20):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li:nth-child(20):before {
  content: "⑳";
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] > li[data-num]::before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] > li[data-num]::before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] > li[data-num]::before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] > li[data-num]::before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] > li[data-num]::before {
  content: attr(data-num); /* 각 li에 data-index 값을 표시 */
}
.sub-section[data-current-page=privacy] .num-list[data-type=circle] a,
.sub-section[data-current-page=termsofuse] .num-list[data-type=circle] a,
.sub-section[data-current-page=legalnotice] .num-list[data-type=circle] a,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=circle] a,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=circle] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean],
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean],
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean],
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean],
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] {
  counter-reset: steps;
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li {
  counter-increment: steps;
  margin-bottom: 0.4rem;
  position: relative;
  padding-left: 2.6rem;
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(0):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(0):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(0):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(0):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(0):before {
  content: "";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(1):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(1):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(1):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(1):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(1):before {
  content: "가.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(2):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(2):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(2):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(2):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(2):before {
  content: "나.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(3):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(3):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(3):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(3):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(3):before {
  content: "다.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(4):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(4):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(4):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(4):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(4):before {
  content: "라.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(5):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(5):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(5):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(5):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(5):before {
  content: "마.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(6):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(6):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(6):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(6):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(6):before {
  content: "바.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(7):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(7):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(7):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(7):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(7):before {
  content: "사.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(8):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(8):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(8):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(8):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(8):before {
  content: "아.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(9):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(9):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(9):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(9):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(9):before {
  content: "자.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(10):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(10):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(10):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(10):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(10):before {
  content: "차.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(11):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(11):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(11):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(11):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(11):before {
  content: "카.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(12):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(12):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(12):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(12):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(12):before {
  content: "타.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(13):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(13):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(13):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(13):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(13):before {
  content: "파.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(14):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(14):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(14):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(14):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(14):before {
  content: "하.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(15):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(15):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(15):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(15):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(15):before {
  content: "거.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(16):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(16):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(16):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(16):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(16):before {
  content: "너.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(17):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(17):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(17):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(17):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(17):before {
  content: "더.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(18):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(18):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(18):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(18):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(18):before {
  content: "러.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(19):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(19):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(19):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(19):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(19):before {
  content: "머.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] > li:nth-child(20):before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] > li:nth-child(20):before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] > li:nth-child(20):before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] > li:nth-child(20):before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] > li:nth-child(20):before {
  content: "버.";
}
.sub-section[data-current-page=privacy] .num-list[data-type=korean] a,
.sub-section[data-current-page=termsofuse] .num-list[data-type=korean] a,
.sub-section[data-current-page=legalnotice] .num-list[data-type=korean] a,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=korean] a,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=korean] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=privacy] .num-list[data-type=triangle] > li,
.sub-section[data-current-page=termsofuse] .num-list[data-type=triangle] > li,
.sub-section[data-current-page=legalnotice] .num-list[data-type=triangle] > li,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=triangle] > li,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=triangle] > li {
  margin-bottom: 1.6rem;
  padding-left: 2.1rem;
}
.sub-section[data-current-page=privacy] .num-list[data-type=triangle] > li::before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=triangle] > li::before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=triangle] > li::before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=triangle] > li::before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=triangle] > li::before {
  content: "▶";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=triangle] a,
.sub-section[data-current-page=termsofuse] .num-list[data-type=triangle] a,
.sub-section[data-current-page=legalnotice] .num-list[data-type=triangle] a,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=triangle] a,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=triangle] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=privacy] .num-list[data-type=middot] > li,
.sub-section[data-current-page=termsofuse] .num-list[data-type=middot] > li,
.sub-section[data-current-page=legalnotice] .num-list[data-type=middot] > li,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=middot] > li,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=middot] > li {
  margin-bottom: 0.4rem;
  padding-left: 1.8rem;
}
.sub-section[data-current-page=privacy] .num-list[data-type=middot] > li::before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=middot] > li::before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=middot] > li::before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=middot] > li::before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=middot] > li::before {
  content: "ㆍ";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=middot] a,
.sub-section[data-current-page=termsofuse] .num-list[data-type=middot] a,
.sub-section[data-current-page=legalnotice] .num-list[data-type=middot] a,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=middot] a,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=middot] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=privacy] .num-list[data-type=dash] > li,
.sub-section[data-current-page=termsofuse] .num-list[data-type=dash] > li,
.sub-section[data-current-page=legalnotice] .num-list[data-type=dash] > li,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=dash] > li,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=dash] > li {
  margin-bottom: 0.4rem;
  padding-left: 1.8rem;
}
.sub-section[data-current-page=privacy] .num-list[data-type=dash] > li::before,
.sub-section[data-current-page=termsofuse] .num-list[data-type=dash] > li::before,
.sub-section[data-current-page=legalnotice] .num-list[data-type=dash] > li::before,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=dash] > li::before,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=dash] > li::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.sub-section[data-current-page=privacy] .num-list[data-type=dash] a,
.sub-section[data-current-page=termsofuse] .num-list[data-type=dash] a,
.sub-section[data-current-page=legalnotice] .num-list[data-type=dash] a,
.sub-section[data-current-page=cctvpolicy] .num-list[data-type=dash] a,
.sub-section[data-current-page=errorinquiry] .num-list[data-type=dash] a {
  display: inline;
  text-decoration: underline;
}
.sub-section[data-current-page=privacy] .terms-dropbox-section,
.sub-section[data-current-page=termsofuse] .terms-dropbox-section,
.sub-section[data-current-page=legalnotice] .terms-dropbox-section,
.sub-section[data-current-page=cctvpolicy] .terms-dropbox-section,
.sub-section[data-current-page=errorinquiry] .terms-dropbox-section {
  margin: 0 0 clamp(3rem, 10px + 2.39583vmax, 5.6rem) auto;
  width: fit-content;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-dropbox-section,
  .sub-section[data-current-page=termsofuse] .terms-dropbox-section,
  .sub-section[data-current-page=legalnotice] .terms-dropbox-section,
  .sub-section[data-current-page=cctvpolicy] .terms-dropbox-section,
  .sub-section[data-current-page=errorinquiry] .terms-dropbox-section {
    width: 100%;
  }
  .sub-section[data-current-page=privacy] .terms-dropbox-section .selected-value,
  .sub-section[data-current-page=termsofuse] .terms-dropbox-section .selected-value,
  .sub-section[data-current-page=legalnotice] .terms-dropbox-section .selected-value,
  .sub-section[data-current-page=cctvpolicy] .terms-dropbox-section .selected-value,
  .sub-section[data-current-page=errorinquiry] .terms-dropbox-section .selected-value {
    padding: 1.2rem 1.6rem;
  }
  .sub-section[data-current-page=privacy] .terms-dropbox-section .dropbox-item,
  .sub-section[data-current-page=termsofuse] .terms-dropbox-section .dropbox-item,
  .sub-section[data-current-page=legalnotice] .terms-dropbox-section .dropbox-item,
  .sub-section[data-current-page=cctvpolicy] .terms-dropbox-section .dropbox-item,
  .sub-section[data-current-page=errorinquiry] .terms-dropbox-section .dropbox-item {
    padding: 1.2rem 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .terms-section,
.sub-section[data-current-page=termsofuse] .terms-section,
.sub-section[data-current-page=legalnotice] .terms-section,
.sub-section[data-current-page=cctvpolicy] .terms-section,
.sub-section[data-current-page=errorinquiry] .terms-section {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  color: #555555;
}
.sub-section[data-current-page=privacy] .terms-section .icon-wrap img,
.sub-section[data-current-page=termsofuse] .terms-section .icon-wrap img,
.sub-section[data-current-page=legalnotice] .terms-section .icon-wrap img,
.sub-section[data-current-page=cctvpolicy] .terms-section .icon-wrap img,
.sub-section[data-current-page=errorinquiry] .terms-section .icon-wrap img {
  width: 3.2rem;
  height: 3.2rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-section .icon-wrap img,
  .sub-section[data-current-page=termsofuse] .terms-section .icon-wrap img,
  .sub-section[data-current-page=legalnotice] .terms-section .icon-wrap img,
  .sub-section[data-current-page=cctvpolicy] .terms-section .icon-wrap img,
  .sub-section[data-current-page=errorinquiry] .terms-section .icon-wrap img {
    width: 2.8rem;
    height: 2.8rem;
  }
}
.sub-section[data-current-page=privacy] .terms-section .icon-wrap.outlink,
.sub-section[data-current-page=termsofuse] .terms-section .icon-wrap.outlink,
.sub-section[data-current-page=legalnotice] .terms-section .icon-wrap.outlink,
.sub-section[data-current-page=cctvpolicy] .terms-section .icon-wrap.outlink,
.sub-section[data-current-page=errorinquiry] .terms-section .icon-wrap.outlink {
  align-items: center;
  gap: 0;
  word-break: initial;
}
.sub-section[data-current-page=privacy] .terms-section .icon-wrap.outlink.center,
.sub-section[data-current-page=termsofuse] .terms-section .icon-wrap.outlink.center,
.sub-section[data-current-page=legalnotice] .terms-section .icon-wrap.outlink.center,
.sub-section[data-current-page=cctvpolicy] .terms-section .icon-wrap.outlink.center,
.sub-section[data-current-page=errorinquiry] .terms-section .icon-wrap.outlink.center {
  justify-content: center;
}
.sub-section[data-current-page=privacy] .terms-section .icon-wrap.outlink img,
.sub-section[data-current-page=termsofuse] .terms-section .icon-wrap.outlink img,
.sub-section[data-current-page=legalnotice] .terms-section .icon-wrap.outlink img,
.sub-section[data-current-page=cctvpolicy] .terms-section .icon-wrap.outlink img,
.sub-section[data-current-page=errorinquiry] .terms-section .icon-wrap.outlink img {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .terms-section .icon-wrap.outlink img,
  .sub-section[data-current-page=termsofuse] .terms-section .icon-wrap.outlink img,
  .sub-section[data-current-page=legalnotice] .terms-section .icon-wrap.outlink img,
  .sub-section[data-current-page=cctvpolicy] .terms-section .icon-wrap.outlink img,
  .sub-section[data-current-page=errorinquiry] .terms-section .icon-wrap.outlink img {
    width: 1.6rem;
    height: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .terms-top-notice-section .gray-box,
.sub-section[data-current-page=termsofuse] .terms-top-notice-section .gray-box,
.sub-section[data-current-page=legalnotice] .terms-top-notice-section .gray-box,
.sub-section[data-current-page=cctvpolicy] .terms-top-notice-section .gray-box,
.sub-section[data-current-page=errorinquiry] .terms-top-notice-section .gray-box {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=termsofuse] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=legalnotice] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=cctvpolicy] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=errorinquiry] .terms-top-notice-section .gray-box {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=termsofuse] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=legalnotice] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=cctvpolicy] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=errorinquiry] .terms-top-notice-section .gray-box {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=termsofuse] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=legalnotice] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=cctvpolicy] .terms-top-notice-section .gray-box,
  .sub-section[data-current-page=errorinquiry] .terms-top-notice-section .gray-box {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .terms-title-section,
.sub-section[data-current-page=termsofuse] .terms-title-section,
.sub-section[data-current-page=legalnotice] .terms-title-section,
.sub-section[data-current-page=cctvpolicy] .terms-title-section,
.sub-section[data-current-page=errorinquiry] .terms-title-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.sub-section[data-current-page=privacy] .terms-title-section .btn-box,
.sub-section[data-current-page=termsofuse] .terms-title-section .btn-box,
.sub-section[data-current-page=legalnotice] .terms-title-section .btn-box,
.sub-section[data-current-page=cctvpolicy] .terms-title-section .btn-box,
.sub-section[data-current-page=errorinquiry] .terms-title-section .btn-box {
  flex-shrink: 0;
}
.sub-section[data-current-page=privacy] .terms-title-section .title-desc,
.sub-section[data-current-page=termsofuse] .terms-title-section .title-desc,
.sub-section[data-current-page=legalnotice] .terms-title-section .title-desc,
.sub-section[data-current-page=cctvpolicy] .terms-title-section .title-desc,
.sub-section[data-current-page=errorinquiry] .terms-title-section .title-desc {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .terms-title-section .title-desc,
  .sub-section[data-current-page=termsofuse] .terms-title-section .title-desc,
  .sub-section[data-current-page=legalnotice] .terms-title-section .title-desc,
  .sub-section[data-current-page=cctvpolicy] .terms-title-section .title-desc,
  .sub-section[data-current-page=errorinquiry] .terms-title-section .title-desc {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .terms-title-section .title-desc,
  .sub-section[data-current-page=termsofuse] .terms-title-section .title-desc,
  .sub-section[data-current-page=legalnotice] .terms-title-section .title-desc,
  .sub-section[data-current-page=cctvpolicy] .terms-title-section .title-desc,
  .sub-section[data-current-page=errorinquiry] .terms-title-section .title-desc {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-title-section .title-desc,
  .sub-section[data-current-page=termsofuse] .terms-title-section .title-desc,
  .sub-section[data-current-page=legalnotice] .terms-title-section .title-desc,
  .sub-section[data-current-page=cctvpolicy] .terms-title-section .title-desc,
  .sub-section[data-current-page=errorinquiry] .terms-title-section .title-desc {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .terms-title,
.sub-section[data-current-page=termsofuse] .terms-title,
.sub-section[data-current-page=legalnotice] .terms-title,
.sub-section[data-current-page=cctvpolicy] .terms-title,
.sub-section[data-current-page=errorinquiry] .terms-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
.sub-section[data-current-page=privacy] .terms-title[data-type=xl],
.sub-section[data-current-page=termsofuse] .terms-title[data-type=xl],
.sub-section[data-current-page=legalnotice] .terms-title[data-type=xl],
.sub-section[data-current-page=cctvpolicy] .terms-title[data-type=xl],
.sub-section[data-current-page=errorinquiry] .terms-title[data-type=xl] {
  color: #0045C9;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-title,
  .sub-section[data-current-page=termsofuse] .terms-title,
  .sub-section[data-current-page=legalnotice] .terms-title,
  .sub-section[data-current-page=cctvpolicy] .terms-title,
  .sub-section[data-current-page=errorinquiry] .terms-title {
    justify-content: space-between;
  }
}
.sub-section[data-current-page=privacy] .terms-section p,
.sub-section[data-current-page=termsofuse] .terms-section p,
.sub-section[data-current-page=legalnotice] .terms-section p,
.sub-section[data-current-page=cctvpolicy] .terms-section p,
.sub-section[data-current-page=errorinquiry] .terms-section p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .terms-section p,
  .sub-section[data-current-page=termsofuse] .terms-section p,
  .sub-section[data-current-page=legalnotice] .terms-section p,
  .sub-section[data-current-page=cctvpolicy] .terms-section p,
  .sub-section[data-current-page=errorinquiry] .terms-section p {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .terms-section p,
  .sub-section[data-current-page=termsofuse] .terms-section p,
  .sub-section[data-current-page=legalnotice] .terms-section p,
  .sub-section[data-current-page=cctvpolicy] .terms-section p,
  .sub-section[data-current-page=errorinquiry] .terms-section p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-section p,
  .sub-section[data-current-page=termsofuse] .terms-section p,
  .sub-section[data-current-page=legalnotice] .terms-section p,
  .sub-section[data-current-page=cctvpolicy] .terms-section p,
  .sub-section[data-current-page=errorinquiry] .terms-section p {
    font-size: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .indent-2,
.sub-section[data-current-page=termsofuse] .indent-2,
.sub-section[data-current-page=legalnotice] .indent-2,
.sub-section[data-current-page=cctvpolicy] .indent-2,
.sub-section[data-current-page=errorinquiry] .indent-2 {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
.sub-section[data-current-page=privacy] .indent-2-pl,
.sub-section[data-current-page=termsofuse] .indent-2-pl,
.sub-section[data-current-page=legalnotice] .indent-2-pl,
.sub-section[data-current-page=cctvpolicy] .indent-2-pl,
.sub-section[data-current-page=errorinquiry] .indent-2-pl {
  padding-left: 2.4rem;
}
.sub-section[data-current-page=privacy] .mt-4,
.sub-section[data-current-page=termsofuse] .mt-4,
.sub-section[data-current-page=legalnotice] .mt-4,
.sub-section[data-current-page=cctvpolicy] .mt-4,
.sub-section[data-current-page=errorinquiry] .mt-4 {
  margin-top: 0.4rem;
}
.sub-section[data-current-page=privacy] .mt-8,
.sub-section[data-current-page=termsofuse] .mt-8,
.sub-section[data-current-page=legalnotice] .mt-8,
.sub-section[data-current-page=cctvpolicy] .mt-8,
.sub-section[data-current-page=errorinquiry] .mt-8 {
  margin-top: 0.8rem;
}
.sub-section[data-current-page=privacy] .mt-16,
.sub-section[data-current-page=termsofuse] .mt-16,
.sub-section[data-current-page=legalnotice] .mt-16,
.sub-section[data-current-page=cctvpolicy] .mt-16,
.sub-section[data-current-page=errorinquiry] .mt-16 {
  margin-top: clamp(0.8rem, 0.833333vmax, 1.6rem);
}
.sub-section[data-current-page=privacy] .mt-24,
.sub-section[data-current-page=termsofuse] .mt-24,
.sub-section[data-current-page=legalnotice] .mt-24,
.sub-section[data-current-page=cctvpolicy] .mt-24,
.sub-section[data-current-page=errorinquiry] .mt-24 {
  margin-top: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=privacy] .mt-32,
.sub-section[data-current-page=termsofuse] .mt-32,
.sub-section[data-current-page=legalnotice] .mt-32,
.sub-section[data-current-page=cctvpolicy] .mt-32,
.sub-section[data-current-page=errorinquiry] .mt-32 {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=privacy] .mb-4,
.sub-section[data-current-page=termsofuse] .mb-4,
.sub-section[data-current-page=legalnotice] .mb-4,
.sub-section[data-current-page=cctvpolicy] .mb-4,
.sub-section[data-current-page=errorinquiry] .mb-4 {
  margin-bottom: 0.4rem;
}
.sub-section[data-current-page=privacy] .mb-8,
.sub-section[data-current-page=termsofuse] .mb-8,
.sub-section[data-current-page=legalnotice] .mb-8,
.sub-section[data-current-page=cctvpolicy] .mb-8,
.sub-section[data-current-page=errorinquiry] .mb-8 {
  margin-bottom: 0.8rem;
}
.sub-section[data-current-page=privacy] .mb-16,
.sub-section[data-current-page=termsofuse] .mb-16,
.sub-section[data-current-page=legalnotice] .mb-16,
.sub-section[data-current-page=cctvpolicy] .mb-16,
.sub-section[data-current-page=errorinquiry] .mb-16 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem) !important;
}
.sub-section[data-current-page=privacy] .mb-24,
.sub-section[data-current-page=termsofuse] .mb-24,
.sub-section[data-current-page=legalnotice] .mb-24,
.sub-section[data-current-page=cctvpolicy] .mb-24,
.sub-section[data-current-page=errorinquiry] .mb-24 {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
.sub-section[data-current-page=privacy] .mb-32,
.sub-section[data-current-page=termsofuse] .mb-32,
.sub-section[data-current-page=legalnotice] .mb-32,
.sub-section[data-current-page=cctvpolicy] .mb-32,
.sub-section[data-current-page=errorinquiry] .mb-32 {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
.sub-section[data-current-page=privacy] .inner-img p,
.sub-section[data-current-page=termsofuse] .inner-img p,
.sub-section[data-current-page=legalnotice] .inner-img p,
.sub-section[data-current-page=cctvpolicy] .inner-img p,
.sub-section[data-current-page=errorinquiry] .inner-img p {
  text-align: center;
}
.sub-section[data-current-page=privacy] .badge,
.sub-section[data-current-page=termsofuse] .badge,
.sub-section[data-current-page=legalnotice] .badge,
.sub-section[data-current-page=cctvpolicy] .badge,
.sub-section[data-current-page=errorinquiry] .badge {
  display: block;
  margin-bottom: 0.4rem;
  background-color: #0045C9;
  color: #ffffff;
  width: fit-content;
}
.sub-section[data-current-page=privacy] .badge-white,
.sub-section[data-current-page=termsofuse] .badge-white,
.sub-section[data-current-page=legalnotice] .badge-white,
.sub-section[data-current-page=cctvpolicy] .badge-white,
.sub-section[data-current-page=errorinquiry] .badge-white {
  background-color: #ffffff;
  color: #0053F2;
  border: 1px solid #F0F0F0;
}
.sub-section[data-current-page=privacy] img.indent-2,
.sub-section[data-current-page=privacy] .table-container.indent-2,
.sub-section[data-current-page=termsofuse] img.indent-2,
.sub-section[data-current-page=termsofuse] .table-container.indent-2,
.sub-section[data-current-page=legalnotice] img.indent-2,
.sub-section[data-current-page=legalnotice] .table-container.indent-2,
.sub-section[data-current-page=cctvpolicy] img.indent-2,
.sub-section[data-current-page=cctvpolicy] .table-container.indent-2,
.sub-section[data-current-page=errorinquiry] img.indent-2,
.sub-section[data-current-page=errorinquiry] .table-container.indent-2 {
  margin-left: -2.4rem;
  width: calc(100% + 2.4rem);
}
.sub-section[data-current-page=privacy] img.indent-4,
.sub-section[data-current-page=privacy] .table-container.indent-4,
.sub-section[data-current-page=termsofuse] img.indent-4,
.sub-section[data-current-page=termsofuse] .table-container.indent-4,
.sub-section[data-current-page=legalnotice] img.indent-4,
.sub-section[data-current-page=legalnotice] .table-container.indent-4,
.sub-section[data-current-page=cctvpolicy] img.indent-4,
.sub-section[data-current-page=cctvpolicy] .table-container.indent-4,
.sub-section[data-current-page=errorinquiry] img.indent-4,
.sub-section[data-current-page=errorinquiry] .table-container.indent-4 {
  margin-left: -4.8rem;
  width: calc(100% + 4.8rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=privacy] .table-container.indent-2[data-scroll=true],
  .sub-section[data-current-page=termsofuse] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=termsofuse] .table-container.indent-2[data-scroll=true],
  .sub-section[data-current-page=legalnotice] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=legalnotice] .table-container.indent-2[data-scroll=true],
  .sub-section[data-current-page=cctvpolicy] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=cctvpolicy] .table-container.indent-2[data-scroll=true],
  .sub-section[data-current-page=errorinquiry] img.indent-2[data-scroll=true],
  .sub-section[data-current-page=errorinquiry] .table-container.indent-2[data-scroll=true] {
    margin-left: calc(-1 * max(2rem, 5.12821vw) - 2.2rem);
    width: calc(100% + max(2rem, 5.12821vw) + 2.2rem);
  }
  .sub-section[data-current-page=privacy] img.indent-4,
  .sub-section[data-current-page=privacy] .table-container.indent-4,
  .sub-section[data-current-page=termsofuse] img.indent-4,
  .sub-section[data-current-page=termsofuse] .table-container.indent-4,
  .sub-section[data-current-page=legalnotice] img.indent-4,
  .sub-section[data-current-page=legalnotice] .table-container.indent-4,
  .sub-section[data-current-page=cctvpolicy] img.indent-4,
  .sub-section[data-current-page=cctvpolicy] .table-container.indent-4,
  .sub-section[data-current-page=errorinquiry] img.indent-4,
  .sub-section[data-current-page=errorinquiry] .table-container.indent-4 {
    margin-left: -4.4rem;
    width: calc(100% + 4.4rem);
  }
}
.sub-section[data-current-page=privacy] .table-sub-tit.border-right,
.sub-section[data-current-page=termsofuse] .table-sub-tit.border-right,
.sub-section[data-current-page=legalnotice] .table-sub-tit.border-right,
.sub-section[data-current-page=cctvpolicy] .table-sub-tit.border-right,
.sub-section[data-current-page=errorinquiry] .table-sub-tit.border-right {
  border-right: 1px solid #D8D8D8 !important;
}
.sub-section[data-current-page=privacy] .table-sub-tit.no-border-bottom,
.sub-section[data-current-page=termsofuse] .table-sub-tit.no-border-bottom,
.sub-section[data-current-page=legalnotice] .table-sub-tit.no-border-bottom,
.sub-section[data-current-page=cctvpolicy] .table-sub-tit.no-border-bottom,
.sub-section[data-current-page=errorinquiry] .table-sub-tit.no-border-bottom {
  border-bottom: unset;
}
.sub-section[data-current-page=privacy] .table-tit-icon-box,
.sub-section[data-current-page=termsofuse] .table-tit-icon-box,
.sub-section[data-current-page=legalnotice] .table-tit-icon-box,
.sub-section[data-current-page=cctvpolicy] .table-tit-icon-box,
.sub-section[data-current-page=errorinquiry] .table-tit-icon-box {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.sub-section[data-current-page=privacy] .table-tit-icon-box i, .sub-section[data-current-page=privacy] .table-tit-icon-box img,
.sub-section[data-current-page=termsofuse] .table-tit-icon-box i,
.sub-section[data-current-page=termsofuse] .table-tit-icon-box img,
.sub-section[data-current-page=legalnotice] .table-tit-icon-box i,
.sub-section[data-current-page=legalnotice] .table-tit-icon-box img,
.sub-section[data-current-page=cctvpolicy] .table-tit-icon-box i,
.sub-section[data-current-page=cctvpolicy] .table-tit-icon-box img,
.sub-section[data-current-page=errorinquiry] .table-tit-icon-box i,
.sub-section[data-current-page=errorinquiry] .table-tit-icon-box img {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
}
.sub-section[data-current-page=privacy] td a,
.sub-section[data-current-page=termsofuse] td a,
.sub-section[data-current-page=legalnotice] td a,
.sub-section[data-current-page=cctvpolicy] td a,
.sub-section[data-current-page=errorinquiry] td a {
  display: flex !important;
  justify-content: center;
  align-items: center;
  transition: ease 0.3s;
}
.sub-section[data-current-page=privacy] td a.download,
.sub-section[data-current-page=termsofuse] td a.download,
.sub-section[data-current-page=legalnotice] td a.download,
.sub-section[data-current-page=cctvpolicy] td a.download,
.sub-section[data-current-page=errorinquiry] td a.download {
  text-decoration: auto !important;
}
.sub-section[data-current-page=privacy] td a .icon-download,
.sub-section[data-current-page=termsofuse] td a .icon-download,
.sub-section[data-current-page=legalnotice] td a .icon-download,
.sub-section[data-current-page=cctvpolicy] td a .icon-download,
.sub-section[data-current-page=errorinquiry] td a .icon-download {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] td a .icon-download,
  .sub-section[data-current-page=termsofuse] td a .icon-download,
  .sub-section[data-current-page=legalnotice] td a .icon-download,
  .sub-section[data-current-page=cctvpolicy] td a .icon-download,
  .sub-section[data-current-page=errorinquiry] td a .icon-download {
    width: 2rem;
    height: 2rem;
  }
}
.sub-section[data-current-page=privacy] td a svg,
.sub-section[data-current-page=termsofuse] td a svg,
.sub-section[data-current-page=legalnotice] td a svg,
.sub-section[data-current-page=cctvpolicy] td a svg,
.sub-section[data-current-page=errorinquiry] td a svg {
  width: 2rem;
  height: 2rem;
}
.sub-section[data-current-page=privacy] td a svg path,
.sub-section[data-current-page=termsofuse] td a svg path,
.sub-section[data-current-page=legalnotice] td a svg path,
.sub-section[data-current-page=cctvpolicy] td a svg path,
.sub-section[data-current-page=errorinquiry] td a svg path {
  transition: ease 0.3s;
}
@media screen and (hover: hover) {
  .sub-section[data-current-page=privacy] td a:hover,
  .sub-section[data-current-page=termsofuse] td a:hover,
  .sub-section[data-current-page=legalnotice] td a:hover,
  .sub-section[data-current-page=cctvpolicy] td a:hover,
  .sub-section[data-current-page=errorinquiry] td a:hover {
    color: #0045C9;
  }
  .sub-section[data-current-page=privacy] td a:hover svg path,
  .sub-section[data-current-page=termsofuse] td a:hover svg path,
  .sub-section[data-current-page=legalnotice] td a:hover svg path,
  .sub-section[data-current-page=cctvpolicy] td a:hover svg path,
  .sub-section[data-current-page=errorinquiry] td a:hover svg path {
    stroke: #0045C9;
  }
}
.sub-section[data-current-page=privacy] td a:active,
.sub-section[data-current-page=termsofuse] td a:active,
.sub-section[data-current-page=legalnotice] td a:active,
.sub-section[data-current-page=cctvpolicy] td a:active,
.sub-section[data-current-page=errorinquiry] td a:active {
  color: #0045C9;
}
.sub-section[data-current-page=privacy] td a:active svg path,
.sub-section[data-current-page=termsofuse] td a:active svg path,
.sub-section[data-current-page=legalnotice] td a:active svg path,
.sub-section[data-current-page=cctvpolicy] td a:active svg path,
.sub-section[data-current-page=errorinquiry] td a:active svg path {
  stroke: #0045C9;
}

.sub-section[data-current-page=privacy] .terms-section {
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
.sub-section[data-current-page=privacy] .terms-section:has(> .btn-box) {
  margin-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .terms-section .terms-title-section {
    flex-direction: column;
    gap: 1.6rem;
  }
}
.sub-section[data-current-page=privacy] .dropdown-container {
  padding: 0 4rem;
}
.sub-section[data-current-page=privacy] .dropdown-list[data-type=depth2] .inner-box {
  background-color: #F8F8F8;
}
.sub-section[data-current-page=privacy] .dropdown-list[data-type=depth2] .dropdown-item-top-tit {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .dropdown-list[data-type=depth2] .dropdown-item-top-tit {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
.sub-section[data-current-page=privacy] .dropdown-item-top {
  padding: 2.4rem 0;
}
.sub-section[data-current-page=privacy] .dropdown-item-top .title-box {
  display: flex;
  align-items: center;
  gap: 0.5454545455em;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap {
  width: 1.8181818182em;
  height: 1.8181818182em;
  flex-shrink: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap img {
  width: 100%;
  height: 100%;
}
.sub-section[data-current-page=privacy] .dropdown-item-top-tit {
  width: fit-content;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 2.2rem;
}
@media screen and (max-width: 1440px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top-tit {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top-tit {
    font-size: 2.1rem;
  }
}
.sub-section[data-current-page=privacy] .dropdown-item-top-arrow svg, .sub-section[data-current-page=privacy] .dropdown-item-top-arrow path {
  fill: none;
}
.sub-section[data-current-page=privacy] .dropdown-item-bottom .inner-box {
  padding: 1.6rem 0 4rem;
  background-color: #ffffff;
}
.sub-section[data-current-page=privacy] .dropdown-item-bottom .table-container {
  margin-top: 0;
}
@media screen and (max-width: 1024px) {
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box {
    flex-direction: row;
  }
  .sub-section[data-current-page=privacy] .dropdown-item-bottom .table-container table .col1 {
    width: 15%;
    min-width: 8rem;
  }
  .sub-section[data-current-page=privacy] .dropdown-item-bottom .table-container table .col2 {
    width: 40%;
    min-width: 14rem;
  }
}
@media screen and (max-width: 600px) {
  .sub-section[data-current-page=privacy] .dropdown-container {
    padding: 0 2rem;
  }
  .sub-section[data-current-page=privacy] .dropdown-item-top {
    align-items: center;
  }
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap {
    width: fit-content;
    height: fit-content;
    gap: 0.2rem;
  }
  .sub-section[data-current-page=privacy] .dropdown-item-top .title-box .icon-wrap img {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.layer-popup-container.privacy.popup-slide .layer-popup-content {
  height: 80%;
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper {
  height: 100%;
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-next,
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-prev {
  aspect-ratio: 1/1;
  width: 4.8rem;
  height: 4.8rem;
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-next button,
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-prev button {
  width: 100%;
  height: 100%;
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-next:after,
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-prev:after {
  display: none;
}
@media screen and (max-width: 600px) {
  .layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-next,
  .layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-prev {
    width: 3.2rem;
    height: 3.2rem;
  }
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-next {
  right: 0;
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-prev {
  left: 0;
  transform: rotate(-180deg);
}
.layer-popup-container.privacy.popup-slide .layer-popup-content #popup-swiper .swiper-button-disabled {
  opacity: 0;
}

main[data-current-page=mypage] {
  padding-bottom: clamp(8.8rem, 10.41667vmax, 20rem);
  background-color: #F8F8F8;
}
main[data-current-page=mypage] .mypage-head {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
main[data-current-page=mypage] .mypage-head h2 {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(4.8rem, 2.91666vw, 5.6rem);
}
@media screen and (max-width: 1440px) {
  main[data-current-page=mypage] .mypage-head h2 {
    font-size: clamp(4.8rem, 2.91666vw, 5.6rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-head h2 {
    font-size: max(2.8rem, 4.6875vw);
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-head h2 {
    font-size: max(2.8rem, 4.6875vw);
  }
}
main[data-current-page=mypage] .mypage-head .btn {
  display: none;
}
main[data-current-page=mypage] .mypage-container-box {
  max-width: 1330px;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .left-menu-container {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .mypage-head {
    padding-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
    padding-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .mypage-head h2 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box:not([data-type=mypage-main]) .mypage-head .btn {
    display: inline-flex;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-head {
    padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  }
}
main[data-current-page=mypage] .mypage-container-box .mypage-wrapper {
  position: relative;
  display: flex;
  gap: clamp(2.4rem, 2.6041vw, 5rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .mypage-wrapper {
    flex-direction: column-reverse;
  }
}
main[data-current-page=mypage] .mypage-container-box .mypage-wrapper .right-content {
  display: flex;
  flex-direction: column;
  width: calc(100% - 22rem - clamp(2.4rem, 2.6041vw, 5rem));
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .mypage-wrapper .right-content {
    width: 100%;
  }
}
main[data-current-page=mypage] .mypage-container-box h3 {
  padding-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
main[data-current-page=mypage] .mypage-container-box .box-container {
  display: flex;
  flex-direction: column;
  gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
main[data-current-page=mypage] .mypage-container-box .mypage-box {
  padding: 3.2rem 4rem;
  background-color: #ffffff;
  border-radius: max(0.6rem, 0.41666vw);
  border: 1px solid #D8D8D8;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .mypage-box {
    padding: 2rem;
  }
}
main[data-current-page=mypage] .mypage-container-box .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
  margin-top: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
}
main[data-current-page=mypage] .mypage-container-box .btn-wrap .btn {
  width: 14.9rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box .btn-wrap .btn {
    width: auto;
    flex: 1;
  }
}
main[data-current-page=mypage] .mypage-container-box .board-list-container .search-no-result {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .board-list-container .column.m-order-2 {
    width: 50%;
  }
}
main[data-current-page=mypage] .mypage-container-box .board-list-container.no-result .board-list-tbody {
  display: none;
}
main[data-current-page=mypage] .mypage-container-box .board-list-container.no-result .search-no-result {
  display: block;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .board-list-container.no-result .board-list-tbl {
    border: none;
  }
}
main[data-current-page=mypage] .mypage-container-box .search-no-result {
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-bottom-left-radius: max(0.6rem, 0.41666vw);
  border-bottom-right-radius: max(0.6rem, 0.41666vw);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .search-no-result {
    border-radius: max(0.6rem, 0.41666vw);
  }
}
main[data-current-page=mypage] .mypage-container-box .search-no-result .tit-box {
  padding-top: clamp(5.2rem, 6.25vmax, 12rem);
  padding-bottom: clamp(5.2rem, 6.25vmax, 12rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box .search-no-result .tit-box {
    padding-top: clamp(7.2rem, 8.33333vmax, 16rem);
    padding-bottom: clamp(7.2rem, 8.33333vmax, 16rem);
  }
}
main[data-current-page=mypage] .mypage-container-box .view .customer-view-container:first-child {
  margin-top: 0;
}
main[data-current-page=mypage] .mypage-container-box .view .sub-component-title {
  margin-bottom: 0;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}

main[data-current-page=mypage] .left-menu-container {
  position: sticky;
  top: 9rem;
  display: flex;
  flex-direction: column;
  gap: 2.8rem;
  width: 22rem;
  height: fit-content;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container {
    width: 100%;
    gap: 1.8rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap.active .left-menu {
  background-color: #0045C9;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap.active .left-menu p {
  color: #ffffff;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu {
  width: 100%;
  padding: 1rem 1.6rem;
  border-radius: 0.6rem;
  background-color: #ffffff;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu p {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.4rem;
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu {
    padding: 1rem 3.2rem;
    border: 1px solid #D8D8D8;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu {
    padding: 1rem 2rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .left-menu-ul {
  height: 0;
  overflow: hidden;
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul {
  padding: 1.8rem 1.6rem 0 1.6rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul {
    padding: 1.6rem 3.2rem 0 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul {
    padding: 1.6rem 2rem 0 2rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li:not(:last-child) {
  margin-bottom: 1.4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li:not(:last-child) {
    margin-bottom: 1.6rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a {
  display: flex;
  align-items: center;
  width: fit-content;
  gap: 0.4rem;
  color: #8E8E8E;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.7rem;
}
@media screen and (max-width: 1440px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a {
    font-size: 1.6rem;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a.active {
  color: #0045C9;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap ul li a {
    color: #1D1D1D;
  }
}
main[data-current-page=mypage] .left-menu-container .left-menu-wrap .icon {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .left-menu-container .left-menu-wrap .icon {
    display: block;
  }
}

.password-container {
  height: calc(100vh - 7rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.password-container .content strong {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
.password-container .content p {
  padding-top: clamp(2rem, 2.5vmax, 4.8rem);
  padding-bottom: clamp(3rem, 10px + 2.39583vmax, 5.6rem);
  color: #1D1D1D;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  .password-container .content p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  .password-container .content p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  .password-container .content p {
    font-size: 1.8rem;
  }
}
.password-container .content b {
  color: #0045C9;
}
.password-container .content .btn-wrap {
  display: flex;
  justify-content: center;
  gap: 1.6rem;
}
.password-container br.br-ta,
.password-container br.br-mo {
  display: none;
}
@media screen and (max-width: 1024px) and (min-width: 601px) {
  .password-container br.br-ta {
    display: block;
  }
}
@media screen and (max-width: 600px) {
  .password-container br.br-mo {
    display: block;
  }
}

main[data-current-page=mypage] {
  /* 마이페이지 메인 */
  /* 회원정보수정 */
  /* 회원탈퇴 */
  /* 회사정보 등록수정 */
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] {
  /* 모바일 상담내역/예약확인 */
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-wrapper {
    gap: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .sub-component-title-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 2rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .sub-component-title-box .dot-txt-list {
  margin-top: 0.4rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: clamp(5.6rem, 38px + 2.1875vmax, 8rem);
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info {
    width: 100%;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .user-tag {
  display: inline-block;
  padding: 0.4rem 1.2rem;
  margin-bottom: 1.6rem;
  border-radius: 10rem;
  color: #0045C9;
  border: 1px solid #0045C9;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .user-tag {
    margin-bottom: 1.8rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .user-name {
  color: #1D1D1D;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(2.2rem, 1.25vw, 2.4rem);
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info {
    gap: 0.6rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .txt {
  color: #717171;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .time-wrap {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .time-wrap svg {
  width: 1.6rem;
  height: 1.6rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .time-wrap .time {
  white-space: pre;
  color: #0045C9;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: clamp(1.3rem, 0.78125vw, 1.5rem);
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-info .logout-time-info .txt-btn {
    margin-left: auto;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap {
  display: flex;
  gap: 2rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap {
    width: 100%;
    gap: 1.6rem;
    margin-top: 2rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap .btn {
    flex: 1;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .mypage-box.user .user-btn-wrap .btn {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .hide-mo {
    display: none !important;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .hide-pc {
  display: none;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .hide-pc {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .box-container {
    flex-direction: column;
    gap: 1.6rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=mypage-main] .box-container .box-wrap {
    width: 100%;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=company],
main[data-current-page=mypage] .mypage-container-box[data-type=change] {
  /* 비밀번호 변경 */
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .sub-component-title-box.essential.direct-col,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .sub-component-title-box.essential.direct-col {
    flex-direction: column;
    margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .sub-component-title-box.essential.direct-col .inner,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .sub-component-title-box.essential.direct-col .inner {
    margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .sub-component-title-box.essential.direct-col .essential-txt,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .sub-component-title-box.essential.direct-col .essential-txt {
    width: 100%;
    justify-content: flex-end;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .mypage-box.change,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .mypage-box.change {
  padding: 3.2rem 4rem 4rem 4rem;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .mypage-box.change,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .mypage-box.change {
    padding: 3.2rem;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .mypage-box.change,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .mypage-box.change {
    padding: 2rem 2rem 2.4rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-title,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
    font-size: 1.5rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.id .input-text-button,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.id .input-text-button {
  position: relative;
  display: flex;
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.id .input-text-button,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.id .input-text-button {
    gap: 1rem;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.id .btn,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.id .btn {
  position: absolute;
  right: -2rem;
  transform: translateX(100%);
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.id .btn,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.id .btn {
    position: relative;
    right: auto;
    transform: none;
  }
}
@media screen and (min-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.news,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.news {
    gap: 2rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.news .form-item,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.news .form-item {
    width: 23rem;
  }
}
@media screen and (min-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-item-row.news,
  main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-item-row.news {
    flex-direction: row;
  }
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] ul.change-dot-txt-list,
main[data-current-page=mypage] .mypage-container-box[data-type=change] ul.change-dot-txt-list {
  margin-bottom: 2.4rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] ul.change-dot-txt-list li,
main[data-current-page=mypage] .mypage-container-box[data-type=change] ul.change-dot-txt-list li {
  color: #555555;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.5rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] ul.change-dot-txt-list li.bold,
main[data-current-page=mypage] .mypage-container-box[data-type=change] ul.change-dot-txt-list li.bold {
  font-weight: 700;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] ul.change-dot-txt-list li:not(:last-child),
main[data-current-page=mypage] .mypage-container-box[data-type=change] ul.change-dot-txt-list li:not(:last-child) {
  margin-bottom: 0.4rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] ul.change-dot-txt-list li b,
main[data-current-page=mypage] .mypage-container-box[data-type=change] ul.change-dot-txt-list li b {
  color: #E81D21;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .dot-txt-list,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .dot-txt-list {
  margin-top: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg {
  display: flex;
  gap: 0.5rem;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg.level-5 em, main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg.level-4 em,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg.level-5 em,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg.level-4 em {
  color: #E81D21;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg.level-3 em,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg.level-3 em {
  color: #FF4549;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg.level-2 em,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg.level-2 em {
  color: #3379FF;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg.level-1 em,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg.level-1 em {
  color: #0045C9;
}
main[data-current-page=mypage] .mypage-container-box[data-type=company] .form-input-item.new-password .msg::before,
main[data-current-page=mypage] .mypage-container-box[data-type=change] .form-input-item.new-password .msg::before {
  content: none;
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=withdrawal] .sub-component-title br {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .board-list-tbody .check-col {
    gap: 0 !important;
    position: absolute;
    top: 2.9rem;
    left: 2.4rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .board-list-tbody .board-title {
    padding-left: 3rem;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .board-list-tbody .board-list-row .column:nth-child(4) {
    order: 3;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .board-list-tbody .board-list-row .column:nth-child(6) {
    order: 4;
  }
}
@media screen and (max-width: 600px) {
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .board-list-tbody .board-list-row .column:nth-child(4) {
    width: 100%;
  }
  main[data-current-page=mypage] .mypage-container-box[data-type=company] .board-list-tbody .board-list-row .column:nth-child(6) {
    width: 100%;
  }
}

body:has([data-current-page=error]) {
  background-color: #F8F8F8;
}

#wrapper[data-current-page=error] {
  height: calc(100vh - 7rem);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #1D1D1D;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] {
    height: calc(100vh - 6rem);
    padding-right: max(2rem, 5.12821vw);
    padding-left: max(2rem, 5.12821vw);
  }
}
#wrapper[data-current-page=error] .only-web {
  display: block;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .only-web {
    display: none;
  }
}
#wrapper[data-current-page=error] .only-mobile {
  display: none;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .only-mobile {
    display: block;
  }
}
#wrapper[data-current-page=error] .error-container,
#wrapper[data-current-page=error] .logout-container {
  width: 100%;
}
#wrapper[data-current-page=error] .error-container .img-wrap,
#wrapper[data-current-page=error] .logout-container .img-wrap {
  margin-bottom: clamp(2.6rem, 22px + 0.52083vmax, 3.2rem);
}
#wrapper[data-current-page=error] .error-container .img-wrap i,
#wrapper[data-current-page=error] .logout-container .img-wrap i {
  display: block;
  width: max(8.3333333333vw, 16rem);
  height: max(8.3333333333vw, 16rem);
  margin: 0 auto;
}
#wrapper[data-current-page=error] .error-container .img-wrap svg,
#wrapper[data-current-page=error] .logout-container .img-wrap svg {
  display: block;
  width: 100%;
  height: 100%;
}
#wrapper[data-current-page=error] .error-container h2,
#wrapper[data-current-page=error] .logout-container h2 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(2.5rem, 1.66667vw, 3.2rem);
}
#wrapper[data-current-page=error] .error-container p,
#wrapper[data-current-page=error] .logout-container p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .error-container p,
  #wrapper[data-current-page=error] .logout-container p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .error-container p,
  #wrapper[data-current-page=error] .logout-container p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .error-container p,
  #wrapper[data-current-page=error] .logout-container p {
    font-size: 1.8rem;
  }
}
#wrapper[data-current-page=error] .error-container p b,
#wrapper[data-current-page=error] .logout-container p b {
  color: #0045C9;
}
#wrapper[data-current-page=error] .error-container .btn-wrap,
#wrapper[data-current-page=error] .logout-container .btn-wrap {
  margin-top: 5.6rem;
  display: flex;
  justify-content: center;
  gap: max(0.8333333333vw, 1.6rem);
}
#wrapper[data-current-page=error] .error-container .btn-wrap .btn,
#wrapper[data-current-page=error] .logout-container .btn-wrap .btn {
  width: 15rem;
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .error-container .img-wrap i,
  #wrapper[data-current-page=error] .logout-container .img-wrap i {
    width: max(20.5128205128vw, 8rem);
    height: max(20.5128205128vw, 8rem);
  }
  #wrapper[data-current-page=error] .error-container h2,
  #wrapper[data-current-page=error] .logout-container h2 {
    width: 100%;
    margin-bottom: clamp(2rem, 2.5vmax, 4.8rem);
  }
  #wrapper[data-current-page=error] .error-container .btn-wrap,
  #wrapper[data-current-page=error] .logout-container .btn-wrap {
    margin-top: 3rem;
  }
  #wrapper[data-current-page=error] .error-container .btn-wrap > *,
  #wrapper[data-current-page=error] .logout-container .btn-wrap > * {
    width: fit-content;
    flex-grow: 1;
  }
}
#wrapper[data-current-page=error] .system-container .logo-wrap {
  margin-bottom: clamp(2rem, 18px + 0.3125vmax, 2.4rem);
}
#wrapper[data-current-page=error] .system-container .logo-wrap i, #wrapper[data-current-page=error] .system-container .logo-wrap svg {
  width: auto;
  height: max(2.4479166667vw, 4.7rem);
  display: block;
  margin: 0 auto;
}
#wrapper[data-current-page=error] .system-container h2 {
  margin-bottom: clamp(0.8rem, 0.833333vmax, 1.6rem);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 1px;
  font-size: clamp(4.2rem, 2.5vw, 4.8rem);
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .system-container h2 {
    font-size: clamp(4.2rem, 2.5vw, 4.8rem);
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container h2 {
    font-size: max(2.5rem, 4.16667vw);
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container h2 {
    font-size: max(2.5rem, 4.16667vw);
  }
}
#wrapper[data-current-page=error] .system-container p {
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .system-container p {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container p {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container p {
    font-size: 1.8rem;
  }
}
#wrapper[data-current-page=error] .system-container .notice-wrap {
  color: #555555;
  margin-top: 4.8rem;
  padding: 2.4rem 4rem;
  background-color: #ffffff;
  border: 1px solid #0045C9;
  border-radius: max(0.6rem, 0.41666vw);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    font-size: 1.9rem;
  }
}
@media screen and (max-width: 1024px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 600px) {
  #wrapper[data-current-page=error] .system-container .notice-wrap {
    font-size: 1.8rem;
  }
}
#wrapper[data-current-page=error] .system-container .notice-wrap .tit {
  position: relative;
  font-weight: 700;
  width: fit-content;
  height: 100%;
}
#wrapper[data-current-page=error] .system-container .notice-wrap .line {
  display: inline-block;
  position: relative;
  height: 1.6rem;
  width: 0.1rem;
  background-color: #D8D8D8;
  margin: 0.65rem 0.8rem 0;
  flex-shrink: 0;
}