@charset "UTF-8";
/* response */
/* 아이콘 버튼 */
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: swap;
  src: local("Pretendard Black"), url("../fonts/Pretendard-Black.woff2") format("woff2"), url("../fonts/Pretendard-Black.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  font-display: swap;
  src: local("Pretendard ExtraBold"), url("../fonts/Pretendard-ExtraBold.woff2") format("woff2"), url("../fonts/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: swap;
  src: local("Pretendard Bold"), url("../fonts/Pretendard-Bold.woff2") format("woff2"), url("../fonts/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: swap;
  src: local("Pretendard SemiBold"), url("../fonts/Pretendard-SemiBold.woff2") format("woff2"), url("../fonts/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: swap;
  src: local("Pretendard Medium"), url("../fonts/Pretendard-Medium.woff2") format("woff2"), url("../fonts/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: swap;
  src: local("Pretendard Regular"), url("../fonts/Pretendard-Regular.woff2") format("woff2"), url("../fonts/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: swap;
  src: local("Pretendard Light"), url("../fonts/Pretendard-Light.woff2") format("woff2"), url("../fonts/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: swap;
  src: local("Pretendard ExtraLight"), url("../fonts/Pretendard-ExtraLight.woff2") format("woff2"), url("../fonts/Pretendard-ExtraLight.woff") format("woff");
}
/* 컨텐츠 페이지 대타이틀 (H1)
SemiBold / Font 12rem / #050505 / 자간 0rem / Line-Height 1 */
/* 컨텐츠 페이지 세미타이틀 (H2)
SemiBold / Font 8rem / #050505 / 자간 0rem / Line-Height 1 */
/* 컨텐츠 페이지 작은타이틀 (H3)
SemiBold / Font 6.2rem / #050505 / 자간 0rem / Line-Height 1  */
/* 헤더 GNB 타이틀 & 프로세스 타이틀 (H4)
SemiBold / Font 4.2rem / #050505 / 자간 0rem / Line-Height 1  */
/* 헤더 GNB 소타이틀 & 프로세스 소타이틀 (H5)
SemiBold / Font 3.2rem / #050505 / 자간 0rem / Line-Height 1  */
/* 본문 (기본) - 타이틀
Regular / Font 2.6rem / #050505 / 자간 0rem / Line-Height 1 */
/* 본문 (기본) -노멀
Regular / Font 2rem / #050505 / 자간 0rem / Line-Height 1 */
/* 본문 (기본) -검정
Regular / Font 1.6rem / #050505 / 자간 0rem / Line-Height 1 */
/* 본문 - 중간
Regular / Font 1.4rem / #050505 / 자간 0rem / Line-Height 1 */
/* 최소 본문 - 스몰
Regular / Font 1.2rem / #050505 / 자간 0rem / Line-Height 1 */
.main-title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 12rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0rem;
}

.semimain-title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.small-title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.conts-title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.normal-title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.strong-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.normal-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.semim-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.xsmal-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.small-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.ico-delete {
  position: absolute;
  top: 50%;
  right: 0;
  width: 3rem;
  height: 3rem;
  background: url("/assets/images/icon/ico-delete.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}
.ico-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 2.8rem;
  height: 2.8rem;
  background: url("/assets/images/icon/ico-close.svg") no-repeat center;
  background-size: contain;
}
.ico-reset {
  width: 3rem;
  height: 3rem;
  background: url("/assets/images/icon/ico-reset.svg") no-repeat center;
  background-size: contain;
}
.ico-eye {
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  background: url("/assets/images/icon/ico-eye-off.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
  cursor: default;
}
.ico-eye.show {
  background-image: url("/assets/images/icon/ico-eye-on.svg");
}
.ico-eye.on {
  right: 6.4rem;
}
.ico-required {
  overflow: hidden;
  width: 0;
  padding: 0 0 0 1.5rem;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
.ico-required::before {
  content: "*";
  float: left;
  margin: 0 0 0 -1.5rem;
  width: 1.5rem;
  color: #E90247;
  text-align: center;
}
.ico-calendar {
  background: url("/assets/images/icon/ico-calendar.svg") no-repeat calc(100% - 2rem) center;
  background-size: 2rem 2rem;
}
.ico-search {
  position: absolute;
  top: 50%;
  right: 0;
  width: 3.4rem;
  height: 3.4rem;
  background: url("/assets/images/icon/ico-search.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}

.paging-prev {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/assets/images/icon/paging-prev.svg") no-repeat center center;
  background-size: 2.1rem 2.1rem;
}
.paging-first {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/assets/images/icon/paging-first.svg") no-repeat center center;
  background-size: 2.1rem 2.1rem;
}
.paging-next {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/assets/images/icon/paging-next.svg") no-repeat center center;
  background-size: 2.1rem 2.1rem;
}
.paging-end {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  background: url("/assets/images/icon/paging-end.svg") no-repeat center center;
  background-size: 2.1rem 2.1rem;
}

.validation-list-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/images/icon/ico-check.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
}
.validation-list-item.success::before {
  background-image: url("/assets/images/icon/ico-check-success.svg");
}
.validation-list-item.error::before {
  background-image: url("/assets/images/icon/ico-check-error.svg");
}

body {
  color: #050505;
  font-family: "Pretendard", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, Geneva, sans-serif, Apple Gothic, AppleGothic;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0rem;
  vertical-align: middle;
  word-break: keep-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.fixed {
  touch-action: none;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.scrOff {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  font-size: 62.5%;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}

span {
  display: inline-block;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
  display: inline;
}

/* remember to define focus styles! */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -o-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

:focus {
  outline: none;
  box-shadow: 0 0 2px 2px #51a7e8;
}

select {
  cursor: pointer;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
/* table {
  border-color: inherit; 1
  border-spacing: 0;
  padding: 0;
  border: 0;
}
table th, table td {
  padding: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
} */

.hidden {
  display: block;
  position: absolute;
  overflow: hidden;
  margin: -0.1rem;
  padding: 0;
  width: 0.1rem;
  height: 0.1rem;
  line-height: 0.1rem;
  font-size: 0.1rem;
  border: 0;
  clip: rect(0 0 0 0);
}

.mt10 {
  margin-top: 1rem;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

sup {
  vertical-align: super;
}

.banner-poster-list {
  display: flex;
  column-gap: 2rem;
}
.banner-poster-list li {
  flex: 1;
  position: relative;
  border-radius: 1rem;
  width: 100%;
}
.banner-poster-list li a {
  padding: 8rem 3rem;
  height: 43rem;
  display: block;
}
.banner-poster-list li a .content {
  color: #fff;
  padding-bottom: 6.7rem;
}
.equip-content-add{
	padding-bottom: 4rem !important;
}
.banner-poster-list li a .content .title {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
}
.banner-poster-list li a .content .desc {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 3rem;
  line-height: 1.4;
}
.banner-poster-list li a .robot-content-baner {
  color: #fff;
}
.banner-poster-list li a .robot-content-baner .title {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
}
.banner-poster-list li a .robot-content-baner .desc {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 3rem;
  line-height: 1.4;
}
.banner-poster-list li a .btn {
  font-size: 1.8rem;
  display: inline-block;
  position: absolute;
  bottom: 8rem;
  left: 3rem;
  width: auto;
}
.btn-equipment{
    position: relative !important;
    bottom: 0px !important;
    left: 0px !important;
}
.banner-poster-list li a .btn-robot {
  font-size: 1.8rem;
  display: inline-block;
 /*  position: absolute; */
  bottom: 8rem;
  left: 3rem;
  width: auto;
  margin-top: 4rem;
}
.banner-poster-list li.demo-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_srv_03_img09.png");
}
.banner-poster-list li.data-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_ind_bannerImg.png");
}
.banner-poster-list li.bro-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_srv_06_img17.png");
}
.banner-poster-list li.bro-bg-mo {
  background: no-repeat right/cover url("/assets/images/subpages/mrc_srv_06_img17.png");
}
.banner-poster-list li.solution-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_srv_02_img03.png");
}
.banner-poster-list li.automation-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_srv_05_img04.png");
}
.banner-poster-list li.highway-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_05_img12.png");
}
.banner-poster-list li.mesplus-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_01_bannerImg01.png");
}
.banner-poster-list li.mesplusQms-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_02_bannerImg01.png");
}
.banner-poster-list li.mesplusMc-bg {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_03_bannerImg01.png");
}
.banner-poster-list li.mesplus-bg-eng {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_01_bannerImg01_en.png");
}
.banner-poster-list li.demo-bg-eng {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_srv_03_img09_en.png");
}
.banner-poster-list li.highway-bg-eng {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_05_img12_en.png");
}
.banner-poster-list li.mesplusMc-bg-eng {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_03_bannerImg01_en.png");
}
.banner-poster-list li.mesplusQms-bg-eng {
  background: no-repeat center/cover url("/assets/images/subpages/mrc_sol_02_bannerImg01_en.png");
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 24rem 0 20rem 0;
}
.container .sub-conts-wide {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.container .sub-conts {
  max-width: 160rem;
  margin: 0 auto;
}
.container .sub-conts-wide .fixedVisual {
  width: 100%;
  height: 42rem;
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.container .sub-conts-wide .fixedVisual .visual-img {
  width: 90%;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  min-height: 42rem;
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-01 {
  background-image: url(/assets/images/subpages/mrc_srv_01_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-01-mo {
  background-image: url(/assets/images/subpages/mrc_srv_01_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-02 {
  background-image: url(/assets/images/subpages/mrc_srv_02_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-02-mo {
  background-image: url(/assets/images/subpages/mrc_srv_02_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-03 {
  background-image: url(/assets/images/subpages/mrc_srv_03_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-03-mo {
  background-image: url(/assets/images/subpages/mrc_srv_03_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-04 {
  background-image: url(/assets/images/subpages/mrc_srv_04_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-04-mo {
  background-image: url(/assets/images/subpages/mrc_srv_04_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-05 {
  background-image: url(/assets/images/subpages/mrc_srv_05_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-05-mo {
  background-image: url(/assets/images/subpages/mrc_srv_05_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-06 {
  background-image: url(/assets/images/subpages/mrc_srv_06_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-06-mo {
  background-image: url(/assets/images/subpages/mrc_srv_06_imgVisual_mo.png);
}
/* msp */
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-msp {
  background-image: url(/assets/images/subpages/mrc_srv_msp_imgVisual.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-msp-mo {
  background-image: url(/assets/images/subpages/mrc_srv_msp_imgVisual_mo.jpg);
}
/* msp */
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-07 {
/*   background-image: url(/assets/images/subpages/mrc_srv_07_imgVisual.png); */
  background-image: url(/assets/images/subpages/mrc_srv_07_imgVisual_new.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-07-mo {
  background-image: url(/assets/images/subpages/mrc_srv_07_imgVisual_mo_new.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-08 {
  background-image: url(/assets/images/subpages/mrc_srv_08_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-08-mo {
  background-image: url(/assets/images/subpages/mrc_srv_08_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-09 {
  background-image: url(/assets/images/subpages/mrc_srv_09_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-09-mo {
  background-image: url(/assets/images/subpages/mrc_srv_09_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-10 {
  background-image: url(/assets/images/subpages/mrc_srv_10_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-10-mo {
  background-image: url(/assets/images/subpages/mrc_srv_10_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-01 {
  background-image: url(/assets/images/subpages/mrc_sol_01_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-01-mo {
  background-image: url(/assets/images/subpages/mrc_sol_01_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-02 {
  background-image: url(/assets/images/subpages/mrc_sol_02_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-02-mo {
  background-image: url(/assets/images/subpages/mrc_sol_02_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-03 {
  background-image: url(/assets/images/subpages/mrc_sol_03_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-03-mo {
  background-image: url(/assets/images/subpages/mrc_sol_03_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-04 {
  background-image: url(/assets/images/subpages/mrc_sol_04_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-04-mo {
  background-image: url(/assets/images/subpages/mrc_sol_04_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-05 {
  background-image: url(/assets/images/subpages/mrc_sol_05_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-05-mo {
  background-image: url(/assets/images/subpages/mrc_sol_05_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-06 {
  background-image: url(/assets/images/subpages/mrc_sol_06_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.sol-img-06-mo {
  background-image: url(/assets/images/subpages/mrc_sol_06_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-01 {
  background-image: url(/assets/images/subpages/mrc_ind_01_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-01-mo {
  background-image: url(/assets/images/subpages/mrc_ind_01_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-02 {
  background-image: url(/assets/images/subpages/mrc_ind_02_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-02-mo {
  background-image: url(/assets/images/subpages/mrc_ind_02_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-03 {
  background-image: url(/assets/images/subpages/mrc_ind_03_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-03-mo {
  background-image: url(/assets/images/subpages/mrc_ind_03_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-04 {
  background-image: url(/assets/images/subpages/mrc_ind_04_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-04-mo {
  background-image: url(/assets/images/subpages/mrc_ind_04_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-05 {
  background-image: url(/assets/images/subpages/mrc_ind_05_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-05-mo {
  background-image: url(/assets/images/subpages/mrc_ind_05_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-06 {
  background-image: url(/assets/images/subpages/mrc_ind_06_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-06-mo {
  background-image: url(/assets/images/subpages/mrc_ind_06_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-07 {
  background-image: url(/assets/images/subpages/mrc_ind_07_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.ind-img-07-mo {
  background-image: url(/assets/images/subpages/mrc_ind_07_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.cmy-img-01 {
  background-image: url(/assets/images/subpages/mrc_cmy_01_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.cmy-img-01-mo {
  background-image: url(/assets/images/subpages/mrc_cmy_01_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.cmy-img-06 {
  background-image: url(/assets/images/subpages/mrc_cmy_06_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.cmy-img-06-mo {
  background-image: url(/assets/images/subpages/mrc_cmy_06_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.cmy-img-09 {
  background-image: url(/assets/images/subpages/mrc_cmy_09_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.cmy-img-09-mo {
  background-image: url(/assets/images/subpages/mrc_cmy_09_imgVisual_mo.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-aicc {
  background-image: url(/assets/images/subpages/mrc_srv_aicc_imgVisual.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-aicc-mo {
  background-image: url(/assets/images/subpages/mrc_srv_aicc_imgVisual_mo.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-plm {
  background-image: url(/assets/images/subpages/mrc_srv_plm_imgVisual.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-plm-mo {
  background-image: url(/assets/images/subpages/mrc_srv_plm_imgVisual_mo.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-scm {
  /* background-image: url(/assets/images/subpages/mrc_srv_scm_imgVisual.png); */
  background-image: url(/assets/images/subpages/mrc_srv_scm_imgVisual.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-scm-mo {
  background-image: url(/assets/images/subpages/mrc_srv_scm_imgVisual_mo.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-srm {
  background-image: url(/assets/images/subpages/mrc_srv_srm_imgVisual.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-srm-mo {
  background-image: url(/assets/images/subpages/mrc_srv_srm_imgVisual_mo.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-crm {
  background-image: url(/assets/images/subpages/mrc_srv_crm_imgVisual.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-crm-mo {
  background-image: url(/assets/images/subpages/mrc_srv_crm_imgVisual_mo.jpg);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-aieng {
  background-image: url(/assets/images/subpages/mrc_srv_aieng_imgVisual.png);
}
.container .sub-conts-wide .fixedVisual .visual-img.srv-img-aieng-mo {
  background-image: url(/assets/images/subpages/mrc_srv_aieng_imgVisual_mo.png);
}

.container .stickTabContainer {
  width: 100%;
  margin: 0 auto;
  max-width: 160rem;
}
.container .stickTabContainer.eng .stickyTab {
  z-index: 5;
}
.container .stickTabContainer.sticky {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.container .stickTabContainer .stickyTab {
  width: 100%;
  background-color: #fff;
  z-index: 2;
}
.container .stickTabContainer .stickyTab.box-tab {
  padding: 2.6rem 0 2.6rem;
  margin: 0;
  transition: top 0.2s linear 0s;
}
.container .stickTabContainer .stickyTab.box-tab .tab-ctrl-tit {
  justify-content: center;
}
.container .stickTabContainer .stickyTab.box-tab .tab-btn-wrap {
  justify-content: center;
}

.container .stickTabContainer .stickyTab.box-tab .tab-btn-wrap-msp1 {
  justify-content: center;
}

.flex-sb {
  display: flex;
  justify-content: space-between;
}

.order-list-wrap .order-list-title {
  font-weight: 600;
  color: #050505;
  font-size: 2.6rem;
}
.order-list-wrap .order-list-bk {
  width: 35.1rem;
  margin-top: 3rem;
}
.order-list-wrap .order-list-bk > li {
  position: relative;
  padding-left: 3.4rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.7;
}
.order-list-wrap .order-list-bk > li + li {
  margin-top: 2rem;
}
.order-list-wrap .order-list-bk > li::before {
  position: absolute;
  content: "";
  top: 0.2rem;
  left: 0;
  background: #050505;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  line-height: 2.6rem;
}
.order-list-wrap .order-list-bk > li:nth-child(1)::before {
  content: "1";
}
.order-list-wrap .order-list-bk > li:nth-child(2)::before {
  content: "2";
}
.order-list-wrap .order-list-bk > li:nth-child(3)::before {
  content: "3";
}
.order-list-wrap .order-list-bk > li:nth-child(4)::before {
  content: "4";
}
.order-list-wrap .order-list-bk > li:nth-child(5)::before {
  content: "5";
}

aside {
  display: none;
}

#wrap {
  position: relative;
  width: 100%;
  height: 100%;
}

.scrollOff {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.breadcrumb-wrap {
  position: relative;
  z-index: 1;
  width: 160rem;
  margin: 12rem auto 0;
  height: 4.5rem;
}
.breadcrumb-wrap p {
  width: 106rem;
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.breadcrumb {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: calc(100% - 32rem);
  margin: 12rem auto 0;
  text-align: right;
  font-size: 0;
  z-index: 2;
}
.breadcrumb > li {
  display: inline-block;
  position: relative;
  padding: 0 1rem 1rem 0;
  background: url("/assets/images/icon/breadcrumb-ico-arrow.svg") no-repeat 100% 0.9rem;
  background-size: 0.4rem;
}
.breadcrumb > li + li {
  margin-left: 1rem;
}
.breadcrumb > li:nth-child(2) {
  padding: 0 2.2rem 1rem 0;
  background: url("/assets/images/icon/breadcrumb-ico-arrow-black.svg") no-repeat 100% 0.9rem;
  background-size: 1.2rem;
}
.breadcrumb > li:nth-child(3) {
  padding: 0 0.7rem 1rem 0;
  background: url("/assets/images/icon/breadcrumb-ico-arrow-dot.svg") no-repeat 100% 0.8rem;
  background-size: 0.2rem;
}
.breadcrumb > li:nth-child(3) > a {
  font-weight: 600;
  color: #050505;
}
.breadcrumb > li:last-child {
  background: none;
  padding-right: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-black-down-14.svg") no-repeat right 0.2rem;
  background-size: 1.4rem 1.4rem;
}
.breadcrumb > li:last-child > a {
  font-weight: 600;
  color: #050505;
}
.breadcrumb > li:last-child.on {
  background: url("/assets/images/icon/ico-arrow-black-up-14.svg") no-repeat right 0.2rem;
  background-size: 1.4rem 1.4rem;
}
.breadcrumb > li > a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.4rem;
  color: #C9CDD6;
  font-weight: 400;
}
.breadcrumb > li.on .breadcrumb-sub {
  z-index: 106;
  margin-top: 0;
  opacity: 1;
}
.breadcrumb .breadcrumb-sub {
  display: none;
  position: absolute;
  right: 0;
  top: 2.4rem;
  z-index: -1;
  padding: 2rem;
  border-radius: 1rem;
  background: #fff;
  opacity: 0;
  border: 0.1rem solid #F4F4F4;
}
.breadcrumb .breadcrumb-sub > li {
  text-align: left;
}
.breadcrumb .breadcrumb-sub > li + li {
  margin-top: 1.6rem;
}
.breadcrumb .breadcrumb-sub > li > a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  white-space: nowrap;
  text-align: left;
  font-size: 1.4rem;
}
.breadcrumb .breadcrumb-sub > li > a:hover, .breadcrumb .breadcrumb-sub > li > a.on {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #0057FF;
  font-size: 1.4rem;
}
.breadcrumb .breadcrumb-sub > li > span {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.2rem;
  color: #C9CDD6;
  font-weight: 400;
}
.breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 {
  display: block;
}
.breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 ul > li {
  margin-top: 0.6rem;
}
.breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 ul > li + li {
  margin-top: 0.4rem;
}
.breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 ul > li > a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.4rem;
  padding-left: 0.8rem;
  position: relative;
}
.breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 ul > li > a::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #050505;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 ul > li > a:hover, .breadcrumb .breadcrumb-sub > li .breadcrumb-sub-depth5 ul > li > a.on {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #0057FF;
  font-size: 1.4rem;
}

.sub-visual {
  height: 60rem;
  margin-bottom: 6rem;
  text-align: center;
}
.sub-visual img {
  position: relative;
  left: 50%;
  max-width: none;
  transform: translateX(-50%);
}

.depth-tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  margin-bottom: 6rem;
}
.depth-tit-black {
  color: #fff;
}

.page-tit {
  margin-bottom: 12rem;
}
.page-tit h1 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  margin-bottom: 2rem;
}
.page-tit h2 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.page-tit-black {
  margin-bottom: 12rem;
}
.page-tit-black h1 {
  margin-bottom: 2rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
.page-tit-black h2 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
.page-tit-black span {
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.4;
  opacity: 0.4;
}

.page-desc {
  margin-bottom: 12rem;
}
.page-desc h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  opacity: 0.6;
}
.page-desc h4 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.page-desc h5 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.page-desc p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
}
.page-desc-black h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  opacity: 0.6;
  color: #fff;
}
.page-desc-black h4 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
.page-desc-black h5 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
.page-desc-black p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  color: #fff;
}

.diagram-list {
  background-color: #F4F4F4;
  padding: 3rem;
  border-radius: 1rem;
}
.diagram-list li {
  margin-bottom: 3rem;
}
.diagram-list li .title {
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.diagram-list li .ment {
  font-size: 1.5rem;
  margin: 1.5rem 0 1rem 0;
}
.diagram-list li span.numb {
  font-weight: 600;
  background-color: #617498;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  padding-top: 0.4rem;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
.diagram-list li p {
  font-size: 1.4rem;
  margin-left: 0.5rem;
}
.diagram-list li p::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #484C51;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.diagram-list li:last-child {
  margin-bottom: 0rem;
}

.diagram-list-box {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.diagram-list-box li {
  background-color: #F4F4F4;
  padding: 3rem;
  border-radius: 1rem;
}
.diagram-list-box li .title {
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.diagram-list-box li .ment {
  font-size: 1.5rem;
  margin: 1.5rem 0 1rem 0;
}
.diagram-list-box li span.numb {
  font-weight: 600;
  background-color: #617498;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  padding-top: 0.4rem;
  font-size: 1.2rem;
  margin-right: 0.8rem;
}
.diagram-list-box li p {
  font-size: 1.4rem;
  margin: 0.5rem 0 0.5rem 0.5rem;
}
.diagram-list-box li p::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #484C51;
  margin-right: 0.8rem;
  vertical-align: middle;
}
.diagram-list-box li:last-child {
  margin-bottom: 0rem;
}

.table-card-big-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.table-card-swiper li .table-card {
  overflow: hidden;
  border-radius: 1rem;
}
.table-card-swiper li .table-card .tit {
  padding: 2rem 0;
  color: #fff;
  background: #484C51;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}
.table-card-swiper li .table-card .img {
  width: 100%;
}
.table-card-swiper li .table-card .img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  max-height: 25rem;
}
.table-card-swiper li .table-card .desc {
  padding: 2rem;
  background: #F4F4F4;
  min-height: 13rem;
}
.table-card-swiper li .table-card .desc p {
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  display: block;
  padding-left: 1rem;
}
.table-card-swiper li .table-card .desc p::before {
  position: absolute;
  content: "";
  display: block;
  top: 1.2rem;
  left: 0;
  width: 0.2rem;
  height: 0.2rem;
  background: #484C51;
  border-radius: 100%;
}

.table_bottom {
  position: relative;
  height: 2.3rem;
  margin: 0 auto;
  margin-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 1.5rem;
}
.table_bottom .swiper-pagination {
  background-color: #050505;
  position: initial;
  width: auto !important;
  background-color: transparent;
}
.table_bottom .swiper-pagination .swiper-pagination-bullet {
  text-align: center;
  width: 0.6rem;
  height: 0.6rem;
}
.table_bottom .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.4rem;
  border-radius: 50rem;
  background-color: #050505;
}
.table_bottom .table_button_next_bottom {
  position: inherit;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next_bottom.svg) no-repeat center center;
}
.table_bottom .table_button_next_bottom::after {
  content: none;
}
.table_bottom .table_button_prev_bottom {
  position: inherit;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev_bottom.svg) no-repeat center center;
}
.table_bottom .table_button_prev_bottom::after {
  content: none;
}

.message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 17rem 0 22rem;
}
.message div {
  margin-bottom: 4rem;
}
.message .normal-title {
  font-size: 1.6rem;
  font-weight: 400;
  color: #70747D;
  margin-top: 2rem;
}
.message .btn-wrap {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.message .btn-wrap .btn {
  font-size: 1.8rem;
}

.chat-bot {
  position: fixed;
  right: 4rem;
  bottom: 12.8rem;
  z-index: 90;
}
.chat-bot.eng .open.on > span {
  width: 23rem;
}
.chat-bot.eng .open > span span {
  width: 23rem;
}
.chat-bot .open {
  display: block;
  width: 5.2rem;
  height: 5.2rem;
}
.chat-bot .open em {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 5.2rem;
  height: 5.2rem;
  background: url("/assets/images/icon/ico-floating-chatbot.svg") no-repeat 100% 0;
  background-size: 5.2rem;
  border-radius: 2.7rem;
}
.chat-bot .open.on {
  width: 21rem;
}
.chat-bot .open.on > span {
  visibility: visible;
  width: 21rem;
  top: -6rem;
}
.chat-bot .open > span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 5.2rem;
  height: 5.2rem;
  padding-left: 2rem;
  background-color: #fff;
  border-radius: 2.7rem;
  overflow: hidden;
  visibility: hidden;
  transition: 0.3s;
}
.chat-bot .open > span span {
  display: flex;
  align-items: center;
  width: 21rem;
  height: 5.2rem;
  color: #050505;
  font-size: 1.4rem;
  top: -6rem;
}

.customers-logo-wrap {
  overflow: hidden;
  margin-top: 8rem;
}
.customers-logo-wrap .customers-logo-list {
  display: flex;
  gap: 2rem;
}
.customers-logo-wrap .customers-logo-list li {
  width: 23rem;
  height: 4.8rem;
}
.customers-logo-wrap .customers-logo-list li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.notice {
  font-size: 1.4rem;
  font-weight: 400;
  color: #70747D;
  line-height: 1.4;
}

.notice-mqtt {
  font-size: 1.4rem !important;
  font-weight: 400;
  color: #70747D;
  line-height: 1.4;
}

.chat-box {
  right: 0 !important;
  bottom: 18.2rem !important;
}

.chat-box.chat-product {
  bottom: 26.5rem !important;
}

.survey-conts.survey-product {
  bottom: 32.5rem !important;
}

.float-top {
  position: fixed;
  right: 4rem;
  bottom: 6rem;
  z-index: 20;
}
.float-top a {
  display: block;
  width: 5rem;
  height: 5.4rem;
  background: url("/assets/images/icon/ico-floating-top.svg") no-repeat 0;
  background-size: 100%;
}

.float-blog {
  position: fixed;
  left: 4rem;
  bottom: 12.8rem;
  z-index: 10;
}
.float-blog a {
  display: block;
  width: 5.2rem;
  height: 5.2rem;
  background: url("/assets/images/icon/ico-floating-blog.svg") no-repeat 0;
  background-size: 100%;
}

.float-youtube {
  position: fixed;
  left: 4rem;
  bottom: 19.8rem;
  z-index: 10;
}
.float-youtube a {
  display: block;
  width: 5.2rem;
  height: 5.2rem;
  background: url("/assets/images/icon/ico-floating-youtube.svg") no-repeat 0;
  background-size: 100%;
}

.float-instagram {
  position: fixed;
  left: 4rem;
  bottom: 6rem;
  z-index: 10;
}
.float-instagram a {
  display: block;
  width: 5.2rem;
  height: 5.2rem;
  background: url("/assets/images/icon/ico-floating-instagram.svg") no-repeat 0;
  background-size: 100%;
}

.flexLayout_04 .acc-conts ul.chart {
  display: flex;
  background-color: #F4F4F4;
  padding: 4rem;
  flex-wrap: wrap;
  column-gap: 3.6rem;
  row-gap: 4rem;
  border-radius: 1rem;
}
.flexLayout_04 .acc-conts ul.chart li {
  flex: 1 1 40%;
  border-bottom: 0.1rem solid #C9CDD6;
  padding-bottom: 2rem;
}
.flexLayout_04 .acc-conts ul.chart li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flexLayout_04 .acc-conts ul.chart li dl dt > span {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 140%;
  color: #050505;
}
.flexLayout_04 .acc-conts ul.chart li dl dt p {
  font-size: 1.4rem;
  color: #70747D;
  font-weight: 400;
}
.flexLayout_04 .acc-conts ul.chart li dl dt p img {
  vertical-align: middle;
}
.flexLayout_04 .acc-conts ul.chart li dl dd {
  font-size: 3.2rem;
  color: #050505;
  font-weight: 600;
}
.flexLayout_04 .acc-conts ul.chart li dl dd img {
  display: inline-block;
  vertical-align: middle;
}
.flexLayout_04 .acc-conts ul.chart li dl dd.arrowBox {
  position: relative;
  padding-right: 4rem;
}
.flexLayout_04 .acc-conts ul.chart li dl dd.arrowBox > img.arrow {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.flexLayout_04 .acc-conts ul.chart li:last-child img {
  display: inline-block;
  opacity: 1;
  visibility: visible;
  width: initial;
  position: initial;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap dl {
  display: block;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap .arrowBox {
  padding-right: 0;
  gap: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap .arrowBox .before {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap .arrowBox .before span {
  font-size: 1.7rem;
  color: #70747D;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap .arrowBox .before .arrow {
  margin-left: 0.4rem;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap .arrowBox .before .num_point {
  font-size: 2.8rem !important;
  color: #050505;
  font-weight: 600 !important;
}
.flexLayout_04 .acc-conts ul.chart.grow_wrap .arrowBox .after {
  font-size: 2.6rem;
  letter-spacing: -0.1rem;
  text-align: right;
}
.flexLayout_04 .acc-conts > span {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 140%;
  color: #70747D;
}
.flexLayout_04 .acc-conts > p {
  font-size: 1.8rem;
  line-height: 170%;
  margin-top: 3rem;
}
.flexLayout_04 .acc-conts ul.hashtag {
  display: flex;
  column-gap: 1.4rem;
  margin-top: 2rem;
}
.flexLayout_04 .acc-conts ul.hashtag > li {
  width: initial;
  font-size: 1.6rem;
  color: #70747D;
  margin-left: initial;
}

:root {
  --vh: 1vh;
}

#nav-skip {
  position: relative;
  z-index: 1100;
}
#nav-skip a {
  position: absolute;
  left: 0;
  top: -5rem;
  overflow: hidden;
  width: 20rem;
  height: 3rem;
  border-radius: 0.3rem;
  background: #000;
  color: #fff;
  line-height: 3rem;
  text-align: center;
}
#nav-skip a:focus {
  top: 0;
}

.scrollNo {
  overflow: hidden !important;
  touch-action: none;
  position: fixed !important;
}

body.white #wrap #header {
  background: #fff;
}
body.white #wrap #header .header .logo {
  background: url("/assets/images/common/header-logo-black.svg") no-repeat 0;
  background-size: 13.5rem 2.3rem;
  font-size: 0px !important;
}
body.white #wrap #header .header .title-m {
  color: #050505;
}
body.white #wrap #header .gnb-depth2-bg {
  background-color: rgba(255, 255, 255, 0.8);
}
body.white #wrap #header #gnb .gnb-depth1 > li > a {
  color: #050505;
  text-decoration: none;
}
body.white #wrap #header #gnb .gnb-depth1 > li.on > a {
  color: #0057FF;
}
body.white #wrap #header #gnb .gnb-depth1 > li.on > a::after {
  background-color: #0057FF;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover a {
  color: #050505;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .descrip {
  color: #70747D;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth1-hover-category dt {
  color: #484C51;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > span {
  font-size: 1.6rem;
  font-weight: 600;
  color: #050505;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > span.descrip {
  color: #70747D;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/ico-btn-arrow-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > a:hover::after {
  opacity: 1;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 > li a span:nth-of-type(1):not(.has-small) {
  display: inline-flex;
  gap: 1rem;
}
body.white #wrap #header #gnb .gnb-depth1 > li
    .gnb-depth1-hover .gnb-depth3 > li a > span.has-small{
    display:inline-flex;          /* vẫn là flex để có thể dùng gap nếu muốn */
    align-items:center;          /* <‑‑ căn các flex‑item (text + ::after) */
    gap:0;                       /* không có gap nội bộ */
    font-size:1.4rem;  
}

body.white #wrap #header #gnb .gnb-depth1 > li
    .gnb-depth1-hover .gnb-depth3 > li a > span.has-small > small{
    font-size:1.2rem;               /* Nexplant MESplus */
    display:inline-block;         /* cho margin-left hoạt động */
    margin-left: 0.25em;           /* khoảng cách “bình thường” */
    vertical-align:baseline;     /* giữ trên cùng một dòng */
    transform:translateY(0.5px);
}
body.white #wrap #header #gnb .gnb-depth1 > li
    .gnb-depth1-hover .gnb-depth3 > li a > span.has-small::after{
  margin-left:1rem;   
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/ico-btn-arrow-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
  align-self:center; 
}

body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 > li a span:nth-of-type(1):not(.has-small)::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/ico-btn-arrow-black.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 > li a:hover span:nth-of-type(1)::after {
  opacity: 1;
}
body.white #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 a::before {
  background-color: #050505;
}
body.white #wrap #header .top-util button.top-menu {
  background: url("/assets/images/icon/ico-menu.svg") no-repeat 0;
  background-size: 3.6rem 3.6rem;
}
body.white #wrap #header .top-util > a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  background: url("/assets/images/icon/ico-arrow-black-link-up.svg") no-repeat right center;
  background-size: 1.8rem 1.8rem;
  font-weight: 600;
  padding-right: 2.2rem;
  text-decoration: none;
}
body.white #wrap #header .top-util .language li a {
  color: #70747D;
  opacity: 1;
}
body.white #wrap #header .top-util .language li a::after {
  background-color: #050505;
}
body.white #wrap #header .top-util .language li.on a {
  color: #050505;
}
body #wrap #header {
  display: flex;
  justify-content: center;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: 101;
  width: 100%;
  height: 12rem;
  background-color: rgba(0, 0, 0, 0.8);
}
/* online level */
body #wrap #header.wide-header {
    left: auto;          /* xóa left */
    transform: none;    /* xóa transform */
    width: 1920px;
    margin: 0 auto;      /* căn giữa */
}

body #wrap #header a, body #wrap #header button {
  cursor: pointer;
}
body #wrap #header.eng .gnb-depth2-bg {
  min-height: 60rem;
}
body #wrap #header.eng .total-menu .total-menu-inner__title {
  font-size: 3.2rem;
}
body #wrap #header.eng .total-menu .total-menu-inner__right .depth1 > dl .title {
  font-size: 2.6rem;
}
body #wrap #header.eng .total-menu .total-menu-inner__right .depth1 .depth3 a::before {
  width: 3px;
  height: 3px;
}
body #wrap #header .header {
  display: flex;
  margin: 0 auto;
  max-width: 1920px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1920px;
  z-index: 100;
  padding: 0 4rem;
}
body #wrap #header .header > * {
  margin-top: 2.5rem;
}
body #wrap #header .header .logo {
  width: 13.5rem;
  height: 2.3rem;
  background: url("/assets/images/common/header-logo.svg") no-repeat 0;
  background-size: 13.5rem 2.3rem;
}
body #wrap #header .header .logo img {
  display: none;
}
body #wrap #header .header .logo a {
  width: 100%;
  height: 100%;
}
body #wrap #header .gnb-depth2-bg {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 12rem;
  min-height: 54rem;
  padding: 1.5rem 4rem 4rem 26.4rem;
  background-color: rgba(5, 5, 5, 0.8);
  backdrop-filter: blur(5px);
}
body #wrap #header .gnb-depth2-bg.on {
  display: block;
}
body #wrap #header #gnb {
  display: flex;
  height: 100%;
  margin: 0 auto 0 6rem;
  padding-top: 2.5rem;
}
body #wrap #header #gnb .gnb-depth1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0 6rem;
  margin-bottom: 0px !important;
}
body #wrap #header #gnb .gnb-depth1 > li {
  position: relative;
}
body #wrap #header #gnb .gnb-depth1 > li > a {
  position: relative;
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  color: #fff;
}
body #wrap #header #gnb .gnb-depth1 > li.on > a::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -0.4rem;
  width: 100%;
  height: 0.1rem;
  background-color: #fff;
}
body #wrap #header #gnb .gnb-depth1 > li.on .gnb-depth1-hover {
  display: block;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover {
  display: none;
  position: absolute;
  top: 6rem;
  min-width: 18rem;
  padding: 1.5rem 0 4rem;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover a {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.37;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover.wide {
 /*  min-width: 80rem; */
  min-width: 100rem;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .descrip {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.375;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth1-hover-category {
  display: flex;
  gap: 5rem;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth1-hover-category > dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth1-hover-category > dl dt {
  font-weight: 600;
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.4;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 2.5rem;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > span {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > span.descrip {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.375;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > span.descrip_new {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #70747D;
  line-height: 1.375;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > a {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/btn_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth2 > li > a:hover::after {
  opacity: 1;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 1.2rem;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 > li a span:nth-of-type(1) {
  display: inline-flex;
  gap: 1rem; 
} 

body #wrap #header #gnb .gnb-depth1 > li
    .gnb-depth1-hover .gnb-depth3 > li a > span.has-small{
    display:inline-flex;          /* vẫn là flex để có thể dùng gap nếu muốn */
    align-items:center;          /* <‑‑ căn các flex‑item (text + ::after) */
    gap:0;                       /* không có gap nội bộ */
    font-size:1.4rem;  
}

body #wrap #header #gnb .gnb-depth1 > li
    .gnb-depth1-hover .gnb-depth3 > li a > span.has-small > small{
    font-size:1.2rem;               /* Nexplant MESplus */
    display:inline-block;         /* cho margin-left hoạt động */
    margin-left: 0.25em;           /* khoảng cách “bình thường” */
    vertical-align:baseline;     /* giữ trên cùng một dòng */
    transform:translateY(0.5px);
}

body #wrap #header #gnb .gnb-depth1 > li
    .gnb-depth1-hover .gnb-depth3 > li a > span.has-small::after{
  margin-left:1rem;   
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/btn_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
  align-self:center; 
}

body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 > li a span:nth-of-type(1)::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/btn_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
} 
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 > li a:hover span:nth-of-type(1)::after {
  opacity: 1;
}
body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 a {
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.37;
}
/* body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 a small{
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.37;
  transform:translateY(2px);
  display: inline-block; 
} */
.heder-sb-text{
  position: relative;
  padding-left: 1rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.37;
}
.heder-sb-text-sub{
  position: relative;
  padding-left: 1rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.37;
}

body #wrap #header #gnb .gnb-depth1 > li .gnb-depth1-hover .gnb-depth3 a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.9rem;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
}
body #wrap #header .top-util {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  margin-right: 30rem;
}
body #wrap #header .top-util button {
  width: 3.6rem;
  height: 3.6rem;
  background-position: 0 0;
  background-repeat: no-repeat;
}
body #wrap #header .top-util button.top-menu {
  background: url("/assets/images/icon/ico-menu-whtie.svg") no-repeat 0;
  background-size: 3.6rem 3.6rem;
}
body #wrap #header .top-util > a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #fff;
  background: url("/assets/images/icon/ico-arrow-white-link-up.svg") no-repeat right center;
  background-size: 1.8rem 1.8rem;
  padding-right: 2.2rem;
}
body #wrap #header .top-util .language {
  display: flex;
  column-gap: 2rem;
}
body #wrap #header .top-util .language li a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 700;
  color: #fff;
  opacity: 0.6;
}
body #wrap #header .top-util .language li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
  visibility: hidden;
}
body #wrap #header .top-util .language li.on a {
  color: #fff;
  opacity: 1;
}
body #wrap #header .top-util .language li.on a::after {
  visibility: visible;
}

.total-menu {
  display: none;
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  padding: 5.4rem 4rem 0;
  background: #050505;
  right: -100vw;
  transition: all 0.3s;
}
.total-menu .logo {
  width: 13.5rem;
  height: 2.3rem;
  background: url("/assets/images/common/header-logo.svg") no-repeat 0;
  background-size: 13.5rem 2.3rem;
}
.total-menu .logo img {
  display: none;
}
.total-menu .logo a {
  width: 100%;
  height: 100%;
}
.total-menu .btn-close {
  position: absolute;
  right: 4rem;
  top: 5.4rem;
  overflow: hidden;
  width: 3.6rem;
  height: 3.6rem;
  background: url("/assets/images/icon/ico-close-thin.svg") no-repeat center;
  background-size: 3.6rem 3.6rem;
}
.total-menu.on {
  display: block;
  right: 0;
}
.total-menu .total-menu-inner {
  display: flex;
  height: 100%;
  padding: 11rem 0 8rem;
}
.total-menu .total-menu-inner__left {
  display: flex;
  flex-direction: column;
  padding: 0 24.5rem 0 18rem;
}
.total-menu .total-menu-inner__title {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner__util {
  position: relative;
  margin-top: auto;
}
.total-menu .total-menu-inner__util .language {
  display: flex;
  column-gap: 2rem;
  margin-bottom: 8rem;
}
.total-menu .total-menu-inner__util .language li a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 700;
  color: #fff;
  opacity: 0.6;
}
.total-menu .total-menu-inner__util .language li a::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.2rem;
  background-color: #fff;
  visibility: hidden;
}
.total-menu .total-menu-inner__util .language li.on a {
  color: #fff;
  opacity: 1;
}
.total-menu .total-menu-inner__util .language li.on a::after {
  visibility: visible;
}
.total-menu .total-menu-inner__util .partners {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 4rem;
}
.total-menu .total-menu-inner__util .partners a {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
.total-menu .total-menu-inner__util .partners a::after {
  content: "";
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/ico-arrow-white-link-up.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.total-menu .total-menu-inner__util .sns {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.total-menu .total-menu-inner__right {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.total-menu .total-menu-inner__right::-webkit-scrollbar {
  width: 1rem;
}
.total-menu .total-menu-inner__right::-webkit-scrollbar-thumb {
  height: 30%;
  background-color: #fff;
  border-radius: 1rem;
}
.total-menu .total-menu-inner__right::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.2);
}
.total-menu .total-menu-inner__right .depth1 {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.total-menu .total-menu-inner__right .depth1 > dl {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.total-menu .total-menu-inner__right .depth1 > dl .title {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner__right .depth1 .depth2 {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.total-menu .total-menu-inner__right .depth1 .depth2 > li {
  width: calc(25% - 1.5rem);
}
.total-menu .total-menu-inner__right .depth1 .depth2 > li > span {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
}
.total-menu .total-menu-inner__right .depth1 .depth2 > li > a {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner__right .depth1 .depth2 > li > a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/btn_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
}
.total-menu .total-menu-inner__right .depth1 .depth2 > li > a:hover::after {
  opacity: 1;
}
.total-menu .total-menu-inner__right .depth1 .category-depth {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.total-menu .total-menu-inner__right .depth1 .category-depth dl {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  width: 95%;
  padding-bottom: 4rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.total-menu .total-menu-inner__right .depth1 .category-depth dl dt {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner__right .depth1 .depth3 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-top: 1.4rem;
}
.total-menu .total-menu-inner__right .depth1 .depth3 a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding-left: 1rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner__right .depth1 .depth3 a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
}
.total-menu .total-menu-inner__right .depth1 .depth3 a::after {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url("/assets/images/icon/btn_arrow_white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.2s;
}
.total-menu .total-menu-inner__right .depth1 .depth3 a:hover::after {
  opacity: 1;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right {
  display: none;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .mo-total-menu-inner__top {
  height: 70;
  overflow-y: auto;
  margin-bottom: auto;
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 .menu-title {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 .menu-title::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("/assets/images/icon/ico-plus-gnb.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 .menu-title.on::after {
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  background-image: url("/assets/images/icon/ico-minus-gnb.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 .descrip {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.375;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 > li > span {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 > li > span.descrip {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #Fff;
  line-height: 1.375;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 > li > a {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 .category-title {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 .category-title::after {
  content: "";
  width: 2rem;
  height: 2rem;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("/assets/images/icon/ico-arrow_close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2 .category-title.on::after {
  transform: rotate(180deg);
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2.category-depth {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2.category-depth .depth3 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 3rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth2.category-depth .depth4 {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  margin-top: 1.4rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth3 {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth3 > li > a {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth3 > li > span {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth3 > li > span.descrip {
  display: block;
  margin-top: 0.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.375;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .depth1 ul.depth4 > li > a {
  position: relative;
  padding-left: 1.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.total-menu .total-menu-inner .mo-total-menu-inner__right .mo-total-menu-inner__left {
  padding: 4rem 0 4rem;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1699px) {
  .total-menu.eng .total-menu-inner__right .depth1 .depth2 > li {
    width: calc(50% - 1.5rem);
  }
}
@media (min-width: 1025px) {
  .header a.history-back {
    display: none;
  }
  h2.title-m {
    display: none;
  }
}
@media (max-width: 1024px) {
  :root {
    --safe-top: 0rem;
    --safe-bottom: 0rem;
    --vh: 1vh;
  }
  @supports (--safe-top: constant(safe-area-inset-top)) {
    :root {
      --safe-top: constant(safe-area-inset-top);
      --safe-bottom: constant(safe-area-inset-bottom);
    }
  }
  @supports (--safe-top: env(safe-area-inset-top)) {
    :root {
      --safe-top: env(safe-area-inset-top);
      --safe-bottom: env(safe-area-inset-bottom);
    }
  }
  body.white #wrap #header .header a.history-back {
    background: url("/assets/images/common/header-btn-back.svg") no-repeat 0;
    background-size: 3.6rem 3.6rem;
  }
  body #wrap #header {
    height: 6rem;
  }
  body #wrap #header .header {
    padding: 0 1.6rem;
  }
  body #wrap #header .header > * {
    margin-top: 0;
  }
  body #wrap #header .header a.history-back {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 100%;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 0;
    line-height: 0;
    background: url("/assets/images/common/header-btn-back-white.svg") no-repeat 0;
    background-size: 3.6rem 3.6rem;
  }
  body #wrap #header .header .logo {
    display: none;
  }
  body #wrap #header #gnb {
    display: none;
  }
  body #wrap #header h2.title-m {
    display: block;
    width: 100%;
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
  }
  body #wrap #header .top-util > a, body #wrap #header .top-util .language {
    display: none;
  }
  body #wrap #header .top-util button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 3.6rem;
    height: 3.6rem;
  }
  body #wrap #header .top-util button.top-menu {
    background: url("/assets/images/icon/ico-menu-whtie.svg") no-repeat 0;
    background-size: 3.6rem 3.6rem;
  }
  #wrap.main #header .header .logo {
    display: block;
    width: 10.5rem;
    height: 1.9rem;
    background: url("/assets/images/common/header-logo.svg") no-repeat 0;
    background-size: 10.5rem 1.9rem;
  }
  #wrap.main #header .header a.history-back {
    display: none;
  }
  #wrap.main #header .header h2.title-m {
    display: none;
  }
  .total-menu {
    padding: 2rem 1.6rem;
    background: #050505;
    right: -100vw;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    touch-action: none;
    transition: all 0.3s;
  }
  .total-menu .logo {
    width: 10.5rem;
    height: 2.3rem;
    background: url("/assets/images/common/header-logo.svg") no-repeat 0;
    background-size: contain;
  }
  .total-menu .btn-close {
    right: 1.6rem;
    top: 1.6rem;
    width: 2.8rem;
    height: 2.8rem;
    background: url("/assets/images/icon/ico-close-thin.svg") no-repeat center;
    background-size: 2.8rem 2.8rem;
  }
  .total-menu .total-menu-inner {
    flex-direction: column-reverse;
    padding: 4rem 0 0;
  }
  .total-menu .total-menu-inner__left {
    padding: 4rem 0 4rem;
    display: none;
  }
  .total-menu .total-menu-inner__title {
    display: none;
  }
  .total-menu .total-menu-inner__util .language {
    position: absolute;
    bottom: 0;
    right: 1.6rem;
    margin-bottom: 0;
  }
  .total-menu .total-menu-inner__util .partners {
    gap: 1.6rem;
    margin-bottom: 5.3rem;
  }
  .total-menu .total-menu-inner__util .partners a {
    font-size: 1.6rem;
  }
  .total-menu .total-menu-inner__util .sns {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
  .total-menu .total-menu-inner__right {
    display: none;
  }
  .total-menu .total-menu-inner .mo-total-menu-inner__right {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
#footer {
  background: #050505;
  padding: 200px 0 60px 0px;
  width: 100%;
}
#footer a,
#footer button {
  cursor: pointer;
}
#footer footer {
  position: relative;
  max-width: 1600px;
  width: 100%;
  padding: 0px 60px;
  min-width: 1024px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#footer footer .footer-mid .f-menu {
  margin: 0 0 20px 0;
}
#footer footer address .copyright {
  margin: 20px 0 0 0;
}
#footer .footer-top {
  max-width: 1600px;
  min-width: 1024px;
  padding: 0 60px;
  margin: 0 auto;
  margin-bottom: 180px;
}
#footer .footer-top .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#footer .footer-top .wrap .txt-box p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
#footer .footer-top .wrap .txt-box p + p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
#footer .footer-top .wrap .txt-box-link {
  width: 115px;
  height: 115px;
  display: inline-block;
  text-indent: -999.9rem;
  font-size: 0;
  overflow: hidden;
  border: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("/assets/images/icon/ico-arrow-whtie-right-115.svg");
  background-position: center;
  vertical-align: middle;
}
#footer .footer-mid {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}
#footer .footer-mid .f-menu {
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
#footer .footer-mid .f-menu .term strong {
  margin-right: 0.8rem;
}
#footer .footer-mid .f-menu .term strong a {
  font-weight: bold;
}
#footer .footer-mid .f-menu .term a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  line-height: 1.7;
}
#footer .footer-mid .f-menu .mark img {
  width: 100%;
  max-width: 30px;
}
#footer .footer-mid address p {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  line-height: 1.7;
}
#footer .footer-mid .copyright {
  opacity: 0.6;
}
#footer .family-site {
  position: relative;
}
#footer .family-site .family-site-select {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
#footer .family-site .family-site-select .arrow {
  background: url("/assets/images/icon/ico-arrow-white-20.svg") no-repeat center center;
  width: 20px;
  height: 20px;
  transition: all 0.2s;
}
#footer .family-site .family-site-select .arrow.active {
  transform: rotate(180deg);
}
#footer .family-site .family-site-menu {
  position: absolute;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  width: 150px;
  top: -120px;
  left: 0;
  display: none;
}
#footer .family-site .family-site-menu li {
  font-size: 14px;
  font-weight: 400;
  transition: color 0.2s;
}
#footer .family-site .family-site-menu li a {
  color: #050505;
  font-weight: 400;
}
#footer .family-site .family-site-menu li a:hover {
  color: #0057FF;
  font-weight: 600;
}
#footer .family-site .family-site-menu li + li {
  margin-top: 10px;
}
#footer .family-site .family-site-menu.eng {
  top: -100px;
}

@media (max-width: 1024px) {
  #footer {
    padding: 100px 16px 40px;
  }
  #footer .footer-top {
    max-width: 100%;
    min-width: 100%;
    padding: 0;
    margin-bottom: 10em;
  }
  #footer .footer-top .wrap .txt-box p {
    font-family: "Pretendard";
    color: #050505;
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0rem;
    font-size: 24px;
    color: #fff;
    margin: 0 0 10px 0;
  }
  #footer .footer-top .wrap .txt-box p + p {
    font-family: "Pretendard";
    color: #050505;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #fff;
  }
  #footer .footer-top .wrap .txt-box p:last-of-type {
    margin-bottom: 0;
  }
  #footer .footer-top .wrap .txt-box-link {
    width: 60px;
    height: 60px;
  }
  #footer footer {
    max-width: 100%;
    min-width: 100%;
    padding: 0;
  }
  #footer footer .footer-mid .f-menu {
    margin: 0 0 40px 0;
  }
  #footer footer .footer-mid .f-menu strong {
    margin: 0 1.3021vw 0 0;
  }
  #footer footer .footer-mid .f-menu strong a {
    font-family: "Pretendard";
    color: #050505;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #fff;
    font-weight: 700;
    margin: 0;
  }
  #footer footer .footer-mid .f-menu a {
    font-family: "Pretendard";
    color: #050505;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0rem;
    color: #fff;
    margin: 0 0 0 1.3021vw;
  }
  #footer footer .footer-mid address p {
    opacity: 0.8;
    flex-direction: column;
    margin: 0 0 20px 0;
    gap: 0;
  }
  #footer footer .footer-mid address p.copyright {
    font-size: 11px;
    opacity: 0.4;
  }
  #footer footer .footer-mid address p:last-of-type {
    margin-bottom: 0;
  }
  #footer footer .family-site {
    display: none;
  }
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
} /* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/**
 * Swiper 7.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 9, 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
/*  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);*/
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

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

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select.open,
.nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  -ms-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f5f5f5;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.icon-list-box {
  background-color: #F4F4F4;
  padding: 3rem;
  display: flex;
}
.icon-list-box i {
  display: flex;
  vertical-align: middle;
}
.icon-list-box i.icon-bg-01 {
  background-color: #C4C4C4;
}

.color-list-box span {
  color: #fff;
}
.color-list-box div {
  padding: 3rem 2.6rem;
  display: flex;
  justify-content: space-around;
}
.color-list-box .black-txt {
  color: #484C51;
}
.color-list-box .black {
  background-color: #050505;
}
.color-list-box .gray06 {
  background-color: #484C51;
}
.color-list-box .gray05 {
  background-color: #617498;
}
.color-list-box .gray04 {
  background-color: #70747D;
}
.color-list-box .gray03 {
  background-color: #C9CDD6;
}
.color-list-box .gray02 {
  background-color: #E5EBF4;
}
.color-list-box .gray01 {
  background-color: #F4F4F4;
}
.color-list-box .white {
  background-color: #fff;
  border: 0.1rem solid #F2F1F6;
}
.color-list-box .dim {
  background-color: rgba(5, 5, 5, 0.2509803922);
}
.color-list-box .bule01 {
  background-color: #0057FF;
}
.color-list-box .bule02 {
  background-color: #003CAF;
}
.color-list-box .bule03 {
  background-color: #76EBF2;
}
.color-list-box .violet {
  background-color: #641BDF;
}
.color-list-box .lime {
  background-color: #DAFF01;
}
.color-list-box .red {
  background-color: #E90247;
}
.color-list-box .bule-sacle-01 {
  background: linear-gradient(to right, #0057FF, #E6EEFF);
}
.color-list-box .bule-sacle-02 {
  background: linear-gradient(to right, #003CAF, #E6ECF7);
}
.color-list-box .bule-sacle-03 {
  background: linear-gradient(to right, #76EBF2, #F1FDFE);
}
.card-no-clip {
  overflow: visible !important;
} 

.box-tab {
  margin: 2.6rem 0 2.6rem;
  overflow: hidden;
}
.box-tab .tab-btn-wrap {
  display: flex;
  justify-content: flex-start;
  gap: 0 5rem;
  flex-wrap: wrap;
  align-items: flex-end;
}
.box-tab .tab-btn-wrap::-webkit-scrollbar {
  display: none;
}
.box-tab .tab-btn-wrap li {
  flex-shrink: 0;
  width: auto;
 /*  width:140px; */
}
.box-tab .tab-btn-wrap li.on a {
  -webkit-text-stroke: 0.06rem;
}
.box-tab .tab-btn-wrap li.on a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #050505;
}
.box-tab .tab-btn-wrap li a {
  display: block;
  text-align: center;
  overflow: hidden;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  padding: 0 0 0.2rem 0;
  position: relative;
}
.box-tab .tab-btn-wrap li a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
}
.box-tab .tab-btn-wrap li a span {
  display: block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1rem;
  color: #C9CDD6;
  text-align: left;
  -webkit-text-stroke: 0;
}
.box-tab .service-tab-btn-wrap {
  display: flex;
  justify-content: flex-start;
  gap: 0 5rem;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-left: 30rem;
}
.box-tab .service-tab-btn-wrap::-webkit-scrollbar {
  display: none;
}
.box-tab .service-tab-btn-wrap li {
  flex-shrink: 0;
  width: auto;
}
.box-tab .service-tab-btn-wrap li.on a {
  -webkit-text-stroke: 0.06rem;
}
.box-tab .service-tab-btn-wrap li.on a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #050505;
}
.box-tab .service-tab-btn-wrap li a {
  display: block;
  text-align: center;
  overflow: hidden;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  padding: 0 0 0.2rem 0;
  position: relative;
}
.box-tab .service-tab-btn-wrap li a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
}
.box-tab .service-tab-btn-wrap li a span {
  display: block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1rem;
  color: #C9CDD6;
  text-align: left;
  -webkit-text-stroke: 0;
}

/* tab msp 1 */
.box-tab .tab-btn-wrap-msp1 {
  display: flex;
  justify-content: flex-start;
  gap: 0 5rem;
  flex-wrap: wrap;
  align-items: flex-end;
}
.box-tab .tab-btn-wrap-msp1::-webkit-scrollbar {
  display: none;
}
.box-tab .tab-btn-wrap-msp1 li {
  flex-shrink: 0;
 /*  width: auto; */
  width:140px;
}
.box-tab .tab-btn-wrap-msp1 li.on a {
  -webkit-text-stroke: 0.06rem;
}
.box-tab .tab-btn-wrap-msp1 li.on a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #050505;
}
.box-tab .tab-btn-wrap-msp1 li a {
  display: block;
  text-align: center;
  overflow: hidden;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  padding: 0 0 0.2rem 0;
  position: relative;
}
.box-tab .tab-btn-wrap-msp1 li a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
}
.box-tab .tab-btn-wrap-msp1 li a span {
  display: block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1rem;
  color: #C9CDD6;
  text-align: left;
  -webkit-text-stroke: 0;
}

/* tab msp */
.box-tab .tab-btn-wrap-msp {
  display: flex;
  justify-content: flex-start;
  gap: 0 5rem;
  flex-wrap: wrap;
  align-items: flex-end;
}
.box-tab .tab-btn-wrap-msp::-webkit-scrollbar {
  display: none;
}
.box-tab .tab-btn-wrap-msp li {
  flex-shrink: 0;
  /* width: auto;  */
  width: 140px; 
}
.box-tab .tab-btn-wrap-msp li.on a {
  -webkit-text-stroke: 0.06rem;
}
.box-tab .tab-btn-wrap-msp li.on a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #050505;
}
.box-tab .tab-btn-wrap-msp li a {
  display: block;
  text-align: center;
  overflow: hidden;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  padding: 0 0 0.2rem 0;
  position: relative;
}
.box-tab .tab-btn-wrap-msp li a::after {
  content: "";
  display: block;
  height: 0.2rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: transparent;
}
.box-tab .tab-btn-wrap-msp li a span {
  display: block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1rem;
  color: #C9CDD6;
  text-align: left;
  -webkit-text-stroke: 0;
}
.box-tab.tab-ctrl .tab-contents-wrap-msp > * {
  display: none;
}
.box-tab.tab-ctrl .tab-contents-wrap-msp > .on {
  display: block;
}

/* tab msp */
.box-tab.tab-ctrl .tab-contents-wrap > * {
  display: none;
}
.box-tab.tab-ctrl .tab-contents-wrap > .on {
  display: block;
}
.box-tab .tab-ctrl-tit {
  display: flex;
  align-items: center;
  gap: 0 5rem;
}
.box-tab .tab-ctrl-tit .tab-tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  -webkit-text-stroke: 0.06rem;
  padding: 0 5rem 0 0;
  position: relative;
}
.box-tab .tab-ctrl-tit .tab-tit::after {
  display: inline-block;
  content: "";
  background-color: #E5EBF4;
  height: 2rem;
  width: 0.1rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.box-tab .tab-ctrl-list .tab-btn-wrap {
  display: flex;
  gap: 2.4rem 0;
  flex-direction: column;
  align-items: flex-start;
}
.box-tab .tab-ctrl-list .tab-btn-wrap li.on a {
  -webkit-text-stroke: 0.06rem;
  color: #050505;
}
.box-tab .tab-ctrl-list .tab-btn-wrap li.on a::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #0057FF;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  transform: initial;
  left: auto;
}
.box-tab .tab-ctrl-list .tab-btn-wrap li a {
  padding: 0 1.2rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap {
  gap: 0 0.8rem;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap li.on a {
  color: #fff;
  background-color: #050505;
  border-radius: 5rem;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap li.on a::after {
  display: none;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap li a {
  color: #C9CDD6;
  padding: 1rem 1.6rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 300;
  -webkit-text-stroke: 0.06rem;
}
/* tab msp 1 */
.box-tab .tab-ctrl-list .tab-btn-wrap-msp1 {
  display: flex;
  gap: 2.4rem 0;
  flex-direction: column;
  align-items: flex-start;
}
.box-tab .tab-ctrl-list .tab-btn-wrap-msp1 li.on a {
  -webkit-text-stroke: 0.06rem;
  color: #050505;
}
.box-tab .tab-ctrl-list .tab-btn-wrap-msp1 li.on a::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #0057FF;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  transform: initial;
  left: auto;
}
.box-tab .tab-ctrl-list .tab-btn-wrap-msp1 li a {
  padding: 0 1.2rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp1 {
  gap: 0 0.8rem;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp1 li.on a {
  color: #fff;
  background-color: #050505;
  border-radius: 5rem;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp1 li.on a::after {
  display: none;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp1 li a {
  color: #C9CDD6;
  padding: 1rem 1.6rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 300;
  -webkit-text-stroke: 0.06rem;
}
/* tab msp */
.box-tab .tab-ctrl-list .tab-btn-wrap-msp {
  display: flex;
  gap: 2.4rem 0;
  flex-direction: column;
  align-items: flex-start;
}
.box-tab .tab-ctrl-list .tab-btn-wrap-msp li.on a {
  -webkit-text-stroke: 0.06rem;
  color: #050505;
}
.box-tab .tab-ctrl-list .tab-btn-wrap-msp li.on a::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #0057FF;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 50%;
  transform: initial;
  left: auto;
}
.box-tab .tab-ctrl-list .tab-btn-wrap-msp li a {
  padding: 0 1.2rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp {
  gap: 0 0.8rem;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp li.on a {
  color: #fff;
  background-color: #050505;
  border-radius: 5rem;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp li.on a::after {
  display: none;
}
.box-tab .tab-ctrl-radius .tab-btn-wrap-msp li a {
  /* color: #C9CDD6; */
  padding: 1rem 1.6rem;
  font-family: "Pretendard";
 /*  color: #050505; */
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 300;
  -webkit-text-stroke: 0.06rem;
  
  color: #70747D;
  border: 0.1rem solid #E5EBF4;
  border-radius: 5rem;
  box-sizing: border-box;
  
}
/* tab msp */
.box-tab .tab-ctrl-radius.tab-radius-white li.on a {
  color: #050505;
  opacity: 1;
  background-color: #fff;
}
.box-tab .tab-ctrl-radius.tab-radius-white li a {
  color: #E5EBF4;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5rem;
}

.btn-wrap {
  width: 100%;
  margin: 0 auto;
}

/* .btn {
  text-align: center;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
} */
.btn.default::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-radius-black-right-18.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 1rem;
}
.btn.default.ty02 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.btn.default.ty03 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.btn.default.ty03::after {
  width: 3.4rem;
  height: 3.4rem;
}
.btn.default.ty04::after {
  display: none;
}
.btn.default.ty04::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-radius-black-right-18.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 1rem 0 0;
  transform: rotate(180deg);
}
.btn.default02 {
  color: #fff;
}
.btn.default02::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 1rem;
}
.btn-robot.default02 {
  color: #fff;
}
.btn-robot.default02::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 1rem;
}

.btn.default03 {
    color: #fff;
    font-size: 4.2rem;
}
.btn.default03::after {
    content: "";
    display: inline-block;
    width: 4.2rem;
    height: 4.2rem;
    background: url("../images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin:  0 0 0 1rem;
}
.btn.default04 {
    color: #fff;
    font-size: 4.2rem;
}
.btn.default04::after {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background: url("../images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin:  0 0 0 1rem;
}
.btn.default05 {
    color: #fff;
    font-size: 2.4rem;
}
.btn.default05::after {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background: url("../images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin:  0 0 0 1rem;
}
.btn.default06 {
    color: #fff;
    font-size: 2rem;
    font-family: "Pretendard";
  	font-weight: 400;
  	line-height: 1.4;
  	letter-spacing: 0rem;
  	margin:  6rem 0 0 0;
}
.btn.default06::after {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background: url("../images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin:  0 0 0 1rem;
}
.btn.default07 {
    color: #fff;
    font-size: 1.6rem;
    font-family: "Pretendard";
  	font-weight: 400;
  	line-height: 140%;
  	letter-spacing: 0rem;
  	margin:  6rem 0 0 0;
}
.btn.default07::after {
    content: "";
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    background: url("../images/icon/ico-arrow-radius-whtie-right-18.svg") no-repeat center center;
    background-size: contain;
    vertical-align: middle;
    margin:  0 0 0 1rem;
}
.btn.icon::after {
  content: "";
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  background: url("/assets/images/icon/ico-download.svg") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 0.8rem;
}
.btn.icon.link::after {
  content: "";
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  background: url("/assets/images/icon/ico-link-arrow.svg") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 0.8rem;
}
.btn.icon.down-white {
  color: #fff;
}
.btn.icon.down-white::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-download-white.svg") no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 0.8rem;
}
.btn.icon.video::after {
  content: "";
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  background: url("/assets/images/icon/ico-video.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 0.8rem;
}
.btn.line {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  text-decoration: underline;
}
.btn.info {
  min-width: 16rem;
  padding: 2rem;
  background-color: #F4F4F4;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  border-radius: 1rem;
  justify-content: space-between;
}
.btn.info::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-download.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 0 0 1rem;
}
.btn.pop {
  min-width: 11.5rem;
  padding: 1.2rem 1.6rem;
  background-color: #050505;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #fff;
  border-radius: 1rem;
}
.btn.pop02 {
  min-width: 11.5rem;
  padding: 1.2rem 1.5rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #C9CDD6;
  border-radius: 1rem;
  border: 0.1rem solid #E5EBF4;
}

.box-select.select-more.on .input-default, .box-input .input-default {
  width: 100%;
  height: 6rem;
  padding: 1.6rem 2rem 1.6rem 0;
  border-bottom: 0.1rem solid #050505;
  transition: border-color 0.3s ease;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}

.textarea-wrap .input-label, .file-input-wrap .input-label, .box-select .select-label, .box-input .input-label {
  display: block;
  text-align: left;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.textarea-wrap .input-label::placeholder, .file-input-wrap .input-label::placeholder, .box-select .select-label::placeholder, .box-input .input-label::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}

.box-input {
  position: relative;
  width: 100%;
}
.box-input .input-wrap {
  position: relative;
}
.box-input input[type=text]:disabled,
.box-input input[type=number]:disabled {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #E5EBF4;
}
.box-input input[type=text]:disabled::placeholder,
.box-input input[type=number]:disabled::placeholder {
  color: #E5EBF4;
}
.box-input input[type=text]::placeholder,
.box-input input[type=number]::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-input .input-label {
  font-size: 1.6rem;
  color: #050505;
  font-weight: 600;
}
.box-input .input-label ~ .ico-delete {
  top: 50%;
  transform: translateY(-50%);
}
.box-input .input-default.is-delete {
  padding-right: 5rem;
}
.box-input .input-default.is-time {
  padding-right: 10rem !important;
}
.box-input .input-default.is-unit {
  padding-right: 8.7rem;
}
.box-input .input-default.is-masking {
  padding-right: 9.5rem;
}
.box-input .input-default::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D !important;
}
.box-input .input-default:focus {
  border-color: #050505;
}
.box-input .input-unit {
  position: absolute;
  right: 2rem;
  bottom: 0;
  margin-bottom: 2rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.box-input .input-unit.on {
  right: 5.2rem;
}
.box-input .ico-delete {
  display: none;
}
.box-input .ico-delete.on {
  display: block;
}
.box-input.serach-input .input-default {
  padding-right: 6rem;
  border-bottom: 0.2rem solid #050505;
}
.box-input.serach-input .input-default::placeholder {
  color: #70747D;
}
.box-input.serach-input .ico-delete.on {
  right: 3.4rem;
}
.box-input .input-bottom-text {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  position: relative;
  color: #C9CDD6;
  margin: 1rem 0 0 0;
  padding: 0 0 0 0.6rem;
}
.box-input .input-bottom-text::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  display: block;
  background-color: #C9CDD6;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.box-input.error {
  position: relative;
}
.box-input.error .input-default {
  border-color: #E90247;
}
.box-input.error .ico-calendar {
  top: 2.5rem;
}
.box-input.error .txt-error {
  display: block;
  margin-top: 1rem;
  color: #E90247;
  text-align: left;
}
.box-input.error .input-label {
  color: #E90247;
}
.box-input .txt-error {
  display: none;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

.mb10 {
  margin-bottom: 1rem;
}

.btn-check {
  display: flex;
  gap: 0.8rem;
}
.btn-check input[type=checkbox] {
  position: absolute;
  width: 2rem;
  height: 2rem;
  outline: none !important;
  padding: 0;
  overflow: hidden;
  border: 0 !important;
  z-index: 1;
  display: block;
}
.btn-check input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.6rem;
  line-height: 2rem;
  outline: none !important;
  cursor: pointer;
  color: #70747D;
  font-size: 1.4rem;
}
.btn-check input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  text-align: center;
  background: url("/assets/images/icon/ico-check-off.svg") no-repeat center;
  background-size: contain;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box;
  z-index: 2;
}
.btn-check input[type=checkbox]:checked + label {
  color: #0057ff;
}
.btn-check input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: url("/assets/images/icon/ico-check-on.svg") no-repeat center;
  background-size: contain;
  background-position: center center;
  border-radius: 5px;
}
.btn-check input[type=checkbox]:focus {
  display: block;
  outline: none;
  box-shadow: 0 0 2px 2px #51a7e8;
}
.btn-check label {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}

.box-check {
  display: flex;
  gap: 0.8rem;
}
.box-check input[type=checkbox] {
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  outline: none !important;
  padding: 0;
  overflow: hidden;
  border: 0 !important;
  z-index: 1;
  display: block;
  border-radius: 0.4rem;
}
.box-check input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.6rem;
  outline: none !important;
  cursor: pointer;
}
.box-check input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  border: 0.2rem solid #C9CDD6;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 0.4rem;
  z-index: 2;
}
.box-check input[type=checkbox]:checked + label {
  color: #0057ff;
}
.box-check input[type=checkbox]:checked + label:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0px;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: url("/assets/images/icon/ico-check-box-on.svg") no-repeat center;
  background-size: contain;
  background-position: center center;
  border-radius: 5px;
}
.box-check input[type=checkbox]:focus {
  display: block;
  outline: none;
  box-shadow: 0 0 2px 2px #51a7e8;
}
.box-check label {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}

.select-input-wrap {
  display: flex;
  align-items: flex-end;
}
.select-input-wrap .box-select {
  width: 30rem;
}
.select-input-wrap .box-input {
  margin-bottom: 0 !important;
}

.box-select {
  position: relative;
}
.box-select::after {
  background: url("/assets/images/icon/ico-arrow-down.svg") no-repeat right center;
  background-size: 2rem;
  width: 2rem;
  height: 2rem;
  border: 0;
  transform: rotate(0deg);
  margin-top: -1rem;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  margin-bottom: 2rem;
  margin-right: 1rem;
  right: 0;
  transition: all 0.3s;
}
.box-select.open::after {
  transform: rotate(-180deg);
}
.box-select .select-label {
  font-size: 1.6rem;
  font-weight: 600;
  color: #050505;
}
.box-select .select-default {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  width: 100%;
  position: relative;
  padding: 1.6rem 4rem 1.6rem 0;
  border-bottom: 0.1rem solid #C9CDD6;
  color: #050505;
  text-align: left;
  transition: border-color 0.3s ease;
  height: 6rem;
}
.box-select .select-default::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-select .select-default.disabled {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #E5EBF4;
}
.box-select .select-default.disabled::after {
  background: url("/assets/images/icon/ico-arrow-down-grey.svg") no-repeat right center;
  background-size: 2rem;
}
.box-select .select-default.on {
  width: 16rem;
}
.box-select .select-default .list {
  z-index: 11;
}
.box-select .select-default .list .option {
  width: 99%;
  margin: 1rem 0 0 1rem;
  background: url("/assets/images/icon/ico-selected-check-off-24.svg") no-repeat 1rem center;
  background-size: 2rem;
  text-indent: 2rem;
}
.box-select .select-default .list .option:last-child {
  margin-bottom: 1rem;
}
.box-select .select-default .list .option.focus,
.box-select .select-default .list .option.selected.focus,
.box-select .select-default .list .option:hover {
  font-weight: 400;
  background-color: #F4F4F4;
  width: 99%;
  margin: 1rem 0 0 1rem;
  border-radius: 0.4rem;
}
.box-select .select-default .list .option.selected {
  color: #0057FF;
  background: url("/assets/images/icon/ico-selected-check-on-24.svg") no-repeat 1rem center;
  background-size: 2rem;
}
.box-select .select-default .list .option.selected:last-child {
  margin-bottom: 1rem;
}
.box-select .txt-error {
  display: none;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.box-select .select-label ~ .ico-delete {
  top: 9.5rem;
}
.box-select .select-label.label-trans {
  position: absolute;
  z-index: -10;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
}
.box-select .select-label.label-trans .ico-required::before {
  color: #70747D;
}
.box-select .select-label.label-trans.on {
  top: 0;
  font-size: 1.6rem;
  color: #050505;
  font-weight: 600;
  transition: all 0.3s;
  z-index: 10;
}
.box-select .select-label.label-trans.on .ico-required::before {
  color: #E90247;
}
.box-select.error .text-select,
.box-select.error .select-default {
  border-color: #E90247;
}
.box-select.error .txt-error {
  display: block;
  margin-top: 1rem;
  color: #E90247;
  text-align: left;
}
.box-select.select-more {
  display: none;
  margin-top: 1.6rem;
}
.box-select.select-more.on {
  display: flex;
}
.box-select.select-more.on .select-default {
  width: 16rem;
}
.box-select.select-more.on .input-wrap {
  position: relative;
  width: 100%;
}
.box-select.select-more.on input[type=text]:disabled,
.box-select.select-more.on input[type=number]:disabled {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #E5EBF4;
}
.box-select.select-more.on input[type=text]:disabled::placeholder,
.box-select.select-more.on input[type=number]:disabled::placeholder {
  color: #E5EBF4;
}
.box-select.select-more.on input[type=text]::placeholder,
.box-select.select-more.on input[type=number]::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-select.select-more.on .input-label ~ .ico-delete {
  top: 9.5rem;
}
.box-select.select-more.on .input-default {
  padding-left: 4rem;
}
.box-select.select-more.on .input-default.is-delete {
  padding-right: 5rem;
}
.box-select.select-more.on .input-default.is-time {
  padding-right: 10rem !important;
}
.box-select.select-more.on .input-default.is-unit {
  padding-right: 8.7rem;
}
.box-select.select-more.on .input-default.is-masking {
  padding-right: 9.5rem;
}
.box-select.select-more.on .input-default::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.box-select.select-more.on .input-default:focus {
  border-color: #050505;
}
.box-select.select-more.on .ico-delete {
  display: none;
}
.box-select.select-more.on .ico-delete.on {
  display: block;
}
.box-select.select-more.on.error {
  position: relative;
}
.box-select.select-more.on.error .input-default {
  border-color: #E90247;
}
.box-select.select-more.on.error .ico-calendar {
  top: 2.5rem;
}
.box-select.select-more.on.error .txt-error {
  display: block;
  margin-top: 1rem;
  color: #E90247;
  text-align: left;
}
.box-select.select-more.on.error .input-label {
  color: #E90247;
}
.box-select .nice-select {
  display: flex;
  align-items: center;
  float: none;
}
.box-select .nice-select .current {
  display: flex;
  width: 100%;
  padding-right: 2rem;
  display: block !important;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 2em;
}
.box-select .nice-select.on {
  width: 16rem;
}
.box-select .nice-select .list {
  width: 100%;
  max-height: 25rem;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 0;
  border-radius: 0 0 0.4rem 0.4rem;
}
.box-select .nice-select .list::-webkit-scrollbar {
  width: 0.4rem;
}
.box-select .nice-select .list::-webkit-scrollbar-thumb {
  height: 40%;
  background: rgba(5, 5, 5, 0.1);
  border-radius: 0.8rem;
}
.box-select .nice-select .list::-webkit-scrollbar-track {
  background-color: #fff;
}
.box-select .nice-select .list li {
  display: flex;
  width: 100%;
  padding-right: 2rem;
  display: block !important;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 2em;
}

/*파일첨부*/
.file-input-wrap {
  display: flex;
  flex-direction: column;
}
.file-input-wrap .box-attach-wrap {
  position: relative;
  border-bottom: 0.1rem solid #c9cdd6;
}
.file-input-wrap .box-attach-wrap .box-attach {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.file-input-wrap .box-attach-wrap .box-attach input {
  display: none;
}
.file-input-wrap .box-attach-wrap .box-attach .file-name {
  width: 100%;
  height: 6rem;
  padding: 1.6rem 2rem 0 0;
  overflow: hidden;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #70747D;
}
.file-input-wrap .box-attach-wrap .box-attach label {
  background: url("/assets/images/icon/ico-upload.svg") no-repeat left center;
  background-size: 2rem;
  color: #050505;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  padding: 0 0 0 2.4rem;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.file-input-wrap .box-attach-wrap .box-attach .btn-wrap {
  display: flex;
  justify-content: flex-end;
}
.file-input-wrap .box-attach-wrap .info-txt {
  display: block;
  margin-top: 1rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
}
.file-input-wrap .box-attach-wrap .txt-error {
  display: none;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.file-input-wrap .box-attach-wrap.error .txt-error {
  display: block;
  margin-top: 1rem;
  color: #E90247;
  text-align: left;
}
.file-input-wrap .box-file-attached {
  display: flex;
  flex-direction: column;
  gap: 0.8rem 0;
}
.file-input-wrap .box-file-attached li:last-child {
  margin-bottom: 1rem;
}
.file-input-wrap .box-file-attached .box-attached {
  display: flex;
  align-items: center;
  gap: 0 0.4rem;
}
.file-input-wrap .box-file-attached .box-attached span {
  display: inline-block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.file-input-wrap .box-file-attached .box-attached .ico-delete {
  position: inherit;
  transform: none;
  background: url("/assets/images/icon/ico-delete-file.svg") no-repeat center center;
  background-size: 1.4rem;
}
.file-input-wrap .box-file-attached .box-attached .file-txt {
  background-color: #E5EBF4;
  border-radius: 1rem;
  padding: 1rem;
}
.file-input-wrap .input-label {
  display: block;
  font-size: 1.6rem;
}

.textarea-wrap {
  width: 100%;
  max-width: 79rem;
}
.textarea-wrap .input-label {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}
.textarea-wrap .box-textarea {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 30rem;
  max-height: 50rem;
  box-sizing: border-box;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  overflow: hidden;
  color: #C9CDD6;
}
.textarea-wrap .box-textarea .input-default {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 1.6rem 2rem !important;
  background: #fff;
  border: 0.1rem solid #C9CDD6;
  overflow: hidden;
  border-radius: 1rem;
  transition: border-color 0.3s ease;
}
.textarea-wrap .box-textarea .input-default:focus {
  border: 0.1rem solid #050505;
}
.textarea-wrap .box-textarea .ico-delete {
  width: 2rem;
  height: 2rem;
  display: none;
  top: 1.6rem;
  right: 2rem;
  transform: translateY(0);
}
.textarea-wrap .box-textarea textarea {
  min-height: 30rem;
  max-height: 50rem;
}
.textarea-wrap .box-textarea textarea::-webkit-scrollbar {
  width: 0.4rem;
}
.textarea-wrap .box-textarea textarea::-webkit-scrollbar-thumb {
  height: 40%;
  background: rgba(5, 5, 5, 0.1);
  border-radius: 0.8rem;
}
.textarea-wrap .box-textarea textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.textarea-wrap .box-textarea .text-count {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
}
.textarea-wrap .txt-error {
  display: none;
}
.textarea-wrap.error .box-textarea .input-default {
  border-color: #E90247;
}
.textarea-wrap.error .txt-error {
  display: block;
  margin-top: 1rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #E90247;
  text-align: left;
}
.textarea-wrap.error .input-label {
  color: #E90247;
}
.textarea-wrap textarea::placeholder {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
  opacity: 1; /* 파이어폭스에서 뿌옇게 나오는 현상을 방지하기 위한 css */
}
.textarea-wrap textarea::-webkit-input-placeholder {
  color: #C9CDD6;
}
.textarea-wrap textarea:-ms-input-placeholder {
  color: #C9CDD6;
}
.textarea-wrap textarea:-mos-input-placeholder {
  color: #C9CDD6;
}

.default-table-wrap {
  margin: 11.2rem 0 0;
}

.default-table {
  display: block;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
.default-table thead {
  display: block;
  width: 100%;
}
.default-table thead tr td {
  padding: 3rem 0;
}
.default-table tbody {
  display: block;
  width: 100%;
}
.default-table tbody tr {
  border-bottom: 0.1rem solid #C9CDD6;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.default-table tbody tr td.subject {
  width: 88%;
}
.default-table tbody tr td.table-btn-box {
  width: 12%;
}
.default-table tr, .default-table td {
  display: block;
  width: 100%;
}
.default-table th {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.default-table td {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.default-table td .table-title:hover, .default-table td .table-title:focus {
  text-decoration: underline;
  transition: all 0.5;
}
.default-table .subject .table-day {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
}
.default-table .subject .table-top-info {
  display: flex;
  margin: 0 0 1.4rem 0;
}
.default-table .subject .table-media {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  padding: 0 3rem 0 0;
  position: relative;
}
.default-table .subject .table-media:after {
  content: "";
  display: inline-block;
  width: 0.1rem;
  height: 1.2rem;
  background-color: #E5EBF4;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
}
.default-table .table-btn-box {
  text-align: right;
}
.default-table .table-btn-box > .btn {
  display: inline-flex;
  font-size: 0;
}

.total-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px 0;
}
.total-wrap .total-number {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  margin: 0 0 2rem 0;
}
.total-wrap .total-number > strong, .total-wrap .total-number > em, .total-wrap .total-number > span {
  font-weight: 600;
}
.total-wrap .btn-offering {
  display: none;
  width: 28px;
  height: 28px;
  background: url(/assets/images/icon/ico-offering-btn.svg) no-repeat;
  background-size: contain;
}
.total-wrap .btn-offering.on {
  position: fixed;
  z-index: 105;
  top: 1.6rem;
  right: 1.6rem;
  background: url(/assets/images/icon/ico-offering-close-btn.svg) no-repeat;
}

.search-wrap {
  width: 100%;
  max-width: 52rem;
  margin: 0 auto;
}

.pagination {
  display: flex;
  justify-content: center;
}
.pagination .paging-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  margin: 0 2.6rem;
}
.pagination .paging-list > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.pagination .paging-list > li.active a {
  background-color: #050505;
  border-radius: 5rem;
  color: #fff;
}
.pagination .paging-list > li a:focus {
  background-color: #F4F4F4;
  border-radius: 5rem;
}
.pagination .paging-prev:hover, .pagination .paging-prev:focus, .pagination .paging-first:hover, .pagination .paging-first:focus, .pagination .paging-next:hover, .pagination .paging-next:focus, .pagination .paging-end:hover, .pagination .paging-end:focus {
  background-color: #F4F4F4;
  border-radius: 5rem;
}

.default-table-wrap + .pagination {
  margin: 12rem 0 0 0;
}

.board.library {
  width: calc(100% - 9rem);
}
.board.library .pagination {
  margin-top: 12rem;
}
.board .search-wrap {
  margin-bottom: 12rem;
}
.board .total-number {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.board .board-list {
  margin-top: 2rem;
}
.board .board-list > li {
  border-top: 0.1rem solid #C9CDD6;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.board .board-list > li .left .type {
  display: flex;
  align-items: center;
  margin-bottom: 1.4rem;
}
.board .board-list > li .left .type span {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  position: relative;
}
.board .board-list > li .left .type span + span {
  padding-left: 1.6rem;
}
.board .board-list > li .left .type span + span::before {
  content: "";
  width: 0.1rem;
  height: 1.2rem;
  background: #C9CDD6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.8rem;
}
.board .board-list > li .left .type .writer {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 700;
}
.board .board-list > li .left .type .date, .board .board-list > li .left .type .category {
  color: #70747D;
}
.board .board-list > li .left .title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.board .board-list > li .left .title strong:hover {
  text-decoration: underline #050505;
}
.board .board-list > li .left .conts {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  margin-top: 1rem;
}
.board .board-list > li:last-of-type {
  border-bottom: 0.1rem solid #C9CDD6;
}
.board .board-view .board-view-header {
  border-bottom: 0.1rem solid #C9CDD6;
  padding-bottom: 4rem;
}
.board .board-view .board-view-header .path {
  font-size: 2rem;
  font-weight: 600;
  color: #70747D;
  line-height: 1.4;
}
.board .board-view .board-view-header .title {
  font-weight: 600;
  font-size: 4.2rem;
  color: #050505;
  line-height: 1.4;
  margin-bottom: 2rem;
}
.board .board-view .board-view-header .date {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #70747D;
}
.board .board-view .board-view-header .nikname {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #70747D;
  margin-left: 3rem;
  position: relative;
}
.board .board-view .board-view-header .nikname::before {
  content: "";
  width: 1px;
  height: 12px;
  background: #C9CDD6;
  top: 0.5rem;
  left: 0;
  margin-left: -1.5rem;
  position: absolute;
}
.board .board-view .board-view-header .downLoad {
  font-size: 1.6rem;
  font-weight: 600;
  color: #050505;
  margin-top: 4rem;
  position: relative;
  padding: 2rem 4.4rem 2rem 2rem;
  display: block;
  background-color: #f4f4f4;
  line-height: 1.4;
  letter-spacing: 0;
  border-radius: 1rem;
}
.board .board-view .board-view-header .downLoad::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/assets/images/icon/ico-download.svg) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
}
.board .board-view .board-view-conts {
  padding: 6rem 0;
  min-height: 20rem;
  font-size: 1.6rem;
  color: #050505;
  line-height: 1.4;
}
.board .board-view .board-view-conts p {
  font-size: 1.6rem;
  color: #050505;
  line-height: 1.4;
}
.board .board-view .board-view-footer .go-back {
  color: #050505;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 3rem;
}
.board .board-view .board-view-footer .go-back::before {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(/assets/images/icon/ico-arrow-radius-black-right-18.svg) no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: 0 1rem 0 0;
  transform: rotate(180deg);
}

.default-table-info-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  margin-top: 2rem;
}
.default-table-info-txt em {
  padding: 0 1.5rem 0 0;
}
.default-table-info-txt span {
  padding: 0 0 0 1.5rem;
  position: relative;
}
.default-table-info-txt span::before {
  display: inline-block;
  content: "";
  width: 0.1rem;
  height: 1.6rem;
  background-color: #E5EBF4;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.default-table-info-cont {
  padding: 6rem 0 3rem 0;
  border-top: 0.1rem solid #F4F4F4;
}
.default-table-info-cont .table-info-cont-txt {
  margin-bottom: 20rem;
}
.default-table-info-cont .table-info-cont-txt a:hover, .default-table-info-cont .table-info-cont-txt a:focus {
  text-decoration: underline;
  transition: all 0.5;
}

.default-table-info-pages ul {
  border-top: 0.1rem solid #050505;
  border-bottom: 0.1rem solid #050505;
}
.default-table-info-pages ul li {
  display: flex;
  border-top: 0.1rem solid #F4F4F4;
}
.default-table-info-pages ul li a {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 700;
  padding: 2rem 1.6rem;
  min-width: 20rem;
  border-right: 0.1rem solid #F4F4F4;
}
.default-table-info-pages ul li a::after {
  content: "";
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-black-up-24.svg") no-repeat center center;
  background-size: contain;
  vertical-align: middle;
  margin: -0.2rem 0 0 0.4rem;
}
.default-table-info-pages ul li div {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 500;
  padding: 2rem 1.6rem;
}
.default-table-info-pages ul li:first-child {
  border-top: 0;
}
.default-table-info-pages ul li:last-child a::after {
  background: url("/assets/images/icon/ico-arrow-black-down-24.svg") no-repeat center center;
  background-size: contain;
}

.images-list-wrap {
  display: flex;
  margin: 11.2rem 0 0 0;
  flex-wrap: wrap;
}
.images-list-wrap > .total-wrap {
  border-bottom: none;
}
.images-list-wrap ul.no-result {
  display: flex;
  gap: 6rem 2%;
  flex-wrap: wrap;
}
.images-list-wrap ul.no-result li {
  width: 32%;
}
.images-list-wrap ul.no-result li a {
  width: 100%;
}
.images-list-wrap .list-img-box {
  margin: 0 0 3rem 0;
}
.images-list-wrap .list-img-box img {
  border-radius: 1rem;
  width: 100%;
}
.images-list-wrap .list-kind-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  display: block !important;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 2em;
  margin: 0 0 1rem 0;
}
.images-list-wrap .list-tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
  max-height: 3em;
  margin: 0 0 3rem 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .images-list-wrap .list-tit {
    padding-right: 1em;
  }
  .images-list-wrap .list-tit::before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .images-list-wrap .list-tit::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 2px;
    background: #fff;
  }
}
.images-list-wrap .list-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  width: 100%;
  max-height: 3em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .images-list-wrap .list-txt {
    padding-right: 1em;
  }
  .images-list-wrap .list-txt::before {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .images-list-wrap .list-txt::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1em;
    height: 1em;
    margin-top: 2px;
    background: #fff;
  }
}
.images-list-wrap a:hover .list-tit, .images-list-wrap a:focus .list-tit {
  text-decoration: underline;
  transition: all 0.5;
}

.images-list-wrap + .pagination {
  margin: 12rem 0 0 0;
}
.images-list-wrap .no-search-result,
.images-list-wrap .no-result {
  display: block;
  flex: none !important;
  width: 100%;
}

.no-result .result-item {
  width: 100% !important;
  flex: none;
}
.no-result .no-result-txt {
  display: block;
  padding: 32.2rem 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
  text-align: center;
  background: url("/assets/images/icon/icon-no-result.svg") no-repeat center 22.7rem;
  background-size: 7rem 7rem;
}

.no-search-result .no-search-result-txt {
  display: block;
  padding: 32.2rem 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
  text-align: center;
  background: url("/assets/images/icon/icon-no-search.svg") no-repeat center 22.7rem;
  background-size: 7rem 7rem;
}

.acc-conts {
  display: none;
}

.acc-conts2 {
  display: none;
}

.accordian > .acc-trigger {
  display: block;
  width: 100%;
  position: relative;
}
.accordian .acc-conts {
  padding: 3rem 0 0;
}
.accordian.type-01 {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.accordian.type-01 > .acc-trigger {
  display: block;
  width: 100%;
  position: relative;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  padding: 0 3rem 0 0;
}
.accordian.type-01 > .acc-trigger:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background: url("/assets/images/icon/ico-arrow-bottom-white.svg") no-repeat 0 0;
  background-size: 3rem 3rem;
  transform: translateY(-50%);
}
.accordian.type-01 > .acc-trigger.on:after {
  transform: translateY(-50%) rotate(180deg);
}
.accordian.type-01 .acc-conts {
  padding: 3rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  color: #fff;
}
.accordian.type-02 {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid #C9CDD6;
}
.accordian.type-02 > .acc-trigger {
  display: block;
  width: 100%;
  position: relative;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #050505;
  padding: 0 3rem 0 0;
}
.accordian.type-02 > .acc-trigger:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background: url("/assets/images/icon/ico-arrow-bottom-black.svg") no-repeat 0 0;
  background-size: 3rem 3rem;
  transform: translateY(-50%);
}
.accordian.type-02 > .acc-trigger.on:after {
  opacity: 0;
}
.accordian.type-02 .acc-conts {
  padding: 3rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  line-height: 1.8 !important;
  font-size: 1.8rem;
  color: #484C51;
}
/*  aicc */
 
 .accordian.type-aicc {
  padding-bottom: 3rem;
/*   border-bottom: 0.1rem solid #C9CDD6; */
}
.accordian.type-aicc > .acc-trigger {
  display: block;
  width: 100%;
  position: relative;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #050505;
  padding: 0 3rem 0 0;
}
.accordian.type-aicc > .acc-trigger:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background: url("/assets/images/icon/ico-arrow-bottom-black.svg") no-repeat 0 0;
  background-size: 3rem 3rem;
  transform: translateY(-50%);
}
.accordian.type-aicc > .acc-trigger.on:after {
  opacity: 0;
}
.accordian.type-aicc .acc-conts {
  padding: 3rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  line-height: 1.8 !important;
  font-size: 1.8rem;
  color: #484C51;
}
/* ---- */

.accordian2 > .acc-trigger2 {
  display: block;
  width: 100%;
  position: relative;
}
.accordian2 .acc-conts2 {
  padding: 3rem 0 0;
}
.accordian2.type-01 {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.accordian2.type-01 > .acc-trigger2 {
  display: block;
  width: 100%;
  position: relative;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  padding: 0 3rem 0 0;
}
.accordian2.type-01 > .acc-trigger2 span.accordian-arrow {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 3rem;
  height: 3rem;
  background: url("/assets/images/icon/ico-arrow-bottom-white.svg") no-repeat 0 0;
  background-size: 3rem 3rem;
  transform: translateY(-50%);
}
.accordian2.type-01 > .acc-trigger2.on span.accordian-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.accordian2.type-01 .acc-conts2 {
  padding: 3rem 0 0;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  color: #fff;
}

.layer-popup {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 5, 5, 0.2509803922);
  z-index: 200;
}
.layer-popup.show .layer-popup-item {
  opacity: 1;
  transform: translate(-50%, -50%);
  transition-delay: 0.2s;
  overflow-y: auto;
}
.layer-popup.show .layer-popup-item.pop-item-sm {
  max-width: 79rem;
  max-height: 60.5rem;
  overflow: hidden;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-header .tit-main {
  margin: 0;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-body {
  overflow-y: auto;
  position: relative;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-body::after {
  content: "";
  display: block;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 83%);
  width: 100%;
  min-height: 5rem;
  position: sticky;
  bottom: 0;
  left: 0;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-body::-webkit-scrollbar {
  width: 0.4rem;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-body::-webkit-scrollbar-thumb {
  height: 40%;
  background: rgba(5, 5, 5, 0.1);
  border-radius: 0.8rem;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-footer {
  padding: 0;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-footer .btn-wrap {
  gap: 0 0.8rem;
}
.layer-popup.show .layer-popup-item.pop-item-sm .popup-footer .btn-wrap .btn {
  justify-content: center;
}
.layer-popup .layer-popup-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 106rem;
  padding: 5rem;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  opacity: 0;
  transform: translateY(-5rem);
  transition: all 0.3s ease-out;
  max-height: 90vh;
}
.layer-popup .layer-popup-item::-webkit-scrollbar {
  width: 0.4rem;
}
.layer-popup .layer-popup-item::-webkit-scrollbar-thumb {
  height: 40%;
  background: rgba(5, 5, 5, 0.1);
  border-radius: 0.8rem;
}
.layer-popup .layer-popup-item::-webkit-scrollbar-track {
  background-color: transparent;
}
.layer-popup .layer-popup-item .tit-main {
  display: block;
  margin: 0 0 4rem 0;
}
.layer-popup .layer-popup-item .tit-main div {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  margin: 0 0 0.6rem 0;
}
.layer-popup .layer-popup-item .tit-main p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.layer-popup .layer-popup-item .tit-sub {
  display: block;
  margin: 6rem 0 2rem 0;
}
.layer-popup .layer-popup-item .tit-sub div {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  font-size: 1.8rem;
  margin: 0 0 0.8rem 0;
}
.layer-popup .layer-popup-item .tit-sub p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #617498;
}
.layer-popup .layer-popup-item .popup-header {
  width: 100%;
  padding: 0 0 4rem;
}
.layer-popup .layer-popup-item .popup-body {
  width: 100%;
}
.layer-popup .layer-popup-item .popup-footer {
  width: 100%;
  padding: 8rem 0 0 0;
}
.layer-popup .layer-popup-item .pop-form-box {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 1;
  justify-content: space-between;
  gap: 2rem 4rem;
}
.layer-popup .layer-popup-item .pop-form-box > div {
  width: auto;
  min-width: 45.8rem;
}
.layer-popup .layer-popup-item .pop-form-box > div.textarea-wrap {
  width: 100%;
  max-width: 100%;
}
.layer-popup .layer-popup-item .pop-form-box > div.textarea-wrap .input-label {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
}
.layer-popup .layer-popup-item .pop-form-box > div.textarea-wrap .input-label .ico-required {
  color: #C9CDD6;
}
.layer-popup .layer-popup-item .pop-form-box > div.textarea-wrap .input-label.on {
  top: 0.7rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.layer-popup .layer-popup-item .pop-form-box > div.textarea-wrap .input-label.on .ico-required {
  color: #E90247;
}
.layer-popup .layer-popup-item .pop-form-box > div.box-select .select-label.label-trans.on {
  top: 0.7rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.layer-popup .layer-popup-item .pop-form-box > div.box-input .input-label.label-trans.on {
  top: 0.7rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.layer-popup .layer-popup-item .pop-info-box .required-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #0057FF;
  margin: 0 0 0 0.8rem;
}
.layer-popup .layer-popup-item .pop-info-box .select-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #C9CDD6;
  margin: 0 0 0 0.8rem;
}
.layer-popup .layer-popup-item .pop-info-box .pop-info-list-box {
  border-radius: 1rem;
  border: 0.1rem solid #F4F4F4;
  padding: 2.4rem 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layer-popup .layer-popup-item .pop-info-box .pop-info-list-box .btn-check label {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.layer-popup .layer-popup-item .pop-info-box .pop-info-list-box .btn-wrap {
  width: auto;
  margin: 0;
}
.layer-popup .layer-popup-item .pop-info-box .pop-info-list-box.on {
  border-color: #050505;
}
.layer-popup .layer-popup-item .pop-info-box > ul li {
  border-radius: 1rem;
  border: 0.1rem solid #F4F4F4;
}
.layer-popup .layer-popup-item .pop-info-box > ul li.on {
  border-color: #050505;
}
.layer-popup .layer-popup-item .pop-info-box > ul li.on:nth-child(1) {
  border-top-color: #050505;
}
.layer-popup .layer-popup-item .pop-info-box > ul li.on:nth-child(2), .layer-popup .layer-popup-item .pop-info-box > ul li.on:nth-child(3) {
  border-top-color: #050505;
}
.layer-popup .layer-popup-item .pop-info-box > ul li .pop-info-list-box {
  border-radius: 0;
  border: 0;
}
.layer-popup .layer-popup-item .pop-info-box > ul li:nth-child(1) {
  border-top: 0.1rem solid #F4F4F4;
  border-bottom: 0;
  border-radius: 1rem 1rem 0 0;
}
.layer-popup .layer-popup-item .pop-info-box > ul li:nth-child(2), .layer-popup .layer-popup-item .pop-info-box > ul li:nth-child(3) {
  border-top: 0.1rem solid #F4F4F4;
  border-bottom: 0;
  border-radius: 0;
}
.layer-popup .layer-popup-item .pop-info-box > ul li:nth-child(4) {
  border-radius: 0 0 1rem 1rem;
}
.layer-popup .layer-popup-item .pop-info-box > ul li:nth-child(4) .pop-info-list-box {
  padding-bottom: 1.4rem;
}
.layer-popup .layer-popup-item .pop-info-box > ul li .pop-info-list-multiple ul {
  display: flex;
  padding: 0 2rem 2.4rem;
}
.layer-popup .layer-popup-item .pop-info-box > ul li .pop-info-list-multiple ul li {
  border-radius: 0;
  border: 0;
  margin: 0 0 0 1.6rem;
}
.layer-popup .layer-popup-item .pop-info-box > ul li .pop-info-list-multiple ul li:first-child {
  margin: 0 0 0 3.4rem;
}
.layer-popup .layer-popup-item .pop-info-txt-box {
  margin: 1rem 0 0 0;
}
.layer-popup .layer-popup-item .pop-info-txt-box p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #617498;
  padding: 0 0 0 0.8rem;
  margin: 0;
  position: relative;
}
.layer-popup .layer-popup-item .pop-info-txt-box p + p {
  margin: 0.6rem 0 0 0;
}
.layer-popup .layer-popup-item .pop-info-txt-box p::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #617498;
  border-radius: 5rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.layer-popup .layer-popup-item .pop-info-txt-box p.info-txt-emphasis {
  color: #E90247;
}
.layer-popup .layer-popup-item .pop-info-txt-box p.info-txt-emphasis::before {
  background-color: #E90247;
}
.layer-popup .layer-popup-item .popup-footer .btn-wrap {
  display: flex;
  justify-content: center;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .sec-head {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section {
  margin: 2rem 0 0 0;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section + .section h2 {
  margin: 0 0 0.6rem 0;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section h2 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section ol li {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section ul li {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.layer-popup .layer-popup-item .pop-notice-view .privacy-wrap .section b {
  font-size: 1.8rem;
  font-weight: 600;
}
.layer-popup .layer-popup-item .btn-close-x {
  display: block;
  position: absolute;
  right: 5rem;
  top: 5rem;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 0;
  z-index: 1;
  background: url("/assets/images/icon/ico-close-pop.svg") no-repeat center;
  background-size: 3.4rem 3.4rem;
}

body {
  overflow-x: hidden;
}
body #wrap.main #header {
  background: transparent;
  backdrop-filter: none;
  transition: all 0.2s;
}
body #wrap.main #header.gnb-on {
  background-color: rgba(5, 5, 5, 0.8);
}

#wrap.main {
  padding: 0;
}
#wrap.main .container {
  padding: 0;
}
#wrap.main .mo_br {
  display: none;
}
#wrap.main .pc_br {
  display: block;
}

body #wrap.main {
  /* keyframes */
}
body #wrap.main .container {
  width: 100%;
}
body #wrap.main .container .main_con_01 {
  position: relative;
  width: 100%;
  height: auto;
  background: #0a0a0a;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap {
  width: 100%;
  height: 100%;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper {
  padding: 0;
  margin: 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_video {
  width: 100vw;
  height: 100%;
  position: relative;
  padding: 0;
  margin: 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_video::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #050505;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_video img {
  width: 100%;
  display: block;
  height: 100vh;
  object-fit: cover;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_video video {
  display: block;
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc {
  width: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 192rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .desc_pc {
  position: absolute;
  left: 22rem;
  top: -21.3rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .pc-type .txt_title {
  font-family: "Pretendard";
  color: #050505;
  font-size: 8rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin: 0 0 6rem 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .pc-type .txt_subtitle {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin: 0 0 2rem 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .pc-type .txt_con {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin: 0 0 2rem 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .mobile-type {
  display: none;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-notification {
  display: none;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_next,
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_prev {
  width: 8rem;
  height: 8rem;
  text-indent: -99999;
  font-size: 0;
  line-height: 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_next::after,
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_prev::after {
  width: 8rem;
  height: 8rem;
  font-size: 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_next {
  right: 4rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_next::after {
  background: url("/assets/images/icon/ico-arrow-right-52.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_prev {
  left: 4rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_prev::after {
  background: url("/assets/images/icon/ico-arrow-left-52.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-btns {
  position: absolute;
  bottom: 10rem;
  left: calc(50% + 62rem);
  z-index: 10;
  transform: translateX(-50%);
  width: 100%;
  max-width: 192rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-control {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 0;
  background: url("/assets/images/icon/ico-stop.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-control.on {
  background: url("/assets/images/icon/ico-play.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs {
  height: 0.1rem;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  bottom: 10rem;
  left: calc(50% + 22rem);
  z-index: 100;
  padding: 0;
  transform: translateX(-50%);
  max-width: 192rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide {
  width: 5.6rem !important;
  height: 100%;
  opacity: 1;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.4);
  margin: 0 0.8rem 0 0;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide a {
  display: block;
  width: 100%;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  width: 25rem !important;
  height: 100%;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .thumbs-transition {
  position: absolute;
  z-index: -10;
  height: 100%;
  top: 0;
  left: 0;
  width: 5.6rem;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide-thumb-active .thumbs-transition {
  transition: width 5s ease-out;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .thumbs-num {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #fff;
  opacity: 0.4;
  position: absolute;
  top: -2.8rem;
  left: 0;
  display: block;
  width: 100%;
  pointer-events:auto !important;
  cursor : pointer !important;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide-thumb-active .thumbs-num {
  opacity: 1;
  height: 100%;
}
body #wrap.main .container .main_con_01 .keyvisual_video_wrap .scroll_down {
  position: absolute;
  bottom: 6rem;
  right: 18rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  border-bottom: 1px solid #fff;
  z-index: 10;
  animation-name: scroll_down_motion;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@-webkit-keyframes scroll_down_motion {
  0% {
    bottom: 6rem;
  }
  50% {
    bottom: 8rem;
  }
  100% {
    bottom: 6rem;
  }
}
body #wrap.main .container .main_con_02 {
  background-color: #000;
  padding-top: 15rem;
  padding-bottom: 12.5rem;
}
body #wrap.main .container .main_con_02 .txt_box {
  padding-right: 25.9rem;
  padding-left: 22rem;
  overflow: hidden;
  max-width: 192rem;
  margin: 0 auto;
}
body #wrap.main .container .main_con_02 .txt_box h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_group {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  gap: 5rem;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_left {
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin-top: 5rem;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_right {
  text-align: left;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_right h2 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  font-weight: 600;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_right h3 {
  display: block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin-top: 2.5rem;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_right .btn-wrap {
  margin-top: 2.5rem;
}
body #wrap.main .container .main_con_02 .txt_box .txt_box_right::after {
  content: "";
  clear: both;
}
body #wrap.main .container .scrollmagic-pin-spacer {
  display: block !important;
  padding-bottom: 0;
}
body #wrap.main .container .main_con_03 .main_con_03_customer {
  position: relative;
  background-color: #000;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  padding-top: 15rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap {
  width: 100%;
  height: 100%;
  max-width: 192rem;
  margin: 0 auto;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box {
  opacity: 0;
  transition: 1s ease;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #050505;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box.video_wrap {
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box {
  position: absolute;
  top: 3.75rem;
  left: 22rem;
  z-index: 10;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin-bottom: 5rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box .txt_box_con {
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin-top: 5rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box .txt_box_con_title {
  margin-bottom: 3rem;
  color: #fff;
  font-size: 2rem;
  line-height: 2.8rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li {
  color: #fff;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li p {
  font-size: 1.8rem;
  line-height: 3.1rem;
  margin-top: 2rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li h4 {
  font-size: 3.2rem;
  position: relative;
  font-weight: bold;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li h4 a {
  display: flex;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li h4 a span {
  margin-left: 4px;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li h4 a span img {
  display: block;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .txt_box ul li:nth-child(2) {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #fff;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .factory_box {
  z-index: 5;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #000;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .factory_box video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  left: 50%;
  top: 0.75rem;
  max-width: 170.3rem;
  transform: translateX(-48%);
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .factory_box img {
  width: 100%;
  display: block;
  position: absolute;
  left: 58%;
  transform: translateX(-47%) translateY(50%);
  bottom: 50%;
  max-width: 116.3rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_nav {
  color: #fff;
  display: flex;
  font-size: 1.6rem;
  font-weight: bold;
  position: absolute;
  top: 3.75rem;
  right: 13.75rem;
  z-index: 99;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_nav li {
  line-height: 2.2rem;
  padding: 0.8rem 1rem;
  display: flex;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_nav li::before {
  transition: opacity 0.9s ease-in-out;
  opacity: 0;
  width: 0;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_nav li::after {
  margin-left: 1rem;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_nav.navOn .server_nav {
  position: fixed;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secA .video_wrap {
  opacity: 1;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secA.navOn .server_nav li:first-child {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secA.navOn .server_nav li:first-child::after {
  content: "";
  margin: 0;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secA.navOn .server_nav li:first-child::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secB .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secB .server_box_01 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secB.navOn .server_nav li:nth-child(2) {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secB.navOn .server_nav li:nth-child(2)::after {
  content: "스마트팩토리 컨설팅";
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secB.navOn .server_nav li:nth-child(2)::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secC .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secC .server_box_02 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secC.navOn .server_nav li:nth-child(3) {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secC.navOn .server_nav li:nth-child(3)::after {
  content: "AI 서비스";
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secC.navOn .server_nav li:nth-child(3)::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secD .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secD .server_box_03 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secD.navOn .server_nav li:nth-child(4) {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secD.navOn .server_nav li:nth-child(4)::after {
  content: "에너지/탄소 관리";
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secD.navOn .server_nav li:nth-child(4)::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secE .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secE .server_box_04 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secE.navOn .server_nav li:nth-child(5) {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secE.navOn .server_nav li:nth-child(5)::after {
  content: "설비 온라인";
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secE.navOn .server_nav li:nth-child(5)::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secF .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secF .server_box_05 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secF.navOn .server_nav li:nth-child(6) {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secF.navOn .server_nav li:nth-child(6)::after {
  content: "제조 로보틱스";
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secF.navOn .server_nav li:nth-child(6)::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secG .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secG .server_box_06 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secG.navOn .server_nav li:nth-child(7) {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secG.navOn .server_nav li:nth-child(7)::after {
  content: "인프라 서비스";
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secG.navOn .server_nav li:nth-child(7)::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secH .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secH .server_box_07 {
  opacity: 1;
  z-index: 21;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secH.navOn .server_nav li:last-child {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box.secH.navOn .server_nav li:last-child::after {
  content: "매니지드 서비스";
}

.swiper-pagination {
  height: 40px;
  top: 190px;
  padding-right: 13.75rem;
  text-align: right;
}

.swiper-pagination-bullet {
  display: inline-block;
  background-color: transparent;
  padding: 8px 18px;
  height: 38px;
  font-size: 14px;
  color: #fff;
  position: relative;
  vertical-align: middle;
  line-height: 22px;
}
.swiper-pagination-bullet > em {
  display: none;
}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active {
  margin: 0 40px 0 40px;
}
.swiper-pagination-bullet:last-child::after {
  display: none;
}

.swiper-pagination-bullet-active {
  background-color: rgba(255, 255, 255, 0.2);
  width: auto;
  margin: 0 0 0 16px !important;
  border-radius: 50px;
}
.swiper-pagination-bullet-active > em {
  display: inline-block;
  margin: 0 0 0 8px;
}

body #wrap.main.eng .container .main_con_02 .txt_box_group {
  width: 100%;
}
body #wrap.main.eng .container .main_con_02 .txt_box_group .txt_box_left {
  width: 58.2rem;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box .server_box .txt_box .txt_box_con {
  font-size: 5rem;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secA .video_wrap {
  opacity: 1;
  z-index: 20;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secA.navOn .server_nav li:first-child {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  margin-right: 7rem;
  padding: 0.8rem 1.6rem;
  position: relative;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secA.navOn .server_nav li:first-child::after {
  content: "";
  margin: 0;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secA.navOn .server_nav li:first-child::before {
  width: 4rem;
  display: block;
  content: "";
  height: 1px;
  background: #fff;
  position: absolute;
  right: -6rem;
  top: 50%;
  margin-top: -1px;
  opacity: 1;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secB .video_wrap {
  opacity: 0;
  z-index: 20;
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secB.navOn .server_nav li:nth-child(2)::after {
  content: "Smart Factory Consulting";
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secC.navOn .server_nav li:nth-child(3)::after {
  content: "MES Implementation";
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secD.navOn .server_nav li:nth-child(4)::after {
  content: "Enterprise Resource Planning(ERP)";
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secE.navOn .server_nav li:nth-child(5)::after {
  content: "Machine Automation";
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secF.navOn .server_nav li:nth-child(6)::after {
  content: "Manufacturing Logistics Automation";
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secG.navOn .server_nav li:nth-child(7)::after {
  content: "IT Infrastructure";
}
body #wrap.main.eng .container .main_con_03 .main_customer_server_wrap .customer_server_box.secH.navOn .server_nav li:last-child::after {
  content: "Smart Factory Operations";
}
body #wrap.main.eng .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_emphasis_txt {
  font-size: 3.5rem;
}
body #wrap.main.eng .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_tit {
  margin-bottom: 4rem;
}
body #wrap.main.eng .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .txt_box_right {
  padding-bottom: 4rem;
}
body #wrap.main.eng .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .txt_box_right p {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.7;
}
body #wrap.main.eng .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .txt_box_right span {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 0;
}
body #wrap.main.eng .container .main_con_05 {
  display: none;
}
body #wrap.main.eng .container .main_con_06 .main_info_wrap .main_info_box {
  gap: 4.5rem;
  justify-content: space-between;
}
body #wrap.main.eng .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_tit {
  font-size: 3.2rem;
}
@media (max-width: 1024px) {
  body #wrap.main.eng .container .mo_br {
    display: block;
  }
  body #wrap.main.eng .container .pc_br {
    display: none;
  }
  body #wrap.main.eng .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_emphasis_txt {
    font-size: 2.2rem;
  }
  body #wrap.main.eng .container .main_con_02 .txt_box .txt_box_left {
    font-size: 3rem;
  }
  body #wrap.main.eng .container .main_con_02 .txt_box .txt_box_right h3 {
    margin-top: 0;
  }
  body #wrap.main.eng .container .main_con_02 .txt_box .txt_box_right h2 {
    font-weight: 400;
  }
  body #wrap.main.eng .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .txt_wrap p {
    font-size: 2.8rem;
  }
  body #wrap.main.eng .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_thumbs {
    top: 21.8rem;
  }
}

body #wrap.main .container .main_con_04_mo {
  display: none;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap {
  height: 100vh;
  position: relative;
  background-color: #E5EBF4;
  display: flex;
  align-items: center;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner {
  display: flex;
  align-items: center;
  width: 100%;
  margin: auto;
  padding: 0 0 0 10%;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view {
  height: 56.6rem;
  overflow: hidden;
  position: relative;
  z-index: 2;
  max-width: 111.6rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide img {
  max-width: 34.7rem;
  height: 56.6rem;
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area {
  height: 56.6rem;
  padding: 0 8.8rem 0 10.4rem;
  display: flex;
  flex-direction: column;
  background: #e5ebf4;
  width: 76.9rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_tit {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #050505;
  margin-bottom: 8rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_emphasis_txt {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #050505;
  margin-bottom: 4rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_emphasis_txt::before {
  display: block;
  content: "";
  width: 2rem;
  height: 1.8rem;
  background: url("/assets/images/icon/ico-quotes-black.svg") no-repeat right center;
  background-size: contain;
  margin-bottom: 2.6rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_txt {
  font-size: 1.8rem;
  font-weight: 400;
  color: #050505;
  line-height: 1.7;
  margin-bottom: 4rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_star {
  font-size: 14px;
  font-weight: 600;
  color: #050505;
  line-height: 1.3;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide .feedback_txt_area .feedback_box_star::before {
  content: "";
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("/assets/images/icon/ico-star-black.svg") no-repeat right center;
  background-size: contain;
  vertical-align: middle;
  margin: -0.4rem 0.4rem 0 0;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .feedback-pagination {
  left: 44rem;
  bottom: 0.8rem;
  width: 40rem;
  padding: 0;
  height: 0.4rem;
  top: auto;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .feedback-pagination .swiper-pagination-bullet {
  width: 6.6rem;
  height: 0.4rem;
  background-color: grey;
  border-radius: 1rem;
  padding: 0;
  opacity: 1;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .feedback-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin: 0 0.4rem 0 0.4rem !important;
  background: #050505;
  width: 17rem;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-next {
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-feedback-navi-next.svg") no-repeat center center;
  background-size: contain;
  right: 16.5rem;
  top: auto;
  bottom: 0.14rem;
  opacity: 1;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-next::after {
  content: "";
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-next.swiper-button-disabled {
  right: 16.5rem;
  top: auto;
  bottom: 0.14rem;
  opacity: 1;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-feedback-navi-next-gray.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-prev {
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/icon/ico-arrow-feedback-navi-prev.svg") no-repeat center center;
  background-size: contain;
  left: auto;
  right: 20.9rem;
  top: auto;
  bottom: 0.14rem;
  opacity: 1;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-prev::after {
  content: "";
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-prev.swiper-button-disabled {
  left: auto;
  right: 20.9rem;
  top: auto;
  bottom: 0.14rem;
  opacity: 1;
  width: 25px;
  height: 24px;
  background: url("/assets/images/icon/ico-arrow-feedback-navi-prev-gray.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_thumb {
  height: 56.6rem;
  overflow: hidden;
  margin-left: -13%;
  position: relative;
  z-index: 1;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_thumb .swiper-wrapper .swiper-slide {
  cursor: pointer;
}
body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_thumb .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 56.6rem;
  border-radius: 1rem;
  object-fit: cover;
  object-position: center;
}

body #wrap.main .container .main_con_05 {
  padding: 24rem 0 24rem 0;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide .slide_img img {
  width: 38.5rem;
  height: 21.7rem;
  object-fit: cover;
}
body #wrap.main .container .main_con_05 .main_media_wrap {
  position: relative;
  max-width: 192rem;
  margin: auto;
  padding-left: 22rem;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  margin: 0 0 5rem 0;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit_big {
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit_btn {
  position: absolute;
  top: 23.94rem;
  left: 22rem;
  width: auto;
  z-index: 10;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap {
  position: relative;
  padding: 14.4rem 0 0 0;
  overflow: hidden;
  margin: 0 0 0 0;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container {
  position: relative;
  padding-bottom: 10rem;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide {
  width: auto;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide .slide_img {
  position: relative;
  margin: 0 0 2.6rem 0;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide .slide_img::after {
  content: "";
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  background: url("/assets/images/icon/ico-youtube.svg") no-repeat center center;
  background-size: auto;
  background-size: 1.7rem 1.2rem;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide .slide_img img {
  border-radius: 1rem;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide dl dt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  margin: 0 0 0.8rem 0;
  display: block !important;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 2em;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide dl dd {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-next,
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-prev {
  position: absolute;
  top: -11rem;
  width: 5.8rem;
  height: 5.8rem;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-next::after,
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-prev::after {
  width: 5.8rem;
  height: 5.8rem;
  font-size: 0;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-next {
  left: 1540px;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-next::after {
  background: url("/assets/images/icon/ico-arrow-black-right-58.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-prev {
  left: 1460px;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .media-button-prev::after {
  background: url("/assets/images/icon/ico-arrow-black-left-58.svg") no-repeat center center;
  background-size: contain;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .media-pagination {
  top: 530px;
  height: 2px;
  background: rgba(5, 5, 5, 0.2);
  max-width: 1480px;
}
body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .media-pagination .swiper-pagination-progressbar-fill {
  background: rgb(5, 5, 5);
}
body #wrap.main .main_media_slide_wrap .swiper-wrapper .swiper-slide {
  max-width: 38.5rem;
}
body #wrap.main .main_media_slide_wrap .swiper-wrapper .swiper-slide dl dd {
  word-break: break-all;
}
body #wrap.main .container .main_con_06 {
  background-color: #050505;
}
body #wrap.main .container .main_con_06 .main_info_wrap {
  padding: 24rem 22rem 0;
  max-width: 192rem;
  margin: 0 auto;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 16rem 0;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list {
  padding-left: 25%;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list .main_info_box_txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  font-weight: 600;
  margin: 0 0 6rem 0;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list ul li {
  margin: 0 0 2rem 0;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list ul li a {
  position: relative;
  padding: 0 2.2rem 0 0;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list ul li a span {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  font-weight: 600;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list ul li a i {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.1rem;
  font-style: normal;
  color: #fff;
  line-height: 2.4rem;
  text-align: center;
  width: 2rem;
  height: 2rem;
  border-radius: 5rem;
  background-color: #0057FF;
  vertical-align: middle;
  position: absolute;
  top: -0.4rem;
  right: 0;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_slide_wrap {
  position: relative;
  overflow: hidden;
  margin: 0 -16rem 0 -16rem;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_slide_wrap .main-info-container {
  position: relative;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_slide_wrap .main-info-container .swiper-wrapper {
  transition-timing-function: linear;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_slide_wrap .main-info-container .swiper-slide {
  width: auto;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_slide_wrap .main-info-container .swiper-slide img {
  opacity: 0.6;
  width: 100%;
  height: 4.8rem;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_logo_wrap {
  padding: 8rem 0 0 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_logo_wrap .logo_container.original {
  animation: 33s linear 0s infinite normal forwards running rollingleft1;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_logo_wrap .logo_container.clone {
  animation: 33s linear 0s infinite normal none running rollingleft2;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_logo_wrap .logo_container ul {
  display: inline-flex;
  align-items: center;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_logo_wrap .logo_container ul li {
  box-sizing: border-box;
  margin-right: 7.6rem;
}
body #wrap.main .container .main_con_06 .main_info_wrap .main_info_logo_wrap .logo_container ul li img {
  opacity: 0.6;
  height: 48px;
}
@keyframes rollingleft1 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-100%);
  }
  50.01% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes rollingleft2 {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200%);
  }
}
body #wrap.main .container .main_con_03_mobil {
  display: none;
}

@media (max-width: 1760px) {
  body #wrap.main.eng .container .main_con_02 .txt_box_group .txt_box_left {
    width: 50.2rem;
  }
  body #wrap.main.eng .container .main_con_02 .txt_box_group .txt_box_right {
    width: calc(100% - 53.2rem);
  }
  body #wrap.main.eng .container .main_con_02 .txt_box_group .txt_box_right .pc_br {
    display: none !important;
  }
}
@media (max-width: 1500px) {
  body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .factory_box img {
    width: 63%;
    transform: translateX(-47%) translateY(50%);
  }
  body #wrap.main .container .main_con_03 .main_con_03_customer .main_customer_server_wrap .customer_server_box .server_box .factory_box video {
    max-width: 117.3rem;
    transform: translateX(-50%) translateY(50px);
  }
}
@media (max-width: 1280px) {
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner {
    justify-content: center;
    padding: 0;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_thumb {
    display: none;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .feedback-pagination {
    left: 44rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-prev {
    right: 19.9rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-next {
    right: 15.5rem;
  }
  body #wrap.main .container .main_con_02 .txt_box {
    padding: 0 22rem;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_group {
    flex-direction: column;
    align-items: flex-start;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_group .txt_box_left .pc_br {
    display: none;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_group .txt_box_right {
    margin-top: 1rem;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_group .txt_box_right .pc_br {
    display: none;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box {
    justify-content: space-between;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list {
    padding-left: 0;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group {
    flex-direction: column;
    align-items: flex-start;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group .txt_box_left {
    width: 100%;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group .txt_box_left br {
    display: none;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group .txt_box_right {
    margin-top: 1rem;
    width: 100%;
  }
  body #wrap.main.eng .main_con_06 .main_info_box_tit {
    width: 50rem;
  }
  body #wrap.main.eng .main_con_06 .main_info_box_tit .pc_br {
    display: none;
  }
  body #wrap.main.eng .main_con_06 .main_info_box_list {
    width: 50rem;
  }
  body #wrap.main.eng .main_con_06 .main_info_box_list .pc_br {
    display: none;
  }
}
@media (max-width: 1024px) {
  body #wrap.main.eng .main_con_02 .txt_box {
    padding: 0 1.6rem !important;
    max-width: 100%;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group .txt_box_left {
    width: 100%;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group .txt_box_right {
    margin-top: 0;
  }
  body #wrap.main.eng .main_con_02 .txt_box .txt_box_group .txt_box_right h2 {
    margin-top: 0;
  }
  body #wrap.main.eng .main_con_06 .main_info_wrap {
    padding: 10rem 1.6rem !important;
    max-width: 100%;
  }
  body #wrap.main.eng .main_con_06 .main_info_box_tit {
    width: 100%;
  }
  body #wrap.main.eng .main_con_06 .main_info_box_list {
    width: 100%;
  }
  body #wrap.main .container {
    overflow: hidden;
    width: 100%;
    position: relative;
  }
  body #wrap.main .container #m_header {
    background: transparent;
    backdrop-filter: none;
    border-bottom: 0 none;
  }
  body #wrap.main .container #m_header .btn-menu span {
    background-color: #fff;
  }
  body #wrap.main .container .mo_br {
    display: block !important;
  }
  body #wrap.main .container .pc_br {
    display: none !important;
  }
  body #wrap.main .container .main_con_01 {
    overflow-x: hidden;
    height: 100vh;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper video {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: 100%;
    z-index: -100;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc {
    transform: translateX(0) translateY(-50%);
    max-width: initial;
    width: calc(100% - 4rem);
    top: 39%;
    left: 2rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .pc-type {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .mobile-type {
    display: block;
    left: 1.6rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .mobile-type .txt_title {
    font-size: 3rem;
    color: #fff;
    margin: 0 0 3rem 0;
    font-weight: 600;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .mobile-type .txt_subtitle {
    font-weight: 600;
    font-size: 2.1rem;
    color: #fff;
    margin: 0 0 1rem 0;
    line-height: 140%;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .swiper-wrapper .slider_desc .mobile-type .txt_con {
    font-size: 1.5rem;
    color: #fff;
    line-height: 140%;
    margin: 0 0 1rem 0;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_next {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .video_prev {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-btns {
    left: 14rem;
    bottom: 14.9rem;
    transform: translateX(0);
    display: block;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-btns > button {
    width: 48px;
    height: 48px;
    display: block;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-btns > button[aria-pressed=false] {
    background: no-repeat center url(/assets/images/common/main-logo-icon-stop.svg);
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .main-video-btns > button[aria-pressed=true] {
    background: no-repeat center url(/assets/images/common/main-logo-icon-play.svg);
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs {
    width: auto;
    left: 1.6rem;
    bottom: 11rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide {
    width: 2.4rem !important;
    height: 0.4rem;
    border-radius: 0.1rem;
    cursor: pointer;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .swiper-slide a {
    width: 100%;
    height: 100%;
    pointer-events: auto;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .thumbs-transition {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .thumbs-num {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap {
    position: relative;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap video {
    width: 100%;
    height: 100vh;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slick-dots {
    position: absolute;
    bottom: 10rem;
    left: 1.6rem;
    display: inline-flex;
    gap: 0.8rem;
    z-index: 10;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slick-dots li {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.5);
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slick-dots li.slick-active {
    background-color: #fff;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .controler {
    display: block;
    position: absolute;
    bottom: 9.5rem;
    left: 7rem;
    color: #fff;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .controler button {
    font-size: 0;
    width: 20px;
    height: 20px;
    background: url(/assets/images/common/main_icon_mo_stop.svg);
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .controler button.stop.on {
    background: url(/assets/images/common/main_icon_mo_play.svg);
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slider_desc {
    left: 1.6rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slider_desc .pc-type {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slider_desc .mobile-type {
    display: block;
    left: 1.6rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slider_desc .mobile-type .txt_title {
    font-size: 3rem;
    color: #fff;
    margin: 0 0 6rem 0;
    font-weight: 600;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slider_desc .mobile-type .txt_subtitle {
    font-weight: 600;
    font-size: 2.4rem;
    color: #fff;
    margin: 0 0 1rem 0;
    line-height: 140%;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .slider_desc .mobile-type .txt_con {
    font-size: 1.6rem;
    color: #fff;
    line-height: 170%;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-btn-wrap {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-dots-wrp {
    position: absolute;
    bottom: 15rem;
    left: 2rem;
    margin-top: 5px;
    margin-left: -5px;
    margin-right: -5px;
    display: none;
    justify-content: center;
    z-index: 50;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-dots-wrp li {
    list-style: none;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #fff;
    margin-right: 0.8rem;
    opacity: 0.5;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-dots-wrp li.slick-active {
    opacity: 1;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .video_next {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .video_prev {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-video-btns {
    left: 11.8rem;
    bottom: 14.9rem;
    transform: translateX(0);
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-video-btns .main-video-start {
    width: 3rem;
    height: 3rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .keyvisual_video_wrap .main-video-btns .main-video-stop {
    width: 3rem;
    height: 3rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs {
    width: auto;
    left: 9.6rem;
    bottom: 16.4rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .slick-slide {
    width: 2.4rem !important;
    height: 0.4rem;
    border-radius: 0.1rem;
    cursor: pointer;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .thumbs-transition {
    width: 2.4rem;
    height: 0.4rem;
    border-radius: 0.1rem;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .gallery-thumbs .thumbs-num {
    display: none;
  }
  body #wrap.main .container .main_con_01 .keyvisual_video_wrap .scroll_down {
    right: 80%;
    font-size: 1.2rem;
  }
  body #wrap.main .container .main_con_02 {
    padding-top: 10rem;
    background: #050505;
  }
  body #wrap.main .container .main_con_02 .txt_box {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    overflow: hidden;
  }
  body #wrap.main .container .main_con_02 .txt_box h3 {
    font-size: 2rem;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_left {
    float: left;
    font-size: 4rem;
    margin-top: 2rem;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_right {
    float: right;
    text-align: left;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_right h2 {
    font-size: 1.8rem;
    font-weight: 600;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_right h3 {
    font-size: 1.8rem;
    margin-top: 2.5rem;
  }
  body #wrap.main .container .main_con_02 .txt_box .txt_box_right .btn-wrap {
    margin-top: 2.5rem;
  }
  body #wrap.main .container .scrollmagic-pin-spacer {
    display: none !important;
  }
  body #wrap.main .container .main_con_03 {
    position: relative;
    height: 59.5625rem;
    background-color: #050505;
    overflow: hidden;
    display: none;
  }
  body #wrap.main .container .main_con_03 .txt_box {
    position: absolute;
    top: 0;
    left: 1rem;
  }
  body #wrap.main .container .main_con_03 .txt_box h3 {
    font-size: 2rem;
  }
  body #wrap.main .container .main_con_03 .txt_box .txt_box_con {
    font-size: 3.6rem;
    margin-top: 2rem;
  }
  body #wrap.main .container .main_con_03 .factory_box {
    position: absolute;
    top: 24rem;
    left: 0;
    margin-left: initial;
  }
  body #wrap.main .container .main_con_03 .factory_box video {
    width: 100%;
    height: auto;
  }
  body #wrap.main .container .main_con_03_mobil {
    display: block;
    background: #050505;
    color: #fff;
    position: relative;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap {
    padding: 0 16px;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .customer_server_video {
    display: none;
    position: absolute;
    background: #050505;
    z-index: 20;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 16px;
    width: 100%;
    height: 100%;
    opacity: 1;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .customer_server_video.hide {
    opacity: 0;
    z-index: -10;
    transition: all 0.5s ease-in-out;
    position: absolute !important;
    inset: 0 auto auto 0 !important;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .customer_server_video .server_title h3 {
    font-size: 2rem;
    line-height: 140%;
    font-weight: 600;
    text-transform: capitalize;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .txt_wrap {
    margin-top: 2rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .txt_wrap p {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 140%;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .factory_box {
    margin-top: 6rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .factory_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .server_title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
    text-transform: capitalize;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide {
    padding-top: 9.1rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_img {
    margin-bottom: 5.8rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_txt h2 {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 3rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_txt ul {
    margin-bottom: 4rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_txt ul li:nth-child(2) {
    margin-top: 3rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_txt ul li h3 {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_txt ul li h3::after {
    content: "";
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: url(/assets/images/common/main_icon_mo_slider.png);
    vertical-align: middle;
    margin-bottom: 0.2rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_slider .swiper-slide .swiper_txt ul li p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 170%;
    margin-top: 1rem;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_thumbs {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 20.8rem;
    font-size: 0;
    padding: 0 16px;
    overflow: hidden;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_thumbs .swiper-slide {
    font-size: 1.2rem;
    font-weight: 600;
    width: auto !important;
    display: flex;
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.4);
    padding: 6px 12px;
    border-radius: 500px;
    cursor: pointer;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_thumbs .swiper-slide.swiper-slide-thumb-active {
    color: #050505;
    background: #fff;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_thumbs .swiper-slide a {
    display: block;
  }
  body #wrap.main .container .main_con_03_mobil .main_customer_wrap .customer_box .miracom_server_thumbs .swiper-slide a span {
    display: inline-block;
    flex: 0 0 auto;
    margin-left: 6px;
  }
  body #wrap.main .container .main_con_04 {
    display: none;
  }
  body #wrap.main .container .main_con_04_mo {
    display: block;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap {
    position: relative;
    height: 636px;
    overflow: hidden;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg {
    height: 636px;
    background-color: red;
    display: flex;
    align-items: center;
    padding: 0 1.6rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area {
    background-color: #E5EBF4;
    height: 440px;
    border-radius: 10px;
    width: 100%;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_tit {
    font-size: 2rem;
    font-weight: 600;
    color: #050505;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_emphasis_txt {
    font-size: 2.4rem;
    font-weight: 600;
    color: #050505;
    line-height: 1.4;
    margin-bottom: 2.1rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_emphasis_txt::before {
    display: block;
    content: "";
    width: 1.1rem;
    height: 0.953rem;
    background: url("/assets/images/icon/ico-quotes-black.svg") no-repeat right center;
    background-size: contain;
    margin-bottom: 0.9rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_txt {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 2.1rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_star {
    font-weight: 600;
    color: #050505;
    line-height: 1.3;
    font-size: 1.4rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg .feedback_txt_area .feedback_box_star::before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    background: url("/assets/images/icon/ico-star-black.svg") no-repeat right center;
    background-size: contain;
    vertical-align: middle;
    margin: -0.4rem 0.4rem 0 0;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg.feedback_bg1 {
    background: url("/assets/images/common/feedback_img_01.png") no-repeat left center;
    background-size: cover;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg.feedback_bg2 {
    background: url("/assets/images/common/feedback_img_02.png") no-repeat left center;
    background-size: cover;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg.feedback_bg3 {
    background: url("/assets/images/common/feedback_img_03.png") no-repeat left center;
    background-size: cover;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback_bg.feedback_bg4 {
    background: url("/assets/images/common/feedback_img_04.png") no-repeat left center;
    background-size: cover;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback-pagination {
    left: 3.4rem;
    top: 49.6rem;
    width: 20rem;
    padding: 0;
    height: 0.4rem;
    text-align: left;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback-pagination .swiper-pagination-bullet {
    width: 0.4rem;
    height: 0.4rem;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 0;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .feedback-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    margin: 0 0.4rem 0 0.4rem !important;
    background: #050505;
    width: 2.4rem;
    height: 0.4rem;
    border-radius: 10px;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .swiper-button-next {
    width: 26px;
    height: 26px;
    background: url("/assets/images/icon/ico-arrow-feedback-navi-next.svg") no-repeat center center;
    background-size: contain;
    right: 4rem;
    top: 51rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .swiper-button-next::after {
    content: "";
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .swiper-button-prev {
    width: 26px;
    height: 26px;
    background: url("/assets/images/icon/ico-arrow-feedback-navi-prev.svg") no-repeat center center;
    background-size: contain;
    left: auto;
    top: 51rem;
    right: 7.5rem;
  }
  body #wrap.main .container .main_con_04_mo .main_customer_feedback_wrap .swiper-button-prev::after {
    content: "";
  }
  body #wrap.main .container .main_con_05 {
    padding: 0 0 0 0;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container {
    padding-bottom: 3rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide {
    max-width: 31.1rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide .slide_img img {
    width: 31.1rem;
    height: 17.4rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide dl dt {
    font-size: 1.4rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap .main-media-container .swiper-slide dl dd {
    font-size: 1.8rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap {
    padding: 19.5313vw 0 19.5313vw 1.6rem;
    background-color: #fff;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit {
    font-size: 2rem;
    margin: 0 0 2rem 0;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit_big {
    font-size: 3.2rem;
    margin: 0 0 1rem 0;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit_btn {
    position: static;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit_btn .btn {
    font-size: 1.4rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_tit_btn .btn::after {
    width: 1.8rem;
    height: 1.8rem;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .main_media_slide_wrap {
    padding: 6rem 0 0 0;
    margin: 0;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .media-button-next {
    display: none;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .media-button-prev {
    display: none;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .media-pagination {
    display: block;
    background-color: #F4F4F4;
    height: 0.2rem;
    position: absolute;
    width: calc(100% - 1.6rem);
    top: auto;
    bottom: 0;
  }
  body #wrap.main .container .main_con_05 .main_media_wrap .media-pagination .swiper-pagination-progressbar-fill {
    background-color: #050505;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap {
    padding: 15rem 1.6rem;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8rem 0;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_tit {
    font-size: 3.2rem;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list .main_info_box_txt {
    font-size: 2.4rem;
    margin: 0 0 4rem 0;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list ul li a span {
    font-size: 2.4rem;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_box .main_info_box_list ul li:last-of-type {
    margin-bottom: 0;
  }
  body #wrap.main .container .main_con_06 .main_info_wrap .main_info_slide_wrap {
    margin: 0;
  }
}
@media (max-width: 640px) {
  body #wrap.main .container .main_con_02 .txt_box .txt_box_right {
    float: left;
    text-align: left;
  }
}
@media (min-width: 2000px) {
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner {
    padding-left: 22rem;
    max-width: 192rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view {
    width: 61%;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-prev {
    right: 11.9rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-button-next {
    right: 7.5rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .swiper-wrapper .swiper-slide img {
    max-width: 30.7rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_view .feedback-pagination {
    left: 40rem;
  }
  body #wrap.main .container .main_con_04 .main_customer_feedback_wrap .customer_feedback_inner .feedback_thumb {
    margin-left: -13%;
    width: 52%;
  }
}
body #wrap.value #header {
  background: transparent;
  backdrop-filter: none;
  transition: all 0.2s;
}
body #wrap.value #header.gnb-on {
  background-color: rgba(5, 5, 5, 0.8);
}

#wrap.value {
  padding: 0;
}
#wrap.value .container {
  padding: 0 0;
}
#wrap.eng .value-02-cont ul li dl dt {
  font-size: 6rem;
}
#wrap.eng .value-02-cont ul li dl dt.plus {
  padding-left: 0;
}
#wrap.eng .value-02-cont ul li dl dt.plus span {
  padding-right: 10rem;
}
#wrap.eng .value-02-cont ul li dl dt.plus span::before {
  display: none;
}
#wrap.eng .value-02-cont ul li dl dt.plus span::after {
  content: "";
  display: block;
  width: 5.8rem;
  height: 5.8rem;
  background: url(/assets/images/subpages/mrc_smr_01_icon01.png) no-repeat center/100%;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
#wrap.eng .value-04 .cont-tit p {
  font-size: 4.2rem;
}

.value-01 {
  overflow: hidden;
}
.value-01 img {
  width: 100%;
}
.value-01.career .careerCon3 {
  width: 100%;
  height: 100vh;
  position: relative;
}
.value-01.career .careerCon3 > * {
  opacity: 0;
  transition: 1s ease;
}
.value-01.career .careerCon3 > div[class*=con] {
  transform: scale(1.15);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.value-01.career .careerCon3 > div[class*=con] img {
  height: 100%;
  object-fit: cover;
}
.value-01.career .careerCon3 > div[class*=con] img.mo {
  display: none;
}
.value-01.career .careerCon3 p {
  z-index: 1;
  font-size: 8rem;
  font-weight: 600;
  color: #fff;
  width: 100%;
  text-align: center;
  line-height: 140%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.value-01.career .careerCon3.sceneE > div.con2 {
  opacity: 1;
  transform: scale(1);
}
.value-01.career .careerCon3.sceneE > p.con2 {
  opacity: 1;
}
.value-01.career .careerCon3.sceneE .paging:after {
  height: 1rem;
}
.value-01.career .careerCon3.sceneF > div.con3 {
  opacity: 1;
  transform: scale(1);
}
.value-01.career .careerCon3.sceneF > p.con3 {
  opacity: 1;
}
.value-01.career .careerCon3.sceneF .paging:after {
  height: 2rem;
}
.value-01.career .careerCon3.sceneG > div.con4 {
  opacity: 1;
  transform: scale(1);
}
.value-01.career .careerCon3.sceneG > p.con4 {
  opacity: 1;
}
.value-01.career .careerCon3.sceneG .paging:after {
  height: 4rem;
}
.value-01.career .careerCon3.sceneH > div.con5 {
  opacity: 1;
  transform: scale(1);
}
.value-01.career .careerCon3.sceneH > p.con5 {
  opacity: 1;
}
.value-01.career .careerCon3.sceneH .paging:after {
  height: 6rem;
}
.value-01.career .careerCon3.sceneI > div.con6 {
  opacity: 1;
  transform: scale(1);
}
.value-01.career .careerCon3.sceneI > p.con6 {
  opacity: 1;
}
.value-01.career .careerCon3.sceneI .paging:after {
  height: 8.2rem;
}
.value-01.career .careerCon3 .paging {
  position: absolute;
  bottom: 50%;
  right: 15.625%;
  opacity: 1;
  transition: 1s ease;
  z-index: 10;
  transform: translate(0, 50%);
  display: flex;
  flex-direction: column;
  gap: 10.2rem;
}
.value-01.career .careerCon3 .paging:before, .value-01.career .careerCon3 .paging:after {
  content: "";
  display: block;
  position: absolute;
  top: 3rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.1rem;
  background: #fff;
}
.value-01.career .careerCon3 .paging:before {
  height: 8.2rem;
  opacity: 0.2;
}
.value-01.career .careerCon3 .paging:after {
  transition: all ease-in-out 0.5s;
}
.value-01.career .careerCon3 .paging span {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 140%;
  color: #fff;
  letter-spacing: 0;
}
.value-02 {
  width: 100%;
  height: 100vh;
  background-color: #050505;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16rem;
  position: relative;
  overflow: hidden;
}
.value-02-cont {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  color: #fff;
}
.value-02-cont h6 {
  font-size: 3.2rem;
  line-height: 140%;
  font-weight: 600;
  margin-bottom: 4rem;
}
.value-02-cont p.tit-desc {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 12rem;
}
.value-02-cont ul {
  width: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.value-02-cont ul li {
  padding-right: 20rem;
  box-sizing: border-box;
}
.value-02-cont ul li:nth-child(1) dt {
  padding-left: 0;
}
.value-02-cont ul li dl {
  width: 100%;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  gap: 12rem;
}
.value-02-cont ul li dl dt {
  padding-left: 10rem;
  font-size: 8rem;
  font-weight: 600;
  white-space: nowrap;
}
.value-02-cont ul li dl dt span {
  font-size: 25rem;
  position: relative;
}
.value-02-cont ul li dl dt span.txt::before {
  content: none;
}
.value-02-cont ul li dl dt span::before {
  content: "";
  display: block;
  width: 5.8rem;
  height: 5.8rem;
  background: url(/assets/images/subpages/mrc_smr_01_icon01.png) no-repeat center/100%;
  position: absolute;
  left: -5.8rem;
  top: 50%;
  transform: translate(-50%, -50%);
}
.value-02-cont ul li dl dd {
  white-space: nowrap;
}
.value-02-cont ul li dl dd span {
  display: block;
  margin-bottom: 3rem;
  font-size: 4.2rem;
  font-weight: 600;
}
.value-02-cont ul li dl dd p {
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 140%;
}
.value-03 .pc-wrap {
  width: 100%;
  max-width: 160rem;
  margin: 0 auto;
  padding: 24rem 6rem;
}
.value-03 .pc-wrap .fade-area {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 4rem;
  text-align: center;
}
.value-03 .pc-wrap .fade-area img {
  width: 34rem;
  height: 34rem;
  object-fit: cover;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 3rem;
}
.value-03 .pc-wrap .fade-area + .fade-area {
  margin-top: 20rem;
}
.value-03 .pc-wrap .fade-area .count {
  font-size: 6.2rem;
  gap: 0.6rem;
  font-weight: 600;
  line-height: 1.6;
  display: flex;
  justify-content: center;
  align-items: center;
}
.value-03 .pc-wrap .fade-area .count > span {
  font-weight: 400;
  font-size: 2.2rem;
}
.value-03 .pc-wrap .fade-area .count .emph {
  font-size: 2.4rem;
  padding-left: 0.8rem;
  padding-bottom: 3.4rem;
}
.value-03 .pc-wrap .fade-area .title {
  font-size: 1.8rem;
  font-weight: 400;
  color: #050505;
}
.value-03 .pc-wrap .fade-area .caption {
  font-size: 1.4rem;
  font-weight: 400;
  color: #70747D;
  line-height: 1.6;
}
.value-03 .cardSwiper {
  display: none;
  position: relative;
  padding: 0 1.6rem;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide {
  width: 100%;
  max-width: 35.9rem;
  height: 52rem;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 1rem;
  position: relative;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo01 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img01.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo02 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img02.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo03 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img03.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo04 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img04.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo05 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img05.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo05 dl .emph {
  font-size: 1.6rem;
  padding-bottom: 2.4rem;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo05 dl dt span {
  background: url("/assets/images/subpages/mrc_smr_icon04.png") no-repeat center/100%;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo05 dl dd .caption {
  color: #70747D;
  margin-top: 0;
  font-size: 1.2rem;
  line-height: 140%;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo06 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img06.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide.mo07 {
  background-image: url(/assets/images/subpages/mrc_smr_mo_img07.png);
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide dl {
  position: absolute;
  width: calc(100% - 5.6rem);
  left: -0.1rem;
  bottom: -0.1rem;
  background-color: #fff;
  padding: 3rem 2rem;
  border-top-right-radius: 1rem;
  height: 22.7rem;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide dl dt {
  display: flex;
  align-items: center;
  justify-content: start;
  font-size: 4.2rem;
  line-height: 140%;
  margin-bottom: 1.6rem;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide dl dt span {
  margin-left: 0.5rem;
  font-size: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url("/assets/images/subpages/mrc_smr_icon03.svg") no-repeat center/100%;
}
.value-03 .cardSwiper .swiper-wrapper .swiper-slide dl dd {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 4rem;
}
.value-03 .cardSwiper .swiperbtnBox {
  position: absolute;
  left: 2rem;
  bottom: 0.8rem;
  width: 100%;
  max-width: 8.4rem;
}
.value-03 .cardSwiper .swiperbtnBox .next_bottom {
  width: 2rem;
  height: 1.8rem;
  background-image: url(/assets/images/icon/ico-arrow-next-mo.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.value-03 .cardSwiper .swiperbtnBox .next_bottom.swiper-button-next::after {
  content: none;
}
.value-03 .cardSwiper .swiperbtnBox .prev_bottom {
  width: 2rem;
  height: 1.8rem;
  background-image: url(/assets/images/icon/ico-arrow-prev-mo.svg);
  background-position: center center;
  background-repeat: no-repeat;
}
.value-03 .cardSwiper .swiperbtnBox .prev_bottom.swiper-button-prev::after {
  content: none;
}
.value-04 {
  width: 100%;
  margin: 0 auto;
  max-width: 192rem;
}
.value-04 .cont-tit {
  margin: 0 auto;
  max-width: 156.8rem;
  padding: 0 4.4rem;
}
.value-04 .cont-tit h6 {
  font-size: 3.2rem;
  line-height: 140%;
  font-weight: 600;
  margin-bottom: 8rem;
}
.value-04 .cont-tit p {
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 140%;
}
.value-04-cont {
  margin-top: 3.4rem;
}
.value-04-cont.contContainer {
  width: 100%;
  height: 100vh;
  position: relative;
  box-sizing: border-box;
}
.value-04-cont.contContainer .contWrap {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  padding: 4.4rem;
  box-sizing: border-box;
}
.value-04-cont.contContainer .contWrap .contBg {
  width: 100%;
  height: calc(100vh - 8.8rem);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all 0.5s;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
.value-04-cont.contContainer .contWrap .contBg.contBg1 {
  background-image: url(/assets/images/subpages/mrc_smr_01_img06.png);
}
.value-04-cont.contContainer .contWrap .contBg.contBg2 {
  background-image: url(/assets/images/subpages/mrc_smr_01_img07.png);
}
.value-04-cont.contContainer .contWrap .contBg.contBg3 {
  background-image: url(/assets/images/subpages/mrc_smr_01_img08.png);
}
.value-04-cont.contContainer .contWrap .contBg.contBg4 {
  background-image: url(/assets/images/subpages/mrc_smr_01_img09.png);
}
.value-04-cont.contContainer .contWrap .contBg .number {
  position: absolute;
  left: 50%;
  bottom: 10rem;
  font-size: 6.2rem;
  font-weight: 600;
  width: 100%;
  transform: translateX(-50%);
  padding: 0 4.4rem;
  max-width: 156.8rem;
  color: #fff;
  z-index: 3;
}
.value-04-cont.contContainer .contWrap .contTxt {
  width: 100%;
  position: absolute;
  top: 24rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 4.4rem 0;
  max-width: 156.8rem;
  color: #fff;
  transition: color 0.5s;
  z-index: 3;
}
.value-04-cont.contContainer .contWrap .contTxt .contTxtInner {
  width: 100%;
}
.value-04-cont.contContainer .contWrap .contTxt .contTxtInner h3 {
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 3rem;
}
.value-04-cont.contContainer .contWrap .contTxt .contTxtInner p {
  font-size: 2rem;
  line-height: 140%;
}
.value-04-cont.contContainer .contWrap .contTxt .contTxtInner p span.desc {
  margin-top: 3rem;
  display: block;
  font-weight: 400;
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.6;
}
.value-05 {
  width: 100%;
  max-width: 156.8rem;
  padding: 0 4.4rem;
  margin: 15.6rem auto 20rem;
}
.value-05 .cont-tit {
  margin: 0 auto;
}
.value-05 .cont-tit h6 {
  font-size: 3.2rem;
  line-height: 3.2rem;
  font-weight: 600;
  margin-bottom: 8rem;
}
.value-05 .cont-tit p {
  font-size: 6.2rem;
  font-weight: 600;
  line-height: 140%;
}
.value-05-cont {
  margin-top: 6rem;
}
.value-05-cont img {
  border-top-left-radius: 1rem;
}

main {
  transition: background-color 0.3s linear;
}
main.bgOn {
  background-color: #f4f4f4;
  transition: background-color 0.3s linear;
}

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

.mt20 {
  margin-top: 2rem !important;
}

.mt40 {
  margin-top: 4rem !important;
}

.mt30 {
  margin-top: 3rem !important;
}

.mo-touch-scroll {
  width: 100%;
  overflow: hidden;
}
.mo-touch-scroll img {
  width: 100%;
}
.mo-touch-scroll .mes-link-with-img{
	display: inline !important; 
}
.check-list-wrap {
  display: none !important;
}

.check-list li {
  background: #f4f4f4;
  padding: 2.8rem;
  border-radius: 1rem;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 2rem;
  position: relative;
  padding-left: 4rem;
}
.check-list li::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_01_icon_check.svg);
  position: absolute;
  top: 2.5rem;
  left: 2rem;
  background-size: contain;
}
.check-list li:last-child {
  margin-bottom: 0;
}

ul.flexLayout {
  display: flex;
}
ul.flexLayout_01 {
  gap: 2rem;
  flex-wrap: wrap;
}
ul.flexLayout_01 > li {
  flex: 1 1 30%;
  padding: 3rem;
  border-radius: 1rem;
  background-color: #F4F4F4;
}
ul.flexLayout_01 > li:last-child {
  margin-top: 8rem;
}
ul.flexLayout_01 > li dl {
  border-top: 0.1rem solid #C9CDD6;
  margin-top: 2rem;
}
ul.flexLayout_01 > li dl dt {
  font-size: 2rem;
  color: #0057FF;
  margin: 4rem 0 2rem 0;
}
ul.flexLayout_01 > li dl dd {
  font-size: 1.8rem;
  line-height: 170%;
  text-align: center;
}
ul.flexLayout_01 > li dl dd::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #484C51;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.8rem;
}
ul.flexLayout_02 {
  gap: 2rem;
}
ul.flexLayout_02 li {
  width: 50%;
  border-radius: 1rem;
  background-color: #F4F4F4;
  overflow: hidden;
}
ul.flexLayout_02 li dl dt {
  color: #fff;
  text-align: center;
  background-color: #484C51;
  padding: 2rem 0;
  font-size: 2.6rem;
  font-weight: 600;
}
ul.flexLayout_02 li dl dd {
/*   padding: 4rem; */
  padding: 3rem;
}

/* msp */
ul.flexLayout_02 li dl dd.msp-dd {
  padding: 0 3rem 3rem;
}
ul.flexLayout_02 li dl dd.msp-dd ul li {
    width: 100%;
    border-radius: 0rem;
    font-size: 1.8rem;
    line-height: 170%;
    margin-bottom: 0.8rem;
    position: relative;
    padding-left: 0.8rem;
    font-weight: 600;
}
ul.flexLayout_02 li dl dd.msp-dd ul li span {
    width: 100%;
    border-radius: 0rem;
    font-size: 1.8rem;
    line-height: 170%;
    margin-bottom: 0.8rem;
    position: relative;
    padding-left: 0.8rem;
    font-weight: 400;
    /* color: #70747D; */
}
.span-text-msp{
	font-size: 1.6rem;
    line-height: 140%;
    margin-bottom: 0.8rem;
    position: relative;
    padding-left: 0.8rem;
    font-weight: 400;
    color: #888888; 
}

ul.flexLayout_msp > li.msp-li,
ul.flexLayout_msp > li.msp-li * { all: revert; 
 display:flex!important;;                
    align-items:center;
    justify-content:center;
}
 .cont-box-msp{
	  padding: 0 30px 30px;
} 
ul.flexLayout.flexLayout_msp{
   display:grid !important;
    grid-template-columns:repeat(2,1fr);
    gap:10rem 4rem;
    margin-top: 20px;
}

ul.flexLayout_msp > li.msp-li > img {
    max-width:100%;               
    height:auto;
    display:block;   
}

.text-card-msp{
  padding: 30px 30px 0!important;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 170%;
}
.text-card-msp-sub{
  position:relative;
  padding: 0 30px 10px!important;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 170%;
}
.center-border{
    border-top:1px solid #C9CDD6;
    width:90%;               
    margin: 20px auto;
}
.text-service-msp{
	height: 99px;
}
.text-service-msp-epc{
	height: 130px;
	margin-top: 30px;
}
.flexLayout_msp_five_icon{
    display:grid !important;
    grid-template-columns:repeat(2,1fr);
    gap:10rem 4rem;  
    margin-top: 20px;
}

ul.flexLayout_msp_five_icon > li.msp-li,
ul.flexLayout_msp_five_icon > li.msp-li * { all: revert; 
 	display:flex!important;;                
    align-items:center;
    justify-content:center;
}

.flexLayout_msp_five_icon > li.msp-li > img{
    max-width:100%;   
    height:auto;
    display:block;
}

.flexLayout_msp_five_icon > li.msp-li:nth-child(5){
    grid-column: 1 / -1;      /* kéo spanning từ cột 1 tới cuối cùng */
    justify-self: center;     /* căn giữa ngang trong toàn‑grid */
}

.flexLayout_msp_three_icon{
    display:grid !important;
    grid-template-columns:repeat(2,1fr);
    gap:10rem 4rem;    
    margin-top: 20px;
}
ul.flexLayout_msp_three_icon > li.msp-li,
ul.flexLayout_msp_three_icon > li.msp-li * { all: revert; 
 	display:flex!important;;                
    align-items:center;
    justify-content:center;
}

.flexLayout_msp_three_icon > li.msp-li > img{
    max-width:100%;   
    height:auto;
    display:block;
}

.flexLayout_msp_three_icon > li.msp-li:nth-child(3){
    grid-column: 1 / -1;      /* kéo spanning từ cột 1 tới cuối cùng */
    justify-self: center;     /* căn giữa ngang trong toàn‑grid */
}

ul.flexLayout_02 li dl dd ul {
  display: block;
}
ul.flexLayout_02 li dl dd ul li {
  width: 100%;
  border-radius: 0rem;
  font-size: 1.8rem;
  line-height: 170%;
  margin-bottom: 0.8rem;
  position: relative;
  padding-left: 0.8rem;
}
ul.flexLayout_02 li dl dd ul li::before {
  position: absolute;
  top: 1.2rem;
  left: 0;
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #484C51;
  border-radius: 50%;
  vertical-align: middle;
}
ul.flexLayout_03 {
  gap: 2rem;
}
ul.flexLayout_03.cardList-ico-right li {
  position: relative;
}
ul.flexLayout_03.cardList-ico-right li dl {
  padding-bottom: 11rem;
}
ul.flexLayout_03.cardList-ico-right li > img {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  width: 9rem;
}
ul.flexLayout_03 li {
  width: 50%;
  background-color: #F4F4F4;
  border-radius: 1rem;
  padding: 3rem;
}
ul.flexLayout_03 li dl dt {
  margin-bottom: 2rem;
}
ul.flexLayout_03 li dl dd {
  word-break: break-all;
  font-size: 1.8rem;
  font-weight: 40rem;
  line-height: 170%;
  margin-bottom: 0.8rem;
  position: relative;
  padding-left: 0.8rem;
}
ul.flexLayout_03 li dl dd::before {
  position: absolute;
  top: 1.2rem;
  left: 0;
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #484C51;
  border-radius: 50%;
}
ul.flexLayout_03 li dl dd:last-child {
  margin-top: 0rem;
}
ul.flexLayout_04 {
  gap: 2rem;
  justify-content: space-between;
}
ul.flexLayout_04 > li {
  width: 50%;
}
ul.flexLayout_04 > li .accordian {
  margin-bottom: 6rem;
}
ul.flexLayout_04 > li .accordian:last-child {
  margin-bottom: 0rem;
}
ul.flexLayout_04 > li .accordian .acc-trigger {
  font-weight: 600;
}
ul.flexLayout_04 > li .accordian .acc-conts .mo-img {
  display: none;
}
ul.flexLayout_04 > li .accordian .acc-conts .hashtag_box {
  margin: 2rem 0 0 0;
}
ul.flexLayout_04 > li .accordian .acc-conts .hashtag_box span {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  display: inline-block;
  margin: 0 0 0 1rem;
  opacity: 0.8;
}
ul.flexLayout_04 > li .accordian .acc-conts .hashtag_box span:first-child {
  margin: 0;
}
ul.flexLayout_04 > li:last-child {
  position: sticky;
  top: 0;
  max-height: 52rem;
  right: 0;
  margin-left: auto;
  max-width: 52rem;
}
ul.flexLayout_04 > li:last-child img {
  display: block;
  position: absolute;
  visibility: hidden;
  border-radius: 1rem;
  width: 100%;
  max-width: 52rem;
  opacity: 0;
  transition: opacity 0.3s linear;
}
ul.flexLayout_04 > li:last-child img.on {
  visibility: visible;
  opacity: 1;
}
ul.flexLayout_05 {
  gap: 1.8rem;
  justify-content: space-around;
}
ul.flexLayout_05 li {
  width: 25%;
  padding: 3rem;
  background-color: #F4F4F4;
  border-radius: 1rem;
}
ul.flexLayout_05 li dl dt {
  font-size: 4.2rem;
  color: #6d7074;
  border-bottom: 0.1rem solid #6d7074;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}
ul.flexLayout_05 li dl dd:nth-of-type(2) {
  margin-top: 2rem;
  font-size: 1.8rem;
  color: #484C51;
  line-height: 170%;
}
ul.flexLayout_06 {
  display: block;
}
ul.flexLayout_06 li {
  display: flex;
  column-gap: 6rem;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6rem;
}
ul.flexLayout_06 li:last-child {
  margin-bottom: 0rem;
}
ul.flexLayout_06 li.reverse {
  flex-direction: row-reverse;
}
ul.flexLayout_06 li img {
  width: 50%;
  border-radius: 1rem;
}
ul.flexLayout_06 li dl {
  width: 50%;
}
ul.flexLayout_06 li dl dt {
  font-size: 1.6rem;
  color: #484C51;
  line-height: 140%;
  margin-bottom: 2rem;
}
ul.flexLayout_06 li dl dd:nth-of-type(1) {
  margin-bottom: 4rem;
}
.cont-box-text-aieng{
	margin-top: 4rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 170%;
    margin-bottom: 1.4rem;
	color: #484C51;
}
ul.flexLayout_06 li dl dd ul li {
  display: block;
  font-size: 1.8rem;
  color: #484C51;
  line-height: 170%;
  margin-bottom: 1.4rem;
  position: relative;
  padding-left: 2.8rem;
}
ul.flexLayout_06 li dl dd ul li::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_01_icon_check.svg);
  position: absolute;
  top: 0.5rem;
  left: 0rem;
  background-size: contain;
}
ul.flexLayout_06 li dl dd ul li:last-child {
  margin-bottom: 0rem;
}
ul.flexLayout_07 {
  flex-direction: column;
}
ul.flexLayout_07 .card-img-box {
  display: flex;
  align-items: center;
  gap: 0 5rem;
  margin: 0 0 8rem 0;
}
ul.flexLayout_07 .card-img-box img {
  border-radius: 1rem;
  width: calc(50% - 2rem);
}
ul.flexLayout_07 .card-img-box dl {
  display: flex;
  gap: 4rem 0;
  flex-direction: column;
}
ul.flexLayout_07 .card-img-box dl dt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
ul.flexLayout_07 .card-img-box dl dd {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  line-height: 170%;
  color: #484C51;
}
ul.flexLayout_07 li ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem 2%;
}
ul.flexLayout_07 li ul li {
  width: 49%;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  color: #484C51;
  padding: 2rem 2rem 2rem 4rem;
  border-radius: 1rem;
  background-color: #F4F4F4;
  min-height: 10.2rem;
  box-sizing: border-box;
  position: relative;
}
ul.flexLayout_07 li ul li::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_01_icon_check.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 1rem;
}
ul.flexLayout_07 li:last-child {
  margin-bottom: 0rem;
}
ul.flexLayout_07 .list_info_txt_box {
  margin: 0.8rem 0 0 0;
}
ul.flexLayout_07 .list_info_txt_box span {
  display: inline-block;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  line-height: 1.7;
}
ul.flexLayout_08 {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25%, auto));
  gap: 6rem 2rem;
}
ul.flexLayout_08 li img {
  width: 100%;
  max-width: 38.4rem;
  margin: 0 auto;
  display: block;
}
ul.flexLayout_08 li.logo_tit {
  width: 100%;
}
ul.flexLayout_09 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
ul.flexLayout_09 li {
/*   padding: 3rem 2rem; */
  padding: 3rem 3rem;
  border-radius: 1rem;
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  column-gap: 4rem;
}
.image-equipment-icon{
	min-width: 90px;
}
ul.flexLayout_09 li .ul-span-equipment{
	margin-top: 10px;
}
ul.flexLayout_09 li .ul-span-equipment > li.li-span-equipment {
	all: revert; 
	width: 100% !important;
    border-radius: 0rem !important;
    font-size: 1.8rem !important;
    line-height: 170% !important;
   /*  margin-bottom: 0.8rem !important; */
    position: relative !important;
    padding-left: 0.8rem !important;
}
ul.flexLayout_09 li .ul-span-equipment > li.li-span-equipment:last-child {
	all: revert; 
	width: 100% !important;
    border-radius: 0rem !important;
    font-size: 1.8rem !important;
    line-height: 170% !important;
    position: relative !important;
    margin-bottom: 0rem !important;
}
ul.flexLayout_09 li .ul-span-equipment > li.li-span-equipment::before {
	all: revert; 
	position: absolute !important;
    top: 1.1rem !important;
    left: 0 !important;
    content: "" !important;
    display: inline-block !important;
    width: 0.2rem !important;
    height: 0.2rem !important;
    background-color: #484C51 !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
}

ul.flexLayout_09 li p {
  font-size: 2.4rem;
  font-weight: 600;
}

ul.flexLayout_09 li span.sub-text-aicc {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 10px;
}

ul.flexLayout_09 li span.sub-text-plm {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 8px;
  color: #70747D;
}
.span-text-scm{
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  margin-top: 8px; 
  color: #70747D;
}
.text-notice-margin-scm{
	margin-top: 0px !important;
}
.scm-icon{
	max-width: 65px;
    max-height: 70px;
}
.crm-icon{
	max-width: 74px;
}

ul.flexLayout_10 {
  column-gap: 2rem;
  display: flex;
}
ul.flexLayout_10 > li {
  width: 32%;
  padding: 4rem;
  border-radius: 1rem;
  border: 0.1rem solid #C9CDD6;
  position: relative;
}
ul.flexLayout_10 > li p {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
  padding-bottom: 11rem;
}
ul.flexLayout_10 > li img.people {
  position: absolute;
  display: block;
  margin-left: auto;
  margin-top: 2rem;
  width: 9rem;
  bottom: 3rem;
  right: 3rem;
}
ul.flexLayout_10.slick-card-slider .card-slider-list {
  width: 100%;
  border: 1px solid #C9CDD6;
  padding: 3rem 2rem;
  border-radius: 1rem;
}
ul.flexLayout_10.slick-card-slider .card-slider-list p {
  font-weight: 600;
  font-size: 2rem;
}
ul.flexLayout_10.slick-card-slider .card-slider-list .people {
  margin-left: auto;
  width: 10rem;
  margin-top: 4rem;
}
ul.flexLayout_11 {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
ul.flexLayout_11 li {
  border-radius: 1rem;
  overflow: hidden;
  width: 33.3333%;
}
ul.flexLayout_11 li img {
  display: block;
  width: 100%;
}
ul.flexLayout_11 li p {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 14.2rem;
  padding: 4rem;
  background-color: #F4F4F4;
  text-align: center;
  font-size: 1.8rem;
  line-height: 170%;
  box-sizing: border-box;
}
ul.flexLayout_12 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.8rem 1.8rem;
}
ul.flexLayout_12 li {
  flex: 1 1 20%;
  background-color: #E5EBF4;
  border: 1rem;
  padding: 4rem;
  border-radius: 1rem;
}
ul.flexLayout_12 li dl {
  text-align: center;
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid #C9CDD6;
}
ul.flexLayout_12 li dl dt {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 1rem;
}
ul.flexLayout_12 li dl dd {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 140%;
  color: #484C51;
}
ul.flexLayout_12 li p {
  margin-top: 3rem;
  font-size: 1.8rem;
  line-height: 170%;
  color: #484C51;
}
ul.flexLayout_13 {
  display: flex;
  gap: 2rem;
  width: 100%;
}
ul.flexLayout_13 > li {
  border-radius: 1rem;
  overflow: hidden;
  flex: 1 1 30%;
}
ul.flexLayout_13 > li img {
  display: block;
  width: 100%;
}
ul.flexLayout_13 > li div {
  height: 38rem;
  padding: 3rem;
  border-radius: 0 0 1rem 1rem;
  background-color: #F4F4F4;
}
ul.flexLayout_13 > li .cont-box-tit {
	text-align:center;
}
ul.flexLayout_13 > li span {
	display: block;
	margin-top: 0.8rem;
	font-size: 1.4rem;
	line-height: 140%;
	color: #70747D;
}
ul.flexLayout_13 > li dl {
  border-top: 0.1rem solid #C9CDD6;
  margin-top: 2rem;
}
ul.flexLayout_13 > li dl dt {
  font-size: 2rem;
  color: #0057FF;
  margin: 4rem 0 2rem 0;
}
ul.flexLayout_13 > li dl dd {
  font-size: 1.8rem;
  line-height: 170%;
}
ul.flexLayout_13 > li dl dd::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #484C51;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0.8rem;
}

.load-more .load-btn {
  width: 100%;
  text-align: center;
  color: #70747D;
  font-size: 1.4rem;
  line-height: 140%;
  font-weight: 600;
  border-top: 0.1rem solid #E5EBF4;
  padding: 1.1rem 0;
  margin: 4rem 0 0 0;
  display: none;
}
.load-more .load-btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(/assets/images/icon/ico-toggle-arrow-down.svg) no-repeat;
  vertical-align: middle;
  margin-left: 0.6rem;
}

.videoWrap {
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 133rem;
  height: 66rem;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
}
.videoWrap img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.videoWrap .videoDesc {
  background-color: #fff;
  padding: 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top-right-radius: 1rem;
  width: 100%;
  max-width: 60.5rem;
}
.videoWrap .videoDesc span {
  font-size: 1.8rem;
  color: #484C51;
  font-weight: 600;
  line-height: 1.4;
}
.videoWrap .videoDesc h6 {
  font-size: 2.6rem;
  font-weight: 600;
}
.videoWrap .videoDesc p {
  font-size: 1.8rem;
  line-height: 170%;
  margin-top: 6rem;
}

.video_layer_popup {
  display: none;
}
.video_layer_popup.play {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index: 9999999;
}
.video_layer_popup.play .video_layer_popup-closer {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
.video_layer_popup .video-wrapper {
  position: relative;
  width: 50%;
  padding-top: 3rem;
  height: 0;
  padding-bottom: 28.125%;
  z-index: 10;
}
.video_layer_popup .video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.video_layer_popup .video-wrapper .closeIcon {
  display: block;
  width: 6rem;
  height: 6rem;
  background: url(/assets/images/icon/ico-videop_popup_closer.svg);
  background-size: cover;
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 0%;
  margin-top: -6.5rem;
  transform: translateX(-50%);
}

.sticky-layout {
  display: flex;
  gap: 9rem;
  position: relative;
  box-sizing: border-box;
  margin-top: 12rem;
}
.sticky-layout.row nav ul {
  flex-direction: row;
}
.sticky-layout.row nav ul.tab-btn-wrap {
  flex-wrap: nowrap;
}
.sticky-layout.row nav ul.tab-btn-wrap-msp1 {
  flex-wrap: nowrap;
}
.sticky-layout.row nav ul.tab-btn-wrap-msp {
  flex-wrap: nowrap;
}
.sticky-layout.eng nav ul {
  top: 21rem;
}
.sticky-layout.eng nav ul li a.on::after {
  position: absolute;
  right: -0.7rem;
  top: -0.3rem;
  margin-top: 0 !important;
}
.sticky-layout nav {
  flex-shrink: 0;
}
.sticky-layout nav ul {
  width: 18rem;
  display: flex;
  flex-direction: column;
  gap: 24px;
  position: sticky;
  top: 150px;
  z-index: 2;
}
.sticky-layout nav ul li a {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: color 0.3s;
  font-size: 1.6rem;
  font-weight: 600;
  color: #70747D;
}
.sticky-layout nav ul li a::after {
  display: none;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background-color: #0057FF;
  margin-left: 0.5rem;
  border-radius: 50%;
}
.sticky-layout nav ul li a.on {
  font-size: 1.6rem;
  font-weight: 600;
  color: #050505;
}
.sticky-layout nav ul li a.on::after {
  display: block;
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  background-color: #0057FF;
  margin-left: 0.6rem;
  border-radius: 50%;
  margin-top: -1.5rem;
}
.sticky-layout .right {
  flex-grow: 1;
  width: calc(100% - 25rem);
}
.sticky-layout .right .box-contents-wrap {
  position: relative;
}
.sticky-layout .right .box-contents-wrap article {
  margin-bottom: 20rem;
}
.sticky-layout .right .box-contents-wrap article:last-of-type {
  margin-bottom: 0;
}
.sticky-layout .right .box-contents-wrap article .tit-box h4 {
  font-size: 3.4rem;
  font-weight: 600;
}

.sticky-layout .right .box-contents-wrap article .tit-box-sub h4 {
  font-size: 2.6rem;
  font-weight: 600;
}
.sticky-layout .right .box-contents-wrap article .tit-box-sub{
	margin-top: 8rem;
}

.sticky-layout .right .box-contents-wrap article .tit-box p {
  font-size: 2rem;
  margin-top: 1rem;
  color: #484C51;
  line-height: 1.6;
}
.title-sub-aieng{
  font-size: 1.8rem;
  margin-top: 2rem;
  color: #050505;
  line-height: 1.4;
  font-weight: 400;
}
.sticky-layout .right .box-contents-wrap article .tit-box .info_txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  margin: 0.8rem 0 0 0;
}
.sticky-layout .right .box-contents-wrap article .cont-box {
  margin-top: 8rem;
}
.sticky-layout .right .box-contents-wrap article .cont-box-aieng {
  margin-top: 4rem;
}
.sticky-layout .right .box-contents-wrap article .cont-box-aieng-tbl {
  margin-top: 4rem;
}
.aieng-box-text{
	min-height: 520px;
}

.sticky-layout .right .box-contents-wrap article .cont-box-tit {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
}
.text-robot-autonomous{
	font-size: 2.4rem;
	font-weight: 400;
}

.sub-conts-wide .stickTabContainer .stickyTab {
  width: 100%;
  background-color: #fff;
  z-index: 2;
}
.sub-conts-wide .stickTabContainer .stickyTab.box-tab {
  padding: 2.6rem 0 2.6rem;
  margin: 0;
}
.sub-conts-wide .stickTabContainer .stickyTab.box-tab .tab-ctrl-tit {
  justify-content: center;
}
.sub-conts-wide .stickTabContainer .stickyTab.box-tab .tab-btn-wrap {
  justify-content: center;
}
.sub-conts-wide .stickTabContainer .stickyTab.box-tab .tab-btn-wrap-msp1 {
  justify-content: center;
}
.sub-conts-wide .stickTabContainer .stickyTab.box-tab .tab-btn-wrap-msp {
  justify-content: center;
}

.mo-slide-wrap {
  overflow: hidden;
}
.mo-slide-wrap > .swiper-container {
  display: none;
}

.service .banner {
  max-width: 133rem;
  margin-left: auto;
}
.service .banner dl {
  width: 100%;
  height: 43rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: url(/assets/images/subpages/mrc_ind_bannerImg.png);
  border-radius: 1rem;
  padding: 8rem 3rem;
}
.service .banner dl dt {
  color: #fff;
  font-size: 4.2rem;
  line-height: 140%;
  margin-bottom: 12.6rem;
  font-weight: 600;
}
.service .num_point {
  font-size: 3.1rem !important;
  color: #050505;
  font-weight: 600 !important;
}
.service .card-slider-container {
  overflow: hidden;
}
.service .card-slider-container .indicatorBox {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 4rem;
}
.service .card-slider-container .indicatorBox .card-dots .slick-dots {
  position: relative;
  top: 0;
  left: 50%;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  transform: translateX(-50%);
  cursor: pointer;
}
.service .card-slider-container .indicatorBox .card-dots .slick-dots li {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  background: grey;
  font-size: 0;
  opacity: 1;
}
.service .card-slider-container .indicatorBox .card-dots .slick-dots li.slick-active {
  background: #050505;
  width: 1.4rem;
  border-radius: 3rem;
}
.service .card-slider-container .indicatorBox .card-dots .slick-dots li.slick-active button:focus {
  outline: none;
  box-shadow: 0 0 2px 2px #51a7e8;
  border: 1px solid #51a7e8;
  height: 0.6rem;
  width: 1.4rem;
  border-radius: 3rem;
  opacity: 1;
}
.service .card-slider-container .indicatorBox .card-dots .slick-dots li button:focus {
  outline: none;
  box-shadow: 0 0 2px 2px #51a7e8;
  border: 1px solid #51a7e8;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 100%;
  opacity: 1;
}
.service .card-slider-container .indicatorBox .prev-arrow {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: url(/assets/images/icon/ico-slick-arrow-prev.svg);
}
.service .card-slider-container .indicatorBox .next-arrow {
  width: 28px;
  height: 28px;
  cursor: pointer;
  background: url(/assets/images/icon/ico-slick-arrow-next.svg);
}
.service .slick-card-slider {
  margin: 0 -2rem;
}
.service .slick-card-slider .card-slider-list {
  margin: 0 2rem;
  height: auto;
  overflow: hidden;
}
.service .single-table-card {
  overflow: hidden;
  border-radius: 1rem;
}
.service .single-table-card .tit {
  background: #484C51;
  color: #fff;
  font-size: 2rem;
  text-align: center;
  padding: 1.4rem 0;
}
.service .single-table-card .img {
  width: 100%;
  height: 20rem;
}
.service .single-table-card .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service .single-table-card .desc {
  background: #F4F4F4;
  padding: 2rem;
  min-height: 15rem;
  overflow: hidden;
  border-radius: 0 0 1rem 1rem;
}
.service .single-table-card .desc p {
  position: relative;
  padding-left: 1rem;
}
.service .single-table-card .desc p::before {
  content: "";
  display: block;
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #484C51;
  left: 0;
  top: 1.2rem;
}
.service.eng .cont-box-tit {
  font-size: 2.2rem !important;
}
.service.eng ul.flexLayout_02 li dl dt {
  font-size: 2.2rem;
  padding: 2rem 2rem;
}
.service.eng ul.flexLayout_03 li dl dd {
  word-break: break-word;
}
.service.eng .service-01 article.ch1 .cont-box .flexLayout_03 li:nth-of-type(1) span {
  bottom: -4.5rem;
}
.service.eng .service-01 article.ch1 .cont-box .flexLayout_03 li dl dd {
  word-break: break-word;
}
.service.eng .service-01 article.ch3 .cont-box ul.flexBox li:last-child div p {
  font-size: 2.3rem;
  line-height: 130%;
}
.service.eng .service-01 article.ch4 .cont-box dl dd {
  word-break: break-word;
}
.service.eng .service-02 .ch6 .flexLayout_04 .accordian:nth-of-type(2) .acc-conts li dt {
  width: 50%;
}
.service.eng .service-03 .ch1 .cont-box img {
  margin: 0 auto;
}
.service.eng .service-03 .ch5 .flexLayout_04 .accordian:nth-of-type(1) .acc-conts ul.chart.grow_wrap .arrowBox {
  justify-content: initial;
}
.service.eng .service-04 .ch2 dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
}
.service.eng .service-04 .ch4 dl dd {
  word-break: break-word;
}
.service.eng .service-06 .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td {
  height: 24.3rem;
}
.service.eng .service-06 .ch3 dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10.2rem;
}
/* robottic */
.service.eng .service-robot .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td {
  height: 24.3rem;
}
.service.eng .service-robot .ch3 dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10.2rem;
}

 .table-robotic-01 {
	width: 100%;
	border-collapse: collapse;
}

.table-robotic-01 td {
	 border: none;
     padding-top: 20px;
     padding-bottom: 50px;
     text-align: left;
     border-top: 1px solid #eee;
}
.table-robotic-01 td:nth-child(2) {
	 padding-left: 30px;
}
.table-robotic-01 td:nth-child(1) {
	 width: 180px;
} 

.table-robotic-01 tr:last-child td {
    padding-bottom: 20px;
}

.table-robotic-01 ul li{
	width: 100%;
    border-radius: 0rem;
    font-size: 1.8rem;
    line-height: 170%;
    margin-bottom: 0.4rem;
    position: relative;
    padding-left: 0.8rem;
}
.table-robotic-01 ul li::before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #484C51;
    border-radius: 50%;
    vertical-align: middle;
} 

td.icon-column {
    display: flex;
    flex-direction: column; 
    gap: 10px;             
}

.cell-text-number {
	font-size: 24px;
    font-weight: 700;
    line-height: 100%;
    color: #0057FF;
}

.icon-img-line {
    width: 30px;      
    height: 1px;  
    display: block;    
    object-fit: contain;
}

.cell-text {
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
}

 .table-robotic-02 {
	width: 100%;
	border-collapse: collapse;
}

 .table-robotic-02 tr {
	 border-top: 1px solid #eee;
}

.img-tbl-robot-pc{
	width:100%;
	margin-top:30px;
}
.table-robotic-02 td {
	 border: none;
     padding-top: 20px;
     padding-bottom: 50px;
     text-align: left;
     /* border-top: 1px solid #eee; */
}
.msp-item-tbl{
	padding-top: 15px;
}
 .table-robotic-02 td:nth-child(1) {
	 width: 180px;
}  
.table-robotic-02 td:nth-child(2) {
	 padding-left: 30px;
}

.table-robotic-02 tr:last-child td {
    padding-bottom: 20px;
}

.table-robotic-02 ul li{
	width: 100%;
    border-radius: 0rem;
    font-size: 1.6rem;
    line-height: 170%;
    margin-bottom: 0.4rem;
    position: relative;
    padding-left: 0.8rem;
}
.table-robotic-02 ul li::before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #484C51;
    border-radius: 50%;
    vertical-align: middle;
} 

td.col-with-icon {
  display: flex;
  gap: 10px; 
}
.table-robot-title-span{
	font-size: 18px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom:8px;
}
.table-robot-subtitle-span{
	font-size: 16px;
    font-weight: 400;
    line-height: 170%;
}

.aieng-tbl-td-spec{
	padding-left: 25px !important;
}
/* robotic */

/* msp */
.service.eng .service-msp .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td {
  height: 24.3rem;
}
.service.eng .service-msp .ch3 dl dt {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10.2rem;
}
/* msp */
.service.eng .service-07 .ch2 .cont-box ul li p {
  border-radius: 0 0 1rem 1rem;
  word-wrap: break-word;
}
.service.eng .service-07 .ch2 .cont-box ul li .notice {
  margin-top: 1rem;
}
/*  aicc */
 .service.eng .service-aicc .ch2 .cont-box ul li p {
  border-radius: 0 0 1rem 1rem;
  word-wrap: break-word;
}
.service.eng .service-aicc .ch2 .cont-box ul li .notice {
  margin-top: 1rem;
}
/* ---- */
/*  plm */
 .service.eng .service-plm .ch2 .cont-box ul li p {
  border-radius: 0 0 1rem 1rem;
  word-wrap: break-word;
}
.service.eng .service-plm .ch2 .cont-box ul li .notice {
  margin-top: 1rem;
}
/* ---- */
.service.eng .service-10 .ch2 ul.flexLayout_11 li p {
  height: 20.2rem;
}
.service.eng .service-10 .ch3 ul.flexLayout_03 li dl dd {
  word-break: keep-all;
}
.service.eng .service-11 .flexLayout_11 li p {
  height: 23rem;
  line-height: 1.4;
}
.service.eng .service-11 .ch3 ul.flexLayout_03 li dl dd sup {
  vertical-align: super;
}
.service.eng .service-11 .ch3 ul.flexLayout_03 li dl dd span.notice {
  display: block;
}
.service.eng .service-13 .ch6 ul.flexLayout_03 li dl dd {
  word-break: keep-all;
}
.service-01 article.ch1 {
  position: relative;
}
.service-01 article.ch1 .cont-box .flexLayout_03 {
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 6.8rem;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li {
  flex: 1 1 40%;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li .cont-box-tit {
  margin-bottom: 2rem;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li dl dt {
  font-size: 2rem;
  color: #0057FF;
  margin-bottom: 2rem;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li img {
  display: block;
  margin-left: auto;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li:nth-of-type(1) {
  position: relative;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li:nth-of-type(1) span {
  display: block;
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  font-size: 1.4rem;
  line-height: 140%;
  color: #70747D;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li:nth-of-type(3) {
  position: relative;
}
.service-01 article.ch1 .cont-box .flexLayout_03 li:nth-of-type(3) span {
  display: block;
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  font-size: 1.4rem;
  line-height: 140%;
  color: #70747D;
}
.service-01 article.ch3 .cont-box ul.flexBox {
  display: flex;
  gap: 8rem;
  flex-wrap: wrap;
  position: relative;
}
.service-01 article.ch3 .cont-box ul.flexBox li {
  flex: 1 1 30%;
  background-color: #fff;
  border-radius: 1rem;
  padding: 3rem;
  border: 0.1rem solid #C9CDD6;
}
.service-01 article.ch3 .cont-box ul.flexBox li:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: transparent;
  border: none;
}
.service-01 article.ch3 .cont-box ul.flexBox li:last-child div {
  background-color: #0057FF;
  border-radius: 50%;
  width: 20rem;
  height: 20rem;
  z-index: 100;
}
.service-01 article.ch3 .cont-box ul.flexBox li:last-child div p {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.service-01 article.ch3 .cont-box ul.flexBox li span {
  font-size: 1.6rem;
  color: #484C51;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
  display: block;
}
.service-01 article.ch3 .cont-box ul.flexBox li span b {
  font-size: 2.6rem;
  font-weight: 600;
}
.service-01 article.ch3 .cont-box ul.flexBox li dl dt {
  margin-bottom: 4rem;
  text-align: center;
}
.service-01 article.ch3 .cont-box ul.flexBox li dl dd {
  font-size: 1.8rem;
  margin-bottom: 1.4rem;
  position: relative;
  padding-left: 2.8rem;
  line-height: 170%;
}
.service-01 article.ch3 .cont-box ul.flexBox li dl dd::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_01_icon_check.svg);
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.service-01 article.ch3 .cont-box ul.flexBox li dl dd:last-child {
  margin-bottom: 0rem;
}
.service-01 article.ch3 .cont-box .slider-list-load {
  display: none;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider {
  display: flex;
  position: relative;
  margin: 0 -30px;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li {
  background-color: #fff;
  margin: 0 30px;
  border-radius: 1rem;
  padding: 4rem;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li span {
  font-size: 1.6rem;
  color: #484C51;
  font-weight: 600;
  margin-bottom: 2rem;
  text-align: center;
  display: block;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li span b {
  font-size: 2.6rem;
  font-weight: 600;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li dl dt {
  margin-bottom: 6rem;
  text-align: center;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li dl dd {
  font-size: 1.8rem;
  margin-bottom: 1.4rem;
  position: relative;
  padding-left: 2.8rem;
  line-height: 170%;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li dl dd::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_01_icon_check.svg);
  position: absolute;
  left: 0;
  top: 0.2rem;
}
.service-01 article.ch3 .cont-box .slider-list-load ul.slick-card-slider li dl dd:last-child {
  margin-bottom: 0rem;
}
.service-01 article.ch3 .cont-box .slider-list-load .circle {
  background-color: #0057FF;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  margin: 0 auto 4rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-01 article.ch3 .cont-box .slider-list-load .circle p {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
}
.service-01 article.ch4 .cont-box .flexLayout_03 li img {
  display: block;
  margin: 0 auto;
}
.service-01 article.ch4 .cont-box .flexLayout_03 li dl dt {
  text-align: center;
  margin-bottom: 4rem;
}
.service-01 .banner dl {
  background-image: url(/assets/images/subpages/mrc_srv_01_img06.png);
}

/* aiengineer */
.service-aieng article.ch2 {
  position: relative;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 {
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 6.8rem;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li {
  flex: 1 1 40%;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li .cont-box-tit {
  margin-bottom: 2rem;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li dl dt {
  font-size: 2rem;
  color: #0057FF;
  margin-bottom: 2rem;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li img {
  display: block;
  margin-left: auto;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li:nth-of-type(1) {
  position: relative;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li:nth-of-type(1) span {
  display: block;
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  font-size: 1.4rem;
  line-height: 140%;
  color: #70747D;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li:nth-of-type(3) {
  position: relative;
}
.service-aieng article.ch2 .cont-box-aieng .flexLayout_03 li:nth-of-type(3) span {
  display: block;
  position: absolute;
  bottom: -2.8rem;
  left: 0;
  font-size: 1.4rem;
  line-height: 140%;
  color: #70747D;
}
.cont-box-aieng dl {
    column-count: 2;             
    column-gap: 2rem;             
    column-width: auto;
}

.cont-box-aieng dl dd {
    break-inside: avoid;   
    margin: 0 0 0.5rem;   
}
/* aieng */

.service-02 article.ch1 .flexLayout_05 {
  margin-top: 8rem;
}
.service-02 article.ch1 .flexLayout_05 li {
  padding: 4rem 2rem;
}
.service-02 article.ch1 .flexLayout_05 li dl {
  text-align: center;
}
.service-02 article.ch1 .cont-box img {
  max-width: 100%;
  margin: 0 auto;
}
.service-02 article.ch3 .banner {
  margin-top: 20rem;
}
.service-02 article.ch3 .banner dl {
  background: url(/assets/images/subpages/mrc_srv_02_img03.png);
}
.service-02 article.ch3 .banner dl dt {
  margin-bottom: 0rem;
}
.service-02 article.ch3 .banner dl dd:nth-of-type(1) {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  line-height: 140%;
  margin: 3rem 0 4rem 0;
}
.service-02 article.ch5 .cont-box img {
  max-width: 100%;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart {
  display: flex;
  background-color: #F4F4F4;
  padding: 4rem;
  flex-wrap: wrap;
  column-gap: 3.6rem;
  row-gap: 4rem;
  border-radius: 1rem;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li {
  flex: 1 1 40%;
  border-bottom: 0.1rem solid #C9CDD6;
  padding-bottom: 2rem;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dt > span {
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 140%;
  color: #050505;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dt p {
  font-size: 1.4rem;
  color: #70747D;
  font-weight: 400;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dt p img {
  vertical-align: middle;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dd {
  font-size: 3.2rem;
  color: #050505;
  font-weight: 600;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dd img {
  display: inline-block;
  vertical-align: middle;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dd.arrowBox {
  position: relative;
  padding-right: 4rem;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li dl dd.arrowBox > img.arrow {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.chart li:last-child img {
  display: inline-block;
  opacity: 1;
  visibility: visible;
  width: initial;
  position: initial;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts > span {
  display: block;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 140%;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts > p {
  font-size: 1.8rem;
  line-height: 170%;
  margin-top: 3rem;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.hashtag {
  display: flex;
  column-gap: 1.4rem;
  margin-top: 2rem;
}
.service-02 article.ch6 .flexLayout_04 .acc-conts ul.hashtag > li {
  width: initial;
  font-size: 1.6rem;
  color: #70747D;
  margin-left: initial;
}
.service-03 .ch1 .flexLayout_05 {
  margin-top: 8rem;
}
.service-03 .ch1 .flexLayout_05 li {
  width: 33.333%;
  text-align: center;
}
.service-03 .ch1 .cont-box img {
  max-width: 100%;
}
.service-03 .ch2 .flexLayout_02 dd {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 170%;
  text-align: center;
}
.service-03 .ch2 .flexLayout_02 dd ul li::before {
  content: none;
}
.service-03 .ch4 .cont-box .videoWrap {
  background: url(/assets/images/subpages/mrc_srv_03_videoImg01.png);
  background-position: center;
}
.service-03 .ch4 .cont-box .videoWrap .videoDesc {
  width: 50%;
}
.service-03 .ch6 ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-03 .ch6 ul li {
  flex: 1 50%;
  position: relative;
}
.service-03 .ch6 ul li .banner dl {
  padding: 8rem 3rem;
}
.service-03 .ch6 ul li .banner .left {
  background-image: url(/assets/images/subpages/mrc_srv_03_img09.png);
  background-position: center center;
}
.service-03 .ch6 ul li .banner .left dt {
  margin-bottom: 3rem;
}
.service-03 .ch6 ul li .banner .left dd.desc {
  color: #fff;
  font-size: 2rem;
  line-height: 140%;
}
.service-03 .ch6 ul li .banner .right {
  background-image: url(/assets/images/subpages/mrc_srv_03_img10.png);
}
.service-03 .ch6 ul li .banner .btn-wrap {
  position: absolute;
  bottom: 6rem;
  left: 6rem;
}
.service-04 .ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-04 .ch1 .flexLayout_01 li:last-child {
  margin-top: 0;
}
.service-04 .ch1 .flexLayout_01 dl dd::before {
  content: none;
}
.service-04 .ch2 .flexLayout_02 dl dd ul li::before {
  content: none;
}
.service-04 .ch3 .flexLayout_06 li:nth-of-type(1) dl dd:nth-of-type(1) {
  margin-bottom: 0rem;
}
.service-04 .ch3 .flexLayout_06 li:nth-of-type(1) dl dd.desc {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 170%;
  margin-top: 1.4rem;
  margin-bottom: 4rem;
}
.service-04 .ch3 .flexLayout_06 li dl dd ul li span {
  font-size: 1.4rem;
}
.service-04 .ch4 .flexLayout_03 {
  flex-wrap: wrap;
}
.service-04 .ch4 .flexLayout_03 li {
  flex: 1 1 40%;
  position: relative;
}
.service-04 .ch4 .flexLayout_03 li dd {
  padding-bottom: 11rem;
}
.service-04 .ch4 .flexLayout_03 li img {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  display: block;
  width: 9rem;
}
.service-04 .banner dl {
  background: url("/assets/images/subpages/mrc_srv_06_img17.png");
}
.service .features-sb {
  position: relative;
}
.service .features-sb .slick-card-slider .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.service .features-sb .slick-card-slider .img {
  width: 60.5rem;
  height: 46rem;
}
.service .features-sb .slick-card-slider .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  height: 100%;
}
.service .features-sb .slick-card-slider .desc {
  width: calc(100% - 80rem);
}
.service .features-sb .slick-card-slider .desc dl dt {
  font-weight: 600;
  font-size: 2.6rem;
}
.service .features-sb .slick-card-slider .desc dl dd {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 4rem;
  line-height: 1.4;
}
.service-05-cont article.ch1 .cont-box {
  width: 100%;
  height: 100%;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj {
  box-sizing: border-box;
  position: relative;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj .img-box img {
  display: block;
  width: 100%;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj:nth-of-type(2) {
  margin-top: 8rem;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj:nth-of-type(2) p {
  /* font-size: 2.6rem;
  line-height: 140%;
  margin-bottom: 4rem; */
}
.service-05-cont article.ch1 .cont-box .cont-box-obj:nth-of-type(2) p span {
  font-weight: 600;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj:nth-of-type(2) .txt-box ul {
  top: 52%;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj:nth-of-type(2) .txt-box ul li:first-child {
  margin-bottom: 0rem;
}
.service-05-cont article.ch1 .cont-box .cont-box-obj .txt-box {
  display: none;
}
.service-05-cont article.ch2 ul.flexLayout_02 li dd {
  padding: 3rem;
}
.service-05-cont article.ch2 ul.flexLayout_02 li:last-child p {
  position: absolute;
  margin-top: 0.8rem;
  font-size: 1.4rem;
  color: #70747D;
}
.service-05-cont article.ch2 ul.flexLayout_02 li:first-child p {
  position: absolute;
  margin-top: 4.8rem;
  font-size: 1.4rem;
  color: #70747D;
}
.text-equipment-add{
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #70747D;
  font-weight: 400;
  line-height: 1.4
}
.service-05-cont article.ch2 .banner-poster-list {
  margin-top: 20rem;
}
.service-05-cont article.ch3 .flexLayout_06 li dl dd ul li.diagram img {
  width: 100%;
}
.service-05-cont article.ch3 .flexLayout_06 li dl dd ul li.diagram::before {
  content: none;
}
.service-05-cont article.ch3 .flexLayout_06 li dl dd ul li.diagram p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 170%;
  margin-bottom: 0.8rem;
}
.service-05-cont article.ch4 .flexLayout_09 p span {
  color: #0057FF;
}
.service-06-cont .ch1 .flexLayout_01 {
  gap: 0 2rem;
}
.service-06-cont .ch1 .flexLayout_01 li {
  position: relative;
}
.service-06-cont .ch1 .flexLayout_01 li:last-child {
  margin-top: 6rem;
}
.service-06-cont .ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-06-cont .ch1 .flexLayout_01 li dd::before {
  display: none;
}
.service-06-cont .ch1 .flexLayout_01 li .notice {
  position: absolute;
  bottom: -3.8rem;
  left: 0;
  color: #70747D;
  font-size: 1.4rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-ctrl-radius ul li a {
  color: #70747D;
  border: 0.1rem solid #E5EBF4;
  border-radius: 5rem;
  box-sizing: border-box;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-ctrl-radius ul li.on a {
  color: white;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap {
  margin-top: 6rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap p {
  font-size: 1.8rem;
  line-height: 160%;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts {
  margin-top: 4rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table {
  display: table;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  table-layout: fixed;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tr td {
  border-left: 0.1rem solid #fff;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tr td:first-child {
  border-left: none;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit {
  background-color: #484C51;
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit td {
  padding: 2rem 2.6rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit + .tit td {
  border-top: 0.1rem solid #fff !important;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr {
  text-align: center;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr.img td {
  overflow: hidden;
  height: 20rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr.img td img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc {
  background-color: #F4F4F4;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td {
  padding: 3rem;
  text-align: initial;
  border-bottom: none;
  height: 19.2rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td p {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 0.8rem;
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td p::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: -0.8rem;
  top: 1.3rem;
  background-color: #484C51;
  border-radius: 50%;
  vertical-align: middle;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts .notice {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 1.4rem;
  color: #70747D;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 6rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top {
  margin-bottom: 4rem;
  display: flex;
  align-items: first baseline;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top p {
  width: 90%;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap {
  width: 10%;
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
  column-gap: 1.9rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_next {
  position: initial;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next.svg);
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_next::after {
  display: none;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_prev {
  position: initial;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev.svg);
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_prev::after {
  display: none;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom {
  position: relative;
  width: 100%;
  height: 2.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 1.5rem;
  margin-top: 4rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination {
  background-color: #050505;
  position: initial;
  width: initial;
  background-color: transparent;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination .swiper-pagination-bullet {
  text-align: center;
  width: 0.6rem;
  height: 0.6rem;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.4rem;
  border-radius: 50rem;
  background-color: #050505;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_next_bottom {
  position: inherit;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next_bottom.svg);
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_next_bottom::after {
  content: none;
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_prev_bottom {
  position: inherit;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev_bottom.svg);
}
.service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_prev_bottom::after {
  content: none;
}
.service-06-cont .ch3 .cont-box .flexLayout_02 li dl ul li::before {
  display: none;
}
.service-06-cont .ch4 .cont-box .videoWrap {
  background: url(/assets/images/subpages/mrc_srv_06_videoImg01.png);
}
.service-06-cont .ch5 .notice {
  margin-top: 4rem;
}
.service-06-cont .banner dl {
  background: url("/assets/images/subpages/mrc_srv_06_img17.png");
}
.equipment-text-title{
	color: #050505;
    font-size: 2.6rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
.equipment-sub-title{
	color: #050505;
    font-size: 2rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin-bottom: 4rem !important;
}

.equipment-sub-title-two{
	color: #050505;
    font-size: 2rem !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    margin-bottom: 8rem !important;
}
/* robotics */

.service-robot-cont article.ch1 .banner-poster-list {
  margin-top: 20rem;
}
.robot-label-flex02{
	height: 72.8px;
    align-content: center;
}
.robot-span{
	color: #70747D;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7;
}
.robot-span-align{
	margin-left: 10px;
}
.sub-content-baner{
	color: #fff;
    margin-top: 3rem;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
}
.robot-tab-title{
	font-weight: 600;
	color: #050505;
	font-size: 2.6rem !important;
    line-height: 1.4 !important;
}
.robot-tab-sub-title{
	font-weight: 400;
	color: #050505;
	font-size: 1.8rem;
    line-height: 1.4;
}
.cont-box-robot-baner {
	margin-top: 20rem !important;
}
.service-robot-cont .ch1 .flexLayout_01 {
  gap: 0 2rem;
}
.service-robot-cont .ch1 .flexLayout_01 li {
  position: relative;
}
.service-robot-cont .ch1 .flexLayout_01 li:last-child {
  margin-top: 6rem;
}
.service-robot-cont .ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-robot-cont .ch1 .flexLayout_01 li dd::before {
  display: none;
}
.service-robot-cont .ch1 .flexLayout_01 li .notice {
  position: absolute;
  bottom: -3.8rem;
  left: 0;
  color: #70747D;
  font-size: 1.4rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-ctrl-radius ul li a {
  color: #70747D;
  border: 0.1rem solid #E5EBF4;
  border-radius: 5rem;
  box-sizing: border-box;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-ctrl-radius ul li.on a {
  color: white;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap {
  margin-top: 6rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap p {
  font-size: 1.8rem;
  line-height: 160%;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts {
  margin-top: 4rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table {
  display: table;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  /* table-layout: fixed; */
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tr td {
  border-left: 0.1rem solid #fff;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tr td:first-child {
  border-left: none;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit {
  background-color: #484C51;
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit td {
  padding: 2rem 2.6rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit + .tit td {
  border-top: 0.1rem solid #fff !important;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr {
  text-align: center;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr.img td {
  overflow: hidden;
  height: 20rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr.img td img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc {
  background-color: #F4F4F4;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td {
  padding: 3rem;
  text-align: initial;
  border-bottom: none;
  height: 19.2rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td p {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 0.8rem;
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td p::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: -0.8rem;
  top: 1.3rem;
  background-color: #484C51;
  border-radius: 50%;
  vertical-align: middle;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts .notice {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 1.4rem;
  color: #70747D;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 6rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top {
  margin-bottom: 4rem;
  display: flex;
  align-items: first baseline;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top p {
  width: 90%;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap {
  width: 10%;
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
  column-gap: 1.9rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_next {
  position: initial;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next.svg);
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_next::after {
  display: none;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_prev {
  position: initial;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev.svg);
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_prev::after {
  display: none;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom {
  position: relative;
  width: 100%;
  height: 2.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 1.5rem;
  margin-top: 4rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination {
  background-color: #050505;
  position: initial;
  width: initial;
  background-color: transparent;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination .swiper-pagination-bullet {
  text-align: center;
  width: 0.6rem;
  height: 0.6rem;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.4rem;
  border-radius: 50rem;
  background-color: #050505;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_next_bottom {
  position: inherit;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next_bottom.svg);
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_next_bottom::after {
  content: none;
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_prev_bottom {
  position: inherit;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev_bottom.svg);
}
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_prev_bottom::after {
  content: none;
}
.service-robot-cont .ch3 .cont-box .flexLayout_02 li dl ul li::before {
  display: none;
}
.service-robot-cont .ch3 .cont-box .videoWrap {
  background: url(/assets/images/subpages/mrc_srv_06_videoImg01.png);
}
.service-robot-cont .ch5 .notice {
  margin-top: 4rem;
}
.service-robot-cont .banner dl {
  background: url("/assets/images/subpages/mrc_srv_06_img17.png");
}
/* robotics */
/* msp */
.service-msp-cont .ch1 .flexLayout_01 {
  gap: 0 2rem;
}
.service-msp-cont .ch1 .flexLayout_01 li {
  position: relative;
}
.service-msp-cont .ch1 .flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-msp-cont .ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-msp-cont .ch1 .flexLayout_01 li dd::before {
  display: none;
}
.service-msp-cont .ch1 .flexLayout_01 li .notice {
  position: absolute;
  bottom: -3.8rem;
  left: 0;
  color: #70747D;
  font-size: 1.4rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-ctrl-radius ul li a {
  color: #70747D;
  border: 0.1rem solid #E5EBF4;
  border-radius: 5rem;
  box-sizing: border-box;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-ctrl-radius ul li.on a {
  color: white;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap {
  margin-top: 6rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap p {
  font-size: 1.8rem;
  line-height: 160%;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts {
  margin-top: 4rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table {
  display: table;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
  table-layout: fixed;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tr td {
  border-left: 0.1rem solid #fff;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tr td:first-child {
  border-left: none;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit {
  background-color: #484C51;
  color: #fff;
  text-align: center;
  font-size: 2.6rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit td {
  padding: 2rem 2.6rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table thead .tit + .tit td {
  border-top: 0.1rem solid #fff !important;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr {
  text-align: center;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr.img td {
  overflow: hidden;
  height: 20rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tbody tr.img td img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc {
  background-color: #F4F4F4;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td {
  padding: 3rem;
  text-align: initial;
  border-bottom: none;
  height: 19.2rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td p {
  font-size: 1.8rem;
  line-height: 1.4;
  margin-bottom: 0.8rem;
  position: relative;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts table tfoot .desc td p::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  position: absolute;
  left: -0.8rem;
  top: 1.3rem;
  background-color: #484C51;
  border-radius: 50%;
  vertical-align: middle;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts .notice {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: 1.4rem;
  color: #70747D;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 6rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top {
  margin-bottom: 4rem;
  display: flex;
  align-items: first baseline;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top p {
  width: 90%;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap {
  width: 10%;
  display: flex;
  justify-content: end;
  flex-direction: row-reverse;
  column-gap: 1.9rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_next {
  position: initial;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next.svg);
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_next::after {
  display: none;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_prev {
  position: initial;
  width: 3.8rem;
  height: 3.8rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev.svg);
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_top .table_btn_wrap .table_button_prev::after {
  display: none;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom {
  position: relative;
  width: 100%;
  height: 2.5rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  gap: 1.5rem;
  margin-top: 4rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination {
  background-color: #050505;
  position: initial;
  width: initial;
  background-color: transparent;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination .swiper-pagination-bullet {
  text-align: center;
  width: 0.6rem;
  height: 0.6rem;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .swiper-pagination .swiper-pagination-bullet-active {
  width: 1.4rem;
  border-radius: 50rem;
  background-color: #050505;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_next_bottom {
  position: inherit;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_next_bottom.svg);
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_next_bottom::after {
  content: none;
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_prev_bottom {
  position: inherit;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/assets/images/subpages/mrc_srv_06_arrow_prev_bottom.svg);
}
.service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.tableSwiper .table_bottom .table_button_prev_bottom::after {
  content: none;
}
.service-msp-cont .ch3 .cont-box .flexLayout_02 li dl ul li::before {
  display: none;
}
.service-msp-cont .ch4 .cont-box .videoWrap {
  background: url(/assets/images/subpages/mrc_srv_06_videoImg01.png);
}
.service-msp-cont .ch5 .notice {
  margin-top: 4rem;
}
.service-msp-cont .banner dl {
  background: url("/assets/images/subpages/mrc_srv_06_img17.png");
}
/* msp */
.service-07-cont article.ch1 .flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-07-cont article.ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-07-cont article.ch1 .flexLayout_01 li dl dd::before {
  content: none;
}
.service-07-cont article.ch2 .cont-box ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-07-cont article.ch2 .cont-box ul li {
  border-radius: 1rem;
  overflow: hidden;
  width: 33.3333%;
}
.service-07-cont article.ch2 .cont-box ul li p {
  display: flex;
  justify-content: center;
  align-items: center;
 /*  height: 14.2rem; */
  height: 20.2rem;
  padding: 3rem;
  /* padding: 4rem; */
  background-color: #F4F4F4;
  text-align: center;
  font-size: 1.8rem;
  line-height: 170%;
  box-sizing: border-box;
}
.service-07-cont article.ch4 .flexLayout_03 {
  flex-wrap: wrap;
}
.service-07-cont article.ch4 .flexLayout_03 li {
  flex: 1 1 40%;
  position: relative;
}
.service-07-cont article.ch4 .flexLayout_03 li dl {
  padding-bottom: 11rem;
}
.service-07-cont article.ch4 .flexLayout_03 li dl dt {
  margin-bottom: 2rem;
}
.service-07-cont article.ch4 .flexLayout_03 li dl dd::before {
  content: none;
}
.service-07-cont article.ch4 .flexLayout_03 li img {
  display: block;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-07-cont article.ch5 {
  margin-bottom: 7rem !important;
}
.service-07-cont article.ch3 .flexLayout_06 li dl span {
    display: block;
    color: #70747D;
    font-size: 1.4rem;
    line-height: 170%;
}
/* ---aicc-- */
.service-aicc-cont article.ch1 .flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-aicc-cont article.ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-aicc-cont article.ch1 .flexLayout_01 li dl dd::before {
  content: none;
}
.service-aicc-cont article.ch2 .cont-box ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-aicc-cont article.ch2 .cont-box ul li {
  border-radius: 1rem;
  overflow: hidden;
  width: 33.3333%;
}
.service-aicc-cont article.ch2 .cont-box ul li p {
 /*  display: flex; */
  justify-content: center;
  align-items: center;
  /* height: 14.2rem; */
  height: 15rem;
 /*  padding: 4rem; */
  padding: 3rem;
  background-color: #F4F4F4;
  text-align: center;
  font-size: 1.8rem;
  line-height: 170%;
  box-sizing: border-box;
}
.service-aicc-cont article.ch4 .flexLayout_03 {
  flex-wrap: wrap;
}
.service-aicc-cont article.ch4 .flexLayout_03 li {
  flex: 1 1 40%;
  position: relative;
}
.service-aicc-cont article.ch4 .flexLayout_03 li dl {
  padding-bottom: 11rem;
}
.service-aicc-cont article.ch4 .flexLayout_03 li dl dt {
  margin-bottom: 2rem;
}
.service-aicc-cont article.ch4 .flexLayout_03 li dl dd::before {
  content: none;
}
.service-aicc-cont article.ch4 .flexLayout_03 li img {
  display: block;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-aicc-cont article.ch5 {
	margin-bottom: 20rem !important;
}
.service-aicc-cont article.ch3 .flexLayout_06 li dl span {
    display: block;
    color: #70747D;
    font-size: 1.4rem;
    line-height: 170%;
}

/* ----- */
/* ---plm-- */
.service-plm-cont article.ch1 .flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-plm-cont article.ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-plm-cont article.ch1 .flexLayout_01 li dl dd::before {
  content: none;
}
.service-plm-cont article.ch2 .cont-box ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-plm-cont article.ch2 .cont-box ul li {
  border-radius: 1rem;
  overflow: hidden;
  width: 33.3333%;
}
.service-plm-cont article.ch2 .cont-box ul li p {
 /*  display: flex; */
  justify-content: center;
  align-items: center;
  /* height: 14.2rem; */
  height: 18rem;
 /*  padding: 4rem; */
  padding: 3rem;
  background-color: #F4F4F4;
  text-align: center;
  font-size: 1.8rem;
  line-height: 170%;
  box-sizing: border-box;
}
.service-plm-cont article.ch4 .flexLayout_03 {
  flex-wrap: wrap;
}
.service-plm-cont article.ch4 .flexLayout_03 li {
  flex: 1 1 40%;
  position: relative;
}
.service-plm-cont article.ch4 .flexLayout_03 li dl {
  padding-bottom: 11rem;
}
.service-plm-cont article.ch4 .flexLayout_03 li dl dt {
  margin-bottom: 2rem;
}
.service-plm-cont article.ch4 .flexLayout_03 li dl dd::before {
  content: none;
}
.service-plm-cont article.ch4 .flexLayout_03 li img {
  display: block;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-plm-cont article.ch5 {
	margin-bottom: 20rem !important;
}
.service-plm-cont article.ch3 .flexLayout_06 li dl span {
    display: block;
    color: #70747D;
    font-size: 1.4rem;
    line-height: 170%;
}

/* ----- */

.service-08-cont article.ch1 .cont-box img {
  max-width: 100%;
}
.service-08-cont article.ch2 .flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-08-cont article.ch2 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-08-cont article.ch2 .flexLayout_01 li dl dd::before {
  content: none;
}
.service-08-cont article.ch3 .flexLayout_06 li dl dd li span {
  display: block;
  color: #70747D;
  font-size: 1.4rem;
}
.service-08-cont article.ch4 .flexLayout_03 {
  flex-wrap: wrap;
  gap: 6.8rem 2rem;
}
.service-08-cont article.ch4 .flexLayout_03 li {
  flex: 1 1 40%;
  position: relative;
}
.service-08-cont article.ch4 .flexLayout_03 li dl {
  padding-bottom: 11rem;
}
.service-08-cont article.ch4 .flexLayout_03 li dl dt {
  margin-bottom: 2rem;
}
.service-08-cont article.ch4 .flexLayout_03 li img {
  display: block;
  margin-left: auto;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-08-cont article.ch4 .flexLayout_03 li .notice {
  position: absolute;
  bottom: -2.8rem;
  left: 0;
}
.service-08-cont article.ch5 .top ul {
  display: flex;
  gap: 4rem 8rem;
  flex-wrap: wrap;
  position: relative;
}
.service-08-cont article.ch5 .top ul li {
  flex: 1 1 40%;
  background-color: #fff;
  border-radius: 1rem;
  padding: 4rem 3rem;
  border: 0.1rem solid #C9CDD6;
}
.service-08-cont article.ch5 .top ul li dl dt {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  margin-bottom: 2rem;
}
.service-08-cont article.ch5 .top ul li dl dd {
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
  position: relative;
  color: #484C51;
}
.service-08-cont article.ch5 .top ul li.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: none;
  border-radius: none;
  padding: 0;
}
.service-08-cont .banner dl {
  background: url(/assets/images/subpages/mrc_srv_08_img09.png);
}
.service-09 .right .top-desc {
  text-align: center;
  margin-bottom: 20rem;
}
.service-09 .right .top-desc > h6 {
  font-size: 3.4rem;
  line-height: 140%;
  font-weight: 600;
  margin-bottom: 2rem;
}
.service-09 .right .top-desc > p {
  /* font-size: 2.6rem; */
  font-size: 2rem;
  font-weight: 400;
  line-height: 140%;
  color: #484C51;
}
.service-09 .ch1 .box-tab .tab-btn-wrap {
  width: 100%;
  flex-wrap: initial;
  gap: 0;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: hidden;
}
.service-09 .ch1 .box-tab .tab-btn-wrap li {
  width: 50%;
  flex-shrink: initial;
  background-color: #F4F4F4;
  padding: 2rem 2.6rem;
}
.service-09 .ch1 .box-tab .tab-btn-wrap li a {
  color: #70747D;
  font-weight: 600;
}
.service-09 .ch1 .box-tab .tab-btn-wrap li.on {
  background-color: #050505;
}
.service-09 .ch1 .box-tab .tab-btn-wrap li.on a {
  color: #fff;
}
.service-09 .ch1 .box-tab .tab-btn-wrap li.on a::after {
  content: none;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul {
  display: flex;
  border: 0.1rem solid #050505;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li {
  padding: 4rem;
  width: 50%;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li:nth-of-type(2) {
  border-left: 0.1rem solid #E5EBF4;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li dl dt {
  display: inline-block;
  margin-bottom: 3rem;
  padding: 0.8rem 1.4rem;
  border-radius: 1rem;
  font-size: 1.6rem;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li dl dt.trouble {
  color: #D40745;
  background-color: #FFE5ED;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li dl dt.solution {
  color: #0057FF;
  background-color: #E5EBF4;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li dl dd {
  font-size: 1.8rem;
  color: #484C51;
  line-height: 170%;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 0.8rem;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li dl dd:last-child {
  margin-bottom: 0;
}
.service-09 .ch1 .box-tab > .tab-contents-wrap .innerWrap ul li dl dd::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #484C51;
  border-radius: 50%;
}
.service-09 .ch2 .tit-box p span {
  display: block;
  font-weight: 600;
}
.service-09 .ch2 .cont-box > .chart-img-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
}
.service-09 .ch2 .cont-box > .chart-img-box div.txt ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.service-09 .ch2 .cont-box > .chart-img-box div.txt ul li {
  padding: 3rem;
  border-radius: 1rem;
  background-color: #F4F4F4;
  text-align: center;
}
.service-09 .ch2 .cont-box > .chart-img-box div.txt ul li span {
  display: block;
  margin-bottom: 1rem;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 140%;
}
.service-09 .ch2 .cont-box > .chart-img-box div.txt ul li p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 140%;
}
.service-09 .ch3 .tit-box p span {
  display: block;
}
.service-09 .ch3 .cont-box .diagram-wrap .img-box img {
  width: 100%;
}
.service-09 .ch3 .cont-box .diagram-wrap > p {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
  margin-top: 4rem;
  text-align: center;
}
.service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 {
  flex-wrap: nowrap;
  margin-top: 8rem;
}
.service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 li h6 {
  text-align: center;
}
.service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 li dl dd {
  margin-top: 4rem;
  text-align: center;
}
.service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 li dl dd::before {
  content: none;
}
.service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 li dl dd span {
  display: block;
  font-size: 1.4rem;
  color: #70747D;
}
.service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table {
  width: 100%;
  border: 1px solid #C9CDD6;
  border-radius: 1rem;
  text-align: center;
  overflow: hidden;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table .borderbottomNone {
  border-bottom: none !important;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table th {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 1.6rem;
  width: 21rem;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #C9CDD6;
  border-right: 1px solid #C9CDD6;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table .row-tit {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 1.6rem;
  width: 21rem;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #C9CDD6;
  border-right: 1px solid #C9CDD6;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table td {
  border-right: 1px solid #C9CDD6;
  border-bottom: 1px solid #C9CDD6;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table th.tb-tit {
  font-size: 2rem;
  font-weight: 600;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr {
  border-bottom: 1px solid #F4F4F4;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(1) td {
  padding: 3rem;
  vertical-align: middle;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(1) td img {
  display: block;
  margin: 0 auto;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(1) td:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(2) .tb-tit {
  background-color: #484C51;
  color: #fff;
  padding: 2rem 1.6rem;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(2) .tb-tit:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td {
  padding: 3rem 0;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td img {
  display: block;
  margin: 0 auto 1rem auto;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td p {
  font-size: 2rem;
  font-weight: 600;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td p span {
  color: #0057FF;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td div.btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: 12px;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td div.btn-wrap .btn.default.ty03 {
  font-size: 1.4rem;
  font-weight: 600;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(3) td div.btn-wrap .btn.default.ty03::after {
  width: 2.4rem;
  height: 2.4rem;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(4) th.tb-tit-2 {
  background-color: #F4F4F4;
  padding: 2rem 1.6rem;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(4) th.tb-tit-2:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(4) td {
  background-color: #F4F4F4;
  padding: 2rem 1.6rem;
  border-bottom: 0;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(4) td:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(4) td:first-child {
  background: #fff;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(5) td {
  padding: 2rem 1.6rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(5) td:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(6) td {
  padding: 2rem 3rem;
  border-bottom: 0;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(6) td > ul li {
  text-align: initial;
  font-size: 1.8rem;
  line-height: 170%;
  font-weight: 400;
  color: #484C51;
  margin-bottom: 1.6rem;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(6) td > ul li::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 2px;
  border-radius: 100%;
  background-color: #70747D;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap table tr:nth-of-type(6) td:last-child {
  border-right: none;
}
.service-09 .ch4 .cont-box > .diagram-table-wrap > .btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4rem;
}
.service-09 .ch5 .innerConts {
  overflow: hidden;
}
.service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul {
  display: flex;
  gap: 0 2rem;
  align-items: center;
  justify-content: center;
}
.service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul li {
  width: 100%;
  max-width: 584px;
}
.service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul li.img img {
  width: 100%;
  display: block;
}
.service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul li dl {
  padding: 3rem;
}
.service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul li dl dt {
  font-size: 2.6rem;
  line-height: 140%;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 4rem;
}
.service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul li dl dd {
  font-size: 1.8rem;
  line-height: 170%;
}
.service-09 .ch5 .card-slider-container {
  display: block !important;
}
.service-09 .ch6 .videoWrap {
  background: url("/assets/images/subpages/mrc_sol_01_videoImg.png");
}
.service-09 .ch7 .tit-box p {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
}
.service-09 .ch7 ul.hashtag {
  display: flex;
  column-gap: 1.4rem;
  margin-top: 2rem;
}
.service-09 .ch7 ul.hashtag > li {
  width: initial;
  font-size: 1.6rem;
  color: #70747D;
  margin-left: initial;
}
.service-10 .ch3 .tit-box .logo {
  margin-top: 3rem;
}
.service-10 .ch3 .tit-box .desc {
  font-size: 2.6rem;
  line-height: 1.7;
  color: #484C51;
  margin-top: 1rem;
}
.service-10 .ch3 ul.flexLayout_03 {
  flex-wrap: wrap;
}
.service-10 .ch3 ul.flexLayout_03 > li {
  flex: 1 1 30%;
  position: relative;
}
.service-10 .ch3 ul.flexLayout_03 > li dl {
  padding-bottom: 11rem;
}
.service-10 .ch3 ul.flexLayout_03 > li dl dt {
  margin-bottom: 2rem;
}
.service-10 .ch3 ul.flexLayout_03 > li dl dd::before {
  content: none;
}
.service-10 .ch3 ul.flexLayout_03 > li img {
  display: block;
  margin-left: auto;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-10 .ch3 ul.flexLayout_03 .card-slider-list {
  position: relative;
}
.service-10 .ch3 ul.flexLayout_03 .card-slider-list dl {
  padding-bottom: 11rem;
}
.service-10 .ch3 ul.flexLayout_03 .card-slider-list img {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-10 .ch3 ul.flexLayout_03 .slick-dots li {
  padding: 0;
}
.service-10 .ch3 .flexLayout_12 {
  margin-top: 4rem;
}
.service-10 .ch3 .flexLayout_12 li {
  width: calc(33.3333% - 1.2rem);
  flex: initial;
}
.service-10 .ch3 .flexLayout_12 li dl dd {
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-10 .ch3 .flexLayout_12 li p {
  text-align: center;
}
.service-10 .ch3 .flexLayout_12.slick-card-slider .card-slider-list {
  width: 100%;
  background: #E5EBF4;
  padding: 3rem 2rem;
  border-radius: 1rem;
  text-align: center;
  min-height: 21.4rem;
}
.service-10 .ch3 .flexLayout_12.slick-card-slider .card-slider-list dl {
  margin-bottom: 3rem;
}
.service-10 .ch3 .flexLayout_12.slick-card-slider .card-slider-list dl dt {
  font-size: 2rem;
  font-weight: 600;
}
.service-10 .ch3 .flexLayout_12.slick-card-slider .card-slider-list dl dd {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 1rem;
}
.service-10 .ch3 .flexLayout_12.slick-card-slider .card-slider-list p {
  font-size: 1.6rem;
  font-weight: 400;
}
.service-10 .ch3 h6.mid-tit {
  margin-top: 8rem;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
}
.service-10 .ch4 .cont-box .videoWrap {
  background-image: url(/assets/images/subpages/mrc_sol_02_videoImg.png);
}
.service-10 .ch4 .cont-box .videoWrap .videoDesc {
  padding: 3rem 2rem;
  width: 95%;
}
.service-10 .ch4 .cont-box .videoWrap .videoDesc h6 {
  font-size: 2rem;
}
.service-10 .ch4 .cont-box .videoWrap .videoDesc p {
  margin-top: 3rem;
}
.service-10 .ch5 .flexLayout_06 li img {
  border: 0.4rem solid #050505;
}
.service-10 .ch6 .flexLayout_04 li div ul.hashtag {
  display: flex;
  column-gap: 1.4rem;
  margin-top: 2rem;
}
.service-10 .ch6 .flexLayout_04 li div ul.hashtag > li {
  width: initial;
  font-size: 1.6rem;
  color: #70747D;
  margin-left: initial;
}
.service-10 .ch7 ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-10 .ch7 ul li {
  flex: 1 50%;
}
.service-10 .ch7 ul li .banner dl {
  padding: 8rem 6rem;
}
.service-10 .ch7 ul li .banner .left {
  background-image: url(/assets/images/subpages/mrc_sol_02_img12.png);
  background-size: 100%;
}
.service-10 .ch7 ul li .banner .left .btn-wrap .btn.icon {
  color: #fff;
}
.service-10 .ch7 ul li .banner .left .btn-wrap .btn.icon::after {
  height: 2.5rem;
  background: url(/assets/images/icon/ico-download-white.svg) no-repeat;
}
.service-10 .ch7 ul li .banner .right {
  background-image: url(/assets/images/subpages/mrc_srv_03_img10.png);
  background-size: 100%;
}
.service-11 .ch2 .flexLayout_11 {
  gap: 2rem;
}
.service-11 .ch3 .tit-box .logo {
  margin-top: 3rem;
}
.service-11 .ch3 .tit-box .desc {
  font-size: 2.6rem;
  line-height: 1.7;
  color: #484C51;
  margin-top: 1rem;
}
.service-11 .ch3 ul.flexLayout_03 {
  flex-wrap: wrap;
}
.service-11 .ch3 ul.flexLayout_03.slick-card-slider .slick-dots li {
  padding: 0;
}
.service-11 .ch3 ul.flexLayout_03 > li {
  flex: 1 1 40%;
}
.service-11 .ch3 ul.flexLayout_03 > li dl dt {
  margin-bottom: 2rem;
}
.service-11 .ch3 ul.flexLayout_03 > li dl dd::before {
  content: none;
}
.service-11 .ch3 ul.flexLayout_03 > li img {
  display: block;
  margin-left: auto;
}
.service-11 .ch4 .cont-box .videoWrap {
  background-image: url(/assets/images/subpages/mrc_sol_03_videoImg.png);
  background-position: center;
}
.service-11 .ch4 .cont-box .videoWrap .videoDesc {
  padding: 3rem 2rem;
  width: 95%;
}
.service-11 .ch4 .cont-box .videoWrap .videoDesc h6 {
  font-size: 2rem;
}
.service-11 .ch4 .cont-box .videoWrap .videoDesc p {
  margin-top: 3rem;
  font-size: 1.6rem;
}
.service-11 .ch5 .flexLayout_06 li dl dd ul li span {
  display: block;
  font-size: 1.4rem;
}
.service-11 .ch6 .flexLayout_03 {
  flex-wrap: wrap;
}
.service-11 .ch6 .flexLayout_03 li {
  flex: 1 1 40%;
}
.service-11 .ch6 .flexLayout_03 li img {
  display: block;
  margin-left: auto;
}
.service-11 .ch6 .flexLayout_03 li dt {
  margin-bottom: 2rem;
}
.service-11 .ch6 .flexLayout_03 li dd::before {
  content: none;
}
.service-11 .ch6 .flexLayout_03 li dl.dot dd::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  color: #617498;
  border-radius: 50%;
}
.service-11 .ch8 ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-11 .ch8 ul li {
  flex: 1 50%;
}
.service-11 .ch8 ul li .banner dl {
  padding: 8rem 6rem;
}
.service-11 .ch8 ul li .banner .left {
  background-image: url(/assets/images/subpages/mrc_sol_03_img12.png);
  background-size: 100%;
}
.service-11 .ch8 ul li .banner .left .btn-wrap .btn.icon {
  color: #fff;
}
.service-11 .ch8 ul li .banner .left .btn-wrap .btn.icon::after {
  height: 2.5rem;
  background: url(/assets/images/icon/ico-download-white.svg) no-repeat;
}
.service-11 .ch8 ul li .banner .right {
  background-image: url(/assets/images/subpages/mrc_srv_03_img10.png);
  background-size: 100%;
}
.service-12 .order-list-wrap {
  width: 35.1rem;
}
.service-12 .tit-box .notice {
  margin-top: 2rem;
}
.service-12 .ch1 .cont-box .desc-cont.flex-sb {
  gap: 8rem !important;
}
.service-12 .ch1 .cont-box .desc-cont.flex-sb .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.service-12 .ch2 .flex-sb .img {
  width: 36.4rem;
}
.service-12 .ch3 .flex-sb .img {
  width: 36.4rem;
}
.service-12 .cont-box .desc-tit {
  margin-top: 8rem;
}
.service-12 .cont-box .desc-tit dt {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
}
.service-12 .cont-box .desc-tit dd {
  margin-top: 2rem;
  font-size: 1.8rem;
  line-height: 140%;
}
.service-12 .cont-box .desc-cont {
  margin-top: 8rem;
}
.service-12 .cont-box .desc-cont img {
  max-width: 100%;
}
.service-12 .banner dl {
  background: url(/assets/images/subpages/mrc_srv_06_img17.png);
}
.service-13 .cont-box-tit {
  font-size: 2.6rem;
  font-weight: 600;
}
.service-13 .ch1 .flexLayout_10 > li {
  padding: 3rem;
}
.service-13 .ch1 .slick-dots li {
  padding: 0;
}
.service-13 .ch2 .cont-box ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-13 .ch2 .cont-box ul li {
  min-height: 32.2rem;
  border-radius: 1rem;
  overflow: hidden;
  flex: 1;
}
.service-13 .ch2 .cont-box ul li img {
  display: block;
  width: 100%;
  height: 20rem;
}
.service-13 .ch2 .cont-box ul li p {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3rem;
  background-color: #F4F4F4;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4;
  box-sizing: border-box;
  height: calc(100% - 20rem);
}
.service-13 .ch3 .tit-box .logo {
  margin-top: 3rem;
}
.service-13 .ch3 .tit-box .desc {
  font-size: 2.6rem;
  line-height: 1.7;
  color: #484C51;
  margin-top: 1rem;
}
.service-13 .ch3 .top-table {
  margin-top: 8rem;
  margin-bottom: 8rem;
}
.service-13 .ch3 .top-table table {
  width: 100%;
  display: table;
  border-radius: 1rem;
  overflow: hidden;
  border: 0.1rem solid #C9CDD6;
}
.service-13 .ch3 .top-table table tbody tr.black {
  background-color: #050505;
}
.service-13 .ch3 .top-table table tbody tr.black th {
  padding: 2rem 1.6rem;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
}
.service-13 .ch3 .top-table table tbody tr.gray {
  background-color: #F4F4F4;
}
.service-13 .ch3 .top-table table tbody tr.gray td, .service-13 .ch3 .top-table table tbody tr.gray th {
  padding: 2rem 1.6rem;
  padding: 2rem 1.6rem;
  text-align: center;
  color: #050505;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  border-bottom: 0.1rem solid #C9CDD6;
  border-top: 0.1rem solid #C9CDD6;
  border-left: 0.1rem solid #C9CDD6;
}
.service-13 .ch3 .top-table table tbody tr.gray td:first-child, .service-13 .ch3 .top-table table tbody tr.gray th:first-child {
  border-left: 0;
}
.service-13 .ch3 .top-table table tbody tr.cont td {
  padding: 3rem;
  border-left: 0.1rem solid #C9CDD6;
  width: 50%;
}
.service-13 .ch3 .top-table table tbody tr.cont td p.caption {
  color: #484C51;
  text-align: right;
  margin-bottom: 2rem;
  font-size: 1.4rem;
}
.service-13 .ch3 .top-table table tbody tr.cont td:first-child {
  border-left: 0;
}
.service-13 .ch3 .top-table table tbody tr.cont td ul li {
  font-size: 2rem;
  font-weight: 600;
  line-height: 140%;
  margin-bottom: 2rem;
  position: relative;
  margin-left: 2.8rem;
}
.service-13 .ch3 .top-table table tbody tr.cont td ul li::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: url(/assets/images/subpages/mrc_srv_01_icon_check.svg);
  position: absolute;
  left: -2.8rem;
  top: 0.2rem;
}
.service-13 .ch3 .top-table table tbody tr.cont td ul li span {
  font-weight: 400;
  display: block;
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 170%;
  color: #484C51;
}
.service-13 .ch3 ul.flexLayout_01 {
  flex-wrap: nowrap;
}
.service-13 .ch3 ul.flexLayout_01 > li {
  width: 32%;
}
.service-13 .ch3 ul.flexLayout_01 > li h6 {
  text-align: center;
}
.service-13 .ch3 ul.flexLayout_01 > li dl dd::before {
  content: none;
}
.service-13 .ch3 ul.flexLayout_01 > li dl dd span {
  display: block;
  font-size: 1.4rem;
  color: #70747D;
}
.service-13 .ch3 ul.flexLayout_01 > li:last-child {
  margin-top: 0rem;
}
.service-13 .ch4 .cont-box .videoWrap {
  background-image: url(/assets/images/subpages/mrc_sol_05_videoImg.png);
}
.service-13 .ch5 .flexLayout_06 li dl dd ul li span.notice {
  display: block;
  font-size: 1.4rem;
  margin-top: 0.4rem;
}
.service-13 .ch6 .flexLayout_03 li {
  width: 33.333%;
  position: relative;
}
.service-13 .ch6 .flexLayout_03 li img {
  display: block;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-13 .ch6 .flexLayout_03 li dt {
  margin-bottom: 2rem;
}
.service-13 .ch6 .flexLayout_03 li dd::before {
  content: none;
}
.service-13 .ch6 .flexLayout_03 li dl.dot {
  padding-bottom: 11rem;
}
.service-13 .ch6 .flexLayout_03 li dl.dot dd::before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  color: #617498;
  border-radius: 50%;
}
.service-13 .ch7 .acc-conts span {
  display: block;
  margin-top: 2rem;
}
.service-13 .ch7 ul.hashtag {
  display: flex;
  column-gap: 1.4rem;
  margin-top: 2rem;
}
.service-13 .ch7 ul.hashtag > li {
  width: initial;
  font-size: 1.6rem;
  color: #70747D;
  margin-left: initial;
}
.service-13 .ch8 ul {
  display: flex;
  column-gap: 2rem;
  width: 100%;
}
.service-13 .ch8 ul li {
  flex: 1 50%;
}
.service-13 .ch8 ul li .banner dl {
  padding: 8rem 6rem;
}
.service-13 .ch8 ul li .banner .left {
  background-image: url(/assets/images/subpages/mrc_sol_05_img12.png);
  background-size: 100%;
}
.service-13 .ch8 ul li .banner .left .btn-wrap .btn.icon {
  color: #fff;
}
.service-13 .ch8 ul li .banner .left .btn-wrap .btn.icon::after {
  height: 2.5rem;
  background: url(/assets/images/icon/ico-download-white.svg) no-repeat;
}
.service-13 .ch8 ul li .banner .right {
  background-image: url(/assets/images/subpages/mrc_srv_03_img10.png);
  background-size: 100%;
}
.service-15 .ch1 .tit-box p {
  line-height: 170%;
}
.service-15 .ch3 .banner-poster-list {
  margin-top: 20rem;
}
.service-16 .ch2 .flexLayout_07 > li ul li {
  line-height: 170%;
}
.service-16 .ch2 .flexLayout_07 > li ul li sup {
  vertical-align: super;
}
.service-16 .ch3 .banner-poster-list {
  margin-top: 20rem;
}
.service-18 .ch2 .bettery_list_wrap {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 8rem;
}
.service-18 .ch2 .bettery_list_wrap .img-box img {
  display: block;
  width: 100%;
}
.service-18 .ch3 .banner-poster-list {
  margin-top: 20rem;
}
.service-19 .ch3 .banner-poster-list {
  margin-top: 20rem;
}
.service-19 .ch4 .cont-box .logo_tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #70747D;
  margin: 0 0 3rem 0;
}
.service-19 .ch4 .cont-box .logo_tit + .flexLayout_08 + .logo_tit {
  margin: 10rem 0 3rem 0;
}
.service-19 .ch4 .cont-box .flexLayout_08 li.logo_li {
  grid-column: 1/4;
}
.service-20 .ch2 .cont-box .flexLayout_07 ul li > span {
  display: block;
  font-size: 1.4rem;
  line-height: 170%;
}
.service-20 .ch2 .cont-box .flexLayout_07 ul li > span::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #484C51;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 0.8rem;
}
.service-20 .ch3 .banner-poster-list {
  margin-top: 20rem;
}
.service-21 .ch3 .tit-box .logo {
  margin-top: 3rem;
}
.service-21 .ch3 .tit-box .desc {
  font-size: 2.6rem;
  line-height: 1.7;
  color: #484C51;
  margin-top: 1rem;
}
.service-21 .ch3 ul.flexLayout_03 {
  flex-wrap: wrap;
}
.service-21 .ch3 ul.flexLayout_03 > li {
  flex: 1 1 30%;
  position: relative;
}
.service-21 .ch3 ul.flexLayout_03 > li dl {
  padding-bottom: 11rem;
}
.service-21 .ch3 ul.flexLayout_03 > li dl dt {
  margin-bottom: 2rem;
}
.service-21 .ch3 ul.flexLayout_03 > li dl dd::before {
  content: none;
}
.service-21 .ch3 ul.flexLayout_03 > li img {
  display: block;
  margin-left: auto;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-21 .ch3 ul.flexLayout_03 .card-slider-list {
  position: relative;
}
.service-21 .ch3 ul.flexLayout_03 .card-slider-list dl {
  padding-bottom: 11rem;
}
.service-21 .ch3 ul.flexLayout_03 .card-slider-list img {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
}
.service-21 .ch3 ul.flexLayout_03 .slick-dots li {
  padding: 0;
}
.service-21 .ch3 .flexLayout_12 {
  margin-top: 4rem;
}
.service-21 .ch3 .flexLayout_12 li {
  width: calc(33.3333% - 1.2rem);
  flex: initial;
}
.service-21 .ch3 .flexLayout_12 li dl dd {
  min-height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-21 .ch3 .flexLayout_12 li p {
  text-align: center;
}
.service-21 .ch3 .flexLayout_12.slick-card-slider .card-slider-list {
  width: 100%;
  background: #E5EBF4;
  padding: 3rem 2rem;
  border-radius: 1rem;
  text-align: center;
  min-height: 21.4rem;
}
.service-21 .ch3 .flexLayout_12.slick-card-slider .card-slider-list dl {
  margin-bottom: 3rem;
}
.service-21 .ch3 .flexLayout_12.slick-card-slider .card-slider-list dl dt {
  font-size: 2rem;
  font-weight: 600;
}
.service-21 .ch3 .flexLayout_12.slick-card-slider .card-slider-list dl dd {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 1rem;
}
.service-21 .ch3 .flexLayout_12.slick-card-slider .card-slider-list p {
  font-size: 1.6rem;
  font-weight: 400;
}
.service-21 .ch3 h6.mid-tit {
  margin-top: 8rem;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
}
.service-21 .ch4 .flexLayout_06 li img {
  border: 0.4rem solid #050505;
}
.service-21 .ch5 {
  padding-bottom: 11rem;
}
.service-21 .ch5 .flexLayout_04 li div ul.hashtag {
  display: flex;
  column-gap: 1.4rem;
  margin-top: 2rem;
}
.service-21 .ch5 .flexLayout_04 li div ul.hashtag > li {
  width: initial;
  font-size: 1.6rem;
  color: #70747D;
  margin-left: initial;
}

/* 2025-06-04 "시스템 운영 (ITO)" 메뉴 추가로 인한 작업 */
.service-22-cont article.ch1 .flexLayout_01 {
  flex-wrap: wrap;
}
.service-22-cont article.ch1 .flexLayout_01 li {
  flex: 1 1 40%;
}
.service-22-cont article.ch1 .flexLayout_01 li:last-child {
  margin-top: 0rem;
}
.service-22-cont article.ch1 .flexLayout_01 li .cont-box-tit {
  text-align: center;
}
.service-22-cont article.ch1 .flexLayout_01 li dl dd::before {
  content: none;
}
.service-22-cont article.ch2 .flexLayout_06 li dl dd li span {
  display: block;
  color: #70747D;
  font-size: 1.4rem;
}
.service-22-cont article.ch3 .top ul {
  display: flex;
  gap: 4rem 8rem;
  flex-wrap: wrap;
  position: relative;
}
.service-22-cont article.ch3 .top ul li {
  flex: 1 1 40%;
  background-color: #fff;
  border-radius: 1rem;
  padding: 4rem 3rem;
  border: 0.1rem solid #C9CDD6;
}
.service-22-cont article.ch3 .top ul li dl dt {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  margin-bottom: 2rem;
}
.service-22-cont article.ch3 .top ul li dl dd {
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: center;
  position: relative;
  color: #484C51;
}
.service-22-cont article.ch3 .top ul li.circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  background: none;
  border-radius: none;
  padding: 0;
}
.service-22 .banner dl {
  background: url(/assets/images/subpages/mrc_srv_08_img09.png);
}

/* 2025-08-04 "에너지(FEMS) / 탄소관리" 메뉴 추가로 인한 작업 */
.service-23 article.ch1 .box-tab .tab-ctrl-radius li a {
	color: #70747D;
    border: 0.1rem solid #E5EBF4;
    border-radius: 5rem;
    box-sizing: border-box;
}
.service-23 article.ch1 .box-tab .tab-ctrl-radius li.on a {
	color: #fff;
	background-color: #050505;
	border-radius: 5rem;
}
.service-23 article.ch1 .tab-contents-wrap{
	margin-top: 6rem;
}
.service-23 article.ch1 .tab-contents-wrap p {
  font-size: 1.8rem;
  line-height: 160%;
}
.service-23 article.ch1 .cont-box .desc-tit dt {
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 140%;
}
.service-23 article.ch1 .cont-box .desc-tit dd {
	margin-top: 2rem;
	font-size: 1.8rem;
	line-height: 140%;
}
.service-23 article.ch1 .cont-box .cont-box-obj {
	margin-top: 8rem;
}
.service-23 article.ch1 .cont-box .cont-box-obj .img-box img {
  display: block;
  width: 100%;
}
.service-23 article.ch1 .flexLayout_02 {
	margin-top: 4rem;
}
.service-23 article.ch4 .flexLayout_03 {
	flex-wrap: wrap;
}
.service-23 article.ch4 .flexLayout_03 > li {
	flex: 1 1 40%;
	position: relative;
}
.service-23 article.ch4 .flexLayout_03 > li dd {
	padding-bottom: 11rem;
}
.service-23 article.ch4 .flexLayout_03 > li img {
	position: absolute;
	bottom: 3rem;
	right: 3rem;
	display: block;
	width: 9rem;
}
.service-23 article.ch5 .flexLayout_04 {
	margin-bottom: 10rem;
}

.twin {
  display: flex;
  gap: 0 9rem;
  justify-content: space-between;
}
.twin .library-menu {
  width: 100%;
  max-width: 30rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #F4F4F4;
  padding: 4rem;
  border-radius: 1rem;
}
.twin .library-menu .menu-title-wrap {
  margin: 0 0 4rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.twin .library-menu .menu-title-wrap .menu-tit {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
}
.twin .library-menu .check-submit {
  display: block;
  border: 0.1rem solid #050505;
  border-radius: 0.4rem;
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  padding: 0.7rem 2.6rem;
  text-align: center;
  margin: 4rem 0 0 0;
}
.twin section {
  width: calc(100% - 9rem);
}

.customer-01 .page-desc > h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #70747D;
  opacity: 1;
}
.customer-01 .page-desc > h4 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.customer-01 .default-table-info-txt {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #70747D;
  margin-top: 2rem;
}
.customer-02 .page-tit {
  margin: 0 0 4rem 0;
}
.customer-02 > .box-tab {
  margin: 0 0 12rem 0;
}
.customer-02 > .box-tab .tab-ctrl-radius li a {
  color: #70747D;
  background-color: #F4F4F4;
  border-radius: 5rem;
}
.customer-02 .check-depthbox ul {
  padding: 0 0 0 2rem;
}
.customer-02 .check-depthbox ul li {
  margin: 2rem 0 2rem 0;
}
.customer-02 .check-depthbox + .check-depthbox {
  margin: 2.6rem 0 0 0;
}
.customer-02 .btn-check label em {
  font-weight: 600;
  margin: 0 0 0 0.6rem;
}
.customer-02 .default-table-wrap {
  margin: 8rem 0 0 0;
}
.customer-02 .default-table-wrap .default-table .subject .table-media::after {
  display: none;
}
.customer-04 .page-desc > h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  color: #70747D;
  opacity: 1;
}
.customer-04 .page-desc > h4 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.customer-etc {
  max-width: 79rem;
  margin: 0 auto;
}
.customer-etc .privacy-wrap .sec-head {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.customer-etc .privacy-wrap .section {
  margin: 8rem 0 0 0;
}
.customer-etc .privacy-wrap .section + .section {
  margin: 4rem 0 0 0;
}
.customer-etc .privacy-wrap .section h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  margin: 0 0 1rem 0;
}
.customer-etc .privacy-wrap .section p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.customer-etc .privacy-wrap .section h4 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-weight: 600;
  margin: 0 0 0.6rem 0;
}
.customer-etc .privacy-wrap .section ol li {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
}
.customer-etc .privacy-wrap .section strong {
  font-family: "Pretendard";
  color: #050505;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.company {
  background-color: #050505;
  color: #fff;
}
.company.eng .company-01 .sec03 .sec03_flex ul li span {
  display: block;
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 4rem;
}
.company .subVisual {
  width: 100%;
  max-width: 176rem;
  height: 42rem;
}
.company .subVisual img {
  width: 100%;
  display: block;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.company .flex-layout {
  display: flex;
  justify-content: space-between;
}
.company .flex-layout img {
  display: block;
  border-radius: 1rem;
}
.company .flex-layout ul {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}
.company .flex-layout ul li {
  color: #fff;
  flex: 1 1 50%;
}
.company .page-desc-black {
  margin-bottom: 20rem;
}
.company .page-desc-black dl {
  color: #fff;
  margin-top: 8rem;
}
.company .depth-tit-black {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  margin-bottom: 6rem;
}
.company .tab-contents-wrap {
  border-top: 0rem;
  margin-top: 12rem;
}
.company .tab-contents-wrap .accordian-wrap h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  opacity: 1;
  margin-top: 20rem;
}
.company .tab-contents-wrap .accordian-wrap .accordian2 {
  margin-top: 6rem;
}
.company .tab-contents-wrap .accordian-wrap .accordian2:first-of-type {
  margin-top: 8rem;
}
.company .tab-contents-wrap .btn-wrap {
  margin-top: 4rem;
}
.company .tab-contents-wrap .btn-wrap button {
  font-size: 2.6rem;
}
.company .tab-contents-wrap .flex-layout {
  gap: 13.3rem;
}
.company .tab-contents-wrap .flex-layout ul li:nth-of-type(1) ~ :nth-of-type(2) {
  margin-bottom: 12rem;
}
.company .tab-contents-wrap .flex-layout ul li dl dt {
  font-size: 3.2rem;
  margin-bottom: 4rem;
}
.company .tab-contents-wrap .flex-layout ul li dl dd {
  font-size: 1.8rem;
  line-height: 1.7;
  margin-bottom: 0.8rem;
}
.company .fixedVisual .visual-img.company-06-img {
  background: url(../../images/subpages/mrc_cmy_06_img01.png);
}
.company-01 {
  overflow: hidden;
  padding-bottom: 0;
}
.company-01 .subVisual {
  margin: 12rem 0;
}
.company-01 .page-tit-black h2 {
  font-weight: 600;
}
.company-01 .section-desc dt {
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1.4;
}
.company-01 .section-desc dd {
  margin-top: 1rem;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.4;
}
.company-01 .sec01 {
  margin-top: 12rem;
}
.company-01 .sec01 .page-desc-black h3 {
  margin-bottom: 1rem;
  font-size: 4.2rem;
  font-weight: 600;
  opacity: 1;
}
.company-01 .sec01 .page-desc-black p {
  font-weight: 600;
  font-size: 3.2rem;
}
.company-01 .sec01 .page-desc-black dl dt {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.7;
  margin-bottom: 4rem;
}
.company-01 .sec01 .page-desc-black dl dd {
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 1.7;
}
.company-01 .sec01 .page-desc-black dl dd.mb20 {
  margin-bottom: 2rem;
}
.company-01 .sec02 .page-tit-black {
  position: relative;
  margin-bottom: 0;
}
.company-01 .sec02 .page-tit-black .imgWrap {
  background-image: url(/assets/images/subpages/mrc_cmy_01_img02.png);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  max-width: 160rem;
  height: 50rem;
}
.company-01 .sec02 .page-tit-black .txtWrap {
  position: absolute;
  width: 100%;
  max-width: 114.6rem;
  top: 50%;
  left: 50%;
  transform: translate(-53.5%, -50%);
}
.company-01 .sec02 .page-tit-black .txtWrap h2 {
  font-size: 6.2rem;
  font-weight: 600;
  margin-bottom: 2rem;
  padding: 0;
}
.company-01 .sec02 .page-tit-black .txtWrap p {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
}
.company-01 .sec02 .countNumContainer {
  margin: 20rem 0;
  position: relative;
}
.company-01 .sec02 .countNumContainer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 42.2rem;
  height: 52.8rem;
  background-image: url(/assets/images/subpages/mrc_cmy_01_img03.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.company-01 .sec02 .countNumContainer div {
  margin-top: 8rem;
  display: flex;
}
.company-01 .sec02 .countNumContainer div ul {
  display: flex;
  flex-wrap: wrap;
}
.company-01 .sec02 .countNumContainer div ul li {
  flex: 1 1 50%;
}
.company-01 .sec02 .countNumContainer div ul li:nth-of-type(-n + 2) {
  margin-bottom: 8rem;
}
.company-01 .sec02 .countNumContainer div ul li dl {
  width: 100%;
}
.company-01 .sec02 .countNumContainer div ul li dl dt {
  font-size: 4.2rem;
}
.company-01 .sec02 .countNumContainer div ul li dl dt .countNum {
  font-size: 8rem;
}
.company-01 .sec02 .countNumContainer div ul li dl dd {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 1rem;
  line-height: 1.4;
}
.company-01 .sec02 .countNumContainer .slo {
  display: block;
}
.company-01 .sec02 .countNumContainer .slo dl {
  margin-bottom: 8rem;
}
.company-01 .sec02 .countNumContainer .slo dl dt {
  font-weight: 600;
  font-size: 3.4rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}
.company-01 .sec02 .countNumContainer .slo dl dd {
  font-weight: 600;
  font-size: 4.2rem;
  line-height: 1.4;
}
.company-01 .sec02 .countNumContainer .slo p {
  font-weight: 400;
  font-size: 2.6rem;
  line-height: 1.4;
}
.company-01 .sec03 {
  padding: 20rem 0;
  width: 100%;
  background-image: url(/assets/images/subpages/mrc_cmy_01_bg.png);
}
.company-01 .sec03 .sub-conts {
  width: 100%;
  padding: 0 6rem;
  padding: 0;
}
.company-01 .sec03 .section-desc {
  margin-bottom: 11.2rem;
}
.company-01 .sec03 .sec03_slider {
  position: relative;
  width: 100%;
  height: 50.3rem;
}
.company-01 .sec03 .sec03_slider ul {
  display: flex;
  gap: 2rem;
  position: absolute;
}
.company-01 .sec03 .sec03_slider ul li {
  width: 35.5rem;
  height: 50.3rem;
  padding: 4rem;
  background: rgba(5, 5, 5, 0.3);
  backdrop-filter: blur(1.3rem);
  border-radius: 1rem;
  position: relative;
}
.company-01 .sec03 .sec03_slider ul li dl dt {
  opacity: 0.6;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.4;
  text-transform: capitalize;
  margin-bottom: 2rem;
}
.company-01 .sec03 .sec03_slider ul li dl dd {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 6rem;
}
.company-01 .sec03 .sec03_slider ul li p {
  width: 100%;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.7;
}
.company-01 .sec03 .sec03_slider ul li img {
  display: block;
  position: absolute;
  right: 4rem;
  bottom: 4em;
}
.company-01 .sec03 .sec03_swiper {
  display: none;
}
.company-01 .sec03 .sec03_flex {
  margin-top: 12rem;
}
.company-01 .sec03 .sec03_flex h3 {
  font-size: 2.6rem;
  line-height: 1.4;
}
.company-01 .sec03 .sec03_flex ul {
  display: flex;
  margin-top: 8rem;
}
.company-01 .sec03 .sec03_flex ul li {
  width: 20%;
  padding: 0 4rem;
  border-left: 0.1rem solid rgba(255, 255, 255, 0.2);
}
.company-01 .sec03 .sec03_flex ul li dl {
  margin-bottom: 8rem;
}
.company-01 .sec03 .sec03_flex ul li dl dt {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}
.company-01 .sec03 .sec03_flex ul li dl dd {
  font-size: 2rem;
  line-height: 1.4;
}
.company-01 .sec04 {
  padding: 20rem 0;
  width: 100%;
  background-color: #fff;
  color: #050505;
}
.company-01 .sec04 .section_desc {
  margin-bottom: 4rem;
}
.company-01 .sec04 .section_desc dt {
  font-size: 3.4rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 8rem;
}
.company-01 .sec04 .section_desc dd {
  font-size: 1.8rem;
  line-height: 1.7;
  font-weight: 400;
}
.company-01 .sec04 .section_desc dd span {
  display: block;
  color: #70747D;
}
.company-01 .sec04 .btn-wrap .btn.icon::after {
  width: 2.4rem;
  height: 2.4rem;
}
.company-01 .sec04 .sec04_ci {
  margin-top: 12rem;
}
.company-01 .sec04 .sec04_ci ul {
  display: flex;
}
.company-01 .sec04 .sec04_ci ul li {
  width: 51rem;
  padding: 3rem;
  border-radius: 1rem;
}
.company-01 .sec04 .sec04_ci ul li .color-round {
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin-bottom: 1rem;
}
.company-01 .sec04 .sec04_ci ul li dl dt {
  font-size: 2rem;
  margin: 0 0 2rem 0;
}
.company-01 .sec04 .sec04_ci ul li dl dd {
  font-size: 1.6rem;
  line-height: 1.7;
}
.company-01 .sec04 .sec04_ci ul li img {
  margin-top: 8.3rem;
}
.company-01 .sec04 .sec04_ci ul li:first-of-type {
  background-color: #E5EBF4;
}
.company-01 .sec04 .sec04_ci ul li:first-of-type .color-round {
  background-color: #337BCB;
}
.company-01 .sec04 .sec04_ci ul li:nth-of-type(2) {
  background-color: #337BCB;
  margin-left: -1rem;
  color: #fff;
}
.company-01 .sec04 .sec04_ci ul li:nth-of-type(2) .color-round {
  background-color: #fff;
}
.company-01 .sec04 .sec04_ci ul li:last-of-type {
  background-color: #fff;
  margin-left: -1rem;
}
.company-01 .sec04 .sec04_ci ul li:last-of-type .color-round {
  background-color: #050505;
}
.company-01 .companyBanner {
  display: flex;
  align-items: center;
  height: 43rem;
  background-image: url(/assets/images/subpages/mrc_cmy_01_img04.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.company-01 .companyBanner .sub-conts {
  width: 100%;
}
.company-01 .companyBanner p {
  color: #fff;
  font-weight: 600;
  font-size: 4.2rem;
  line-height: 1.4;
  margin-bottom: 4rem;
}
.company-01 .companyBanner .btn {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
}
.company-01 .companyBanner .btn.icon.down::after {
  margin-left: 1rem;
}
.company-02 .flex-layout {
  margin-top: 8rem;
  column-gap: 15.5rem;
}
.company-02 .flex-layout img.img-ceo {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 65.5rem;
}
.company-02 .flex-layout p {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 4rem;
}
.company-02 .flex-layout p span ~ strong {
  display: block;
  font-weight: 600;
}
.company-02 .flex-layout p span {
  font-size: 2rem;
}
.company-02 .flex-layout p strong {
  display: inline-block;
  font-size: 2.6rem;
  margin-top: 2rem;
}
.company-02 .flex-layout p strong img {
  display: inline-block;
  margin-left: 2.4rem;
}
.company-02 .flex-layout p.sign {
  margin-top: 8rem;
}
.company-03 .top_wrap {
  margin-top: 12rem;
  position: relative;
}
.company-03 .top_wrap .top_bg {
  width: 100%;
  overflow: hidden;
  margin: auto;
}
.company-03 .top_wrap .top_bg img {
  width: 100%;
  display: block;
  transform: scale(0.8);
  transition: all 0.3s ease-out;
}
.company-03 .top_wrap .top_bg .sub-conts {
  font-size: 6.2rem;
}
.company-03 .top_wrap .top_bg .sub-conts p {
  opacity: 0;
  font-weight: 600;
  position: absolute;
  bottom: 50%;
  transform: translateY(-50%);
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  line-height: 1.4;
  letter-spacing: 0;
}
.company-03 .top_wrap .top_bg .sub-conts .title {
  display: none;
}
.company-03-history {
  padding-top: 12rem;
}
.company-03-history .sticky-layout {
  max-width: 148rem;
  padding: 0 8rem;
  gap: 0;
}
.company-03-history .sticky-layout nav {
  width: 50%;
}
.company-03-history .sticky-layout nav ul {
  width: 100%;
}
.company-03-history .sticky-layout nav ul li {
  margin-bottom: 2rem;
}
.company-03-history .sticky-layout nav ul li a {
  font-size: 3.2rem;
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.3s linear;
}
.company-03-history .sticky-layout nav ul li a.on {
  font-size: 6.2rem;
  opacity: 1;
  transition: opacity 0.3s linear;
}
.company-03-history .sticky-layout nav ul li a.on::after {
  display: none;
}
.company-03-history .sticky-layout .right {
  width: 50%;
}
.company-03-history .sticky-layout .right article {
  position: relative;
  margin-bottom: 0rem;
  padding-bottom: 12rem;
}
.company-03-history .sticky-layout .right article .progress_bar {
  position: absolute;
  left: 0rem;
  top: 0;
  width: 0.2rem;
  height: 100%;
  background: #fff;
  opacity: 0.2;
}
.company-03-history .sticky-layout .right article .progress_bar span {
  display: block;
  width: 0.4rem;
  height: 0%;
  margin-left: -0.1rem;
  background-color: #2189ff;
  z-index: 1;
  transition: height 100ms ease-in;
}
.company-03-history .sticky-layout .right article ul li {
  padding-top: 12rem;
}
.company-03-history .sticky-layout .right article ul li:first-child {
  padding-top: 0rem;
}
.company-03-history .sticky-layout .right article ul li.on dl {
  opacity: 1;
}
.company-03-history .sticky-layout .right article ul li.on dl dt {
  font-size: 8rem;
}
.company-03-history .sticky-layout .right article ul li dl {
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.3s linear;
}
.company-03-history .sticky-layout .right article ul li dl dt {
  padding-left: 14.4rem;
  font-size: 4.2rem;
  margin-bottom: 2rem;
  transition: font-size 0.3s ease-out;
  position: relative;
}
.company-03-history .sticky-layout .right article ul li dl dt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background: url("/assets/images/subpages/mrc_cmy_03_img23.png") no-repeat center/auto;
}
.company-03-history .sticky-layout .right article ul li dl dd {
  padding-left: 14.4rem;
  font-size: 1.8rem;
  line-height: 2;
  margin-bottom: 2rem;
}
.company-03-history .sticky-layout .right article ul li dl dd:last-child {
  margin-bottom: 0rem;
}
.company-03-history .sticky-layout .right article ul li dl dd img {
  display: block;
  width: 100%;
  max-width: 30rem;
}
.company-04 .page-tit-black {
  margin-bottom: 4rem;
}
.company-04 .page-desc-black {
  margin-bottom: 0;
}
.company-04 .page-desc-black .tab-radius-white .tab-btn-wrap li a h3 {
  color: #e5ebf4;
  opacity: 0.6;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 1.6rem;
}
.company-04 .page-desc-black .tab-radius-white .tab-btn-wrap li.on a h3 {
  color: #050505;
  opacity: 1;
  background-color: #fff;
  font-size: 1.6rem;
}
.company-04 .page-desc-black .normal-txt {
  margin-bottom: 8rem;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.4;
}
.company-04 .page-desc-black p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.7;
}
.company-04 .box-tab {
  margin: 4rem 0 0;
}
.company-04 .box-tab .address {
  margin-top: 20rem;
  color: #fff;
}
.company-04 .box-tab .address h5 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
.company-04 .box-tab .address dl {
  margin-bottom: 6rem;
}
.company-04 .box-tab .address dl dt {
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
}
.company-04 .box-tab .address dl dd {
  font-size: 1.8rem;
}
.company-04 .box-tab .address ul {
  display: flex;
  gap: 4rem;
}
.company-04 .accordian-wrap .accordian2.type-01 .acc-conts2 {
  font-size: 1.8rem;
  opacity: 0.6;
}
.company-04 .flex-layout {
  margin-top: 20rem;
  gap: 10.4rem;
}
.company-04 .flex-layout ul {
  flex-grow: 0;
  width: calc(100% - 71rem);
}
.company-04 .flex-layout ul li:nth-of-type(1) dl, .company-04 .flex-layout ul li:nth-of-type(2) dl {
  margin-top: 0;
}
.company-04 .flex-layout ul li dl dd {
  position: relative;
  padding-left: 1rem;
}
.company-04 .flex-layout ul li dl dd::before {
  position: absolute;
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  top: 1.5rem;
  left: 0;
  border-radius: 50%;
  background-color: #fff;
}
.company-04 .flex-layout ul li dl dd:last-of-type {
  margin-bottom: 0;
}
.company-04 .flex-layout .img {
  width: 60.5rem;
  height: 53.8rem;
}
.company-04 .flex-layout .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company-05 .container {
  padding-bottom: 0;
}
.company-05 .page-tit-black {
  margin-bottom: 0;
}
.company-05 .box-tab {
  padding-top: 4rem;
}
.company-05 .box-tab .tab-ctrl-radius .tab-btn-wrap li a {
  font-size: 2rem;
  font-weight: 600;
}
.company-05 .accordian-wrap {
  margin-top: 12rem;
}
.company-05 .accordian-wrap .accordian2 {
  padding-top: 6rem;
}
.company-05 .accordian-wrap .accordian2 .acc-trigger2 {
  font-weight: 600;
  font-size: 3.2rem;
}
.company-05 .accordian-wrap .accordian2 .acc-conts2 {
  color: #fff;
  font-weight: 400;
}
.company-05 .accordian-wrap .accordian2 .acc-conts2 ul {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.company-05 .accordian-wrap .accordian2 .acc-conts2 ul li {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2rem;
  border-radius: 1rem;
}
.company-05 .accordian-wrap .accordian2 .acc-conts2 ul li dl {
  margin-top: 0rem;
}
.company-05 .accordian-wrap .accordian2 .acc-conts2 ul li dl dt {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}
.company-05 .accordian-wrap .accordian2 .acc-conts2 ul li dl dd {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.7;
  opacity: 0.6;
}
.company-05 .recruitBanner {
  height: 40rem;
  background: url(/assets/images/subpages/mrc_cmy_05_img01.png) no-repeat center;
  display: flex;
  align-items: center;
}
.company-05 .recruitBanner .sub-conts {
  width: 100%;
}
.company-05 .recruitBanner p {
  color: #fff;
  font-weight: 600;
  font-size: 4.2rem;
  margin-bottom: 4rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.company-06 {
  overflow: none;
}
.company-06 .page-tit-black img {
  display: block;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-top: 12rem;
}
.company-06 .fixedVisual {
  overflow: hidden;
}
.company-06 .fixedVisual img {
  display: block;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.company-06 .sub-conts-wide {
  width: 100%;
}
.company-06 .sub-conts-wide.company-06-cont01 {
  background-image: url(/assets/images/subpages/mrc_cmy_06_bg.png);
  background-position: top;
  background-size: cover;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts {
  padding-top: 12rem;
  width: 100%;
  max-width: 160rem;
  padding: 0 6rem;
  margin: 0 auto;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout {
  gap: 0;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav {
  width: 50%;
  flex-shrink: 0;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
  position: sticky;
  top: 12.5rem;
  z-index: 2;
  width: auto;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul li a {
  display: inline-flex;
  align-items: center;
  position: relative;
  transition: opacity 0.3s;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  opacity: 0.5;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul li a.on {
  font-weight: 600;
  opacity: 1;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul li a.on::after {
  content: none;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right {
  flex-grow: 1;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap {
  position: relative;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article > h3 {
  display: block;
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.4;
  margin-bottom: 8rem;
  letter-spacing: 0;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul {
  display: flex;
  column-gap: 2rem;
  row-gap: 2rem;
  flex-wrap: wrap;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li {
  width: calc(50% - 1rem);
  box-sizing: border-box;
  background-color: rgba(5, 5, 5, 0.3);
  padding: 4rem;
  border-radius: 1rem;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li img {
  width: 5.8rem;
  height: 5.8rem;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li dl {
  margin-top: 4rem;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li dl dt {
  font-weight: 600;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 2rem;
}
.company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li dl dd {
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.6;
}
.company-07 {
  background: #fff;
  color: #050505;
}
.company-07 .page-tit h2 {
  padding-top: 0;
}
.company-07 .default-table-wrap {
  margin-top: 10rem;
}
.company-07 .default-table-wrap thead tr td {
  padding: 2rem 0;
}
.company-07 .default-table-wrap tbody {
  border-top: 0.1rem solid #C9CDD6;
}
.company-07 .default-table-wrap tbody tr {
  border-bottom: 0.1rem solid #C9CDD6;
}
.company-07 .default-table-wrap tbody tr td {
  font-weight: 600;
}
.company-07 .default-table-wrap .subject .table-day {
  color: #70747D;
}
.company-07 .search-wrap {
  max-width: 48rem;
}
.company-07 h3 {
  font-weight: 600;
  font-size: 2rem;
  line-height: 140%;
  color: #70747D;
  margin-bottom: 2rem;
}
.company-07 .default-table-info-txt {
  width: 100%;
  flex-flow: column;
}
.company-07 .default-table-info-txt h4 {
  font-size: 4.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #050505;
}
.company-07 .default-table-info-txt div {
  margin-top: 2rem;
  color: #70747D;
  font-size: 1.6rem;
}
.company-07 .btn-wrap {
  margin-top: 4rem;
}
.company-07 .default-table-info-cont {
  border-color: #E5EBF4;
}
.company-07 .default-table-info-cont .table-info-cont-txt {
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
}
.company-07 .default-table-info-pages ul li {
  border-top-color: #C9CDD6;
}
.company-07 .default-table-info-pages ul li a {
  border-right-color: #C9CDD6;
}
.company-07 .default-table-info-pages ul li div {
  flex: 1 auto;
}
.company-08 {
  padding-bottom: 0;
}
.company-08 .page-tit-black {
  margin: 0 0 10rem 0;
}
.company-08 .page-desc {
  margin-bottom: 0;
}
.company-08 .contact_info_wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20rem 0;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_address {
  margin: 0 0 20rem 0;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_address h3 {
  font-family: "Pretendard";
  color: #050505;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
  opacity: 1;
  margin: 0 0 4rem 0;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_address p {
  font-family: "Pretendard";
  color: #050505;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0rem;
  color: #fff;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt {
  display: flex;
  max-width: 60rem;
  flex-wrap: wrap;
  gap: 6rem 0;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt div {
  min-width: 20rem;
  display: flex;
  flex-direction: column;
  flex: 1 1 50%;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt p {
  font-size: 1.8rem;
  color: #fff;
}
.company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt a {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  color: #fff;
}
.company-08 .contact_info_wrap .contact_info_img_box {
  width: 60.5rem;
  height: 50.5rem;
}
.company-08 .contact_info_wrap .contact_info_img_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.company-08 .contact_map_box {
  width: 100%;
  max-width: 192rem;
  margin: 0 auto;
}
.company-08 .contact_map_box iframe {
  width: 100%;
}
.company-09 .sec01 {
  margin-top: 12rem;
  margin-bottom: 5rem;
}
.company-09 .sec01 h3 {
  margin-bottom: 2rem;
  font-size: 4.2rem;
  font-weight: 600;
  opacity: 1;
}
.company-09 .sec01 p {
  font-weight: 400;
  font-size: 2.6rem;
  line-height:1.4;
}
.company-09 .sec01 div {
  margin-top: 5rem;
}
.company-09 .sec01 div p {
  font-weight: 600;
  margin-bottom: 1rem;
}
.company-09 .sec01 div div {
  font-size: 2.2rem;
  margin-top: 0;
}

.fraud-report {
  width: 100%;
  max-width: 79rem;
  margin: 0 auto;
}
.fraud-report.eng h2 {
  font-size: 5.2rem;
}
.fraud-report h2 {
  margin-bottom: 2rem;
}
.fraud-report h6 {
  font-weight: 600;
}
.fraud-report .mb6 {
  margin-bottom: 6rem;
}
.fraud-report .box-input-wrap {
  margin-top: 12rem;
}
.fraud-report .box-input-wrap h4.normal-txt {
  font-size: 3.2rem;
  font-weight: 600;
}
.fraud-report .box-input-wrap .flex-sb {
  margin-bottom: 6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fraud-report .box-input-wrap .flex-sb .title-wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.fraud-report .box-input-wrap .flex-sb .notice {
  font-weight: 600;
}
.fraud-report .box-input-wrap .box-input {
  margin-bottom: 3rem;
}
.fraud-report .box-input-wrap .box-input .input-label ~ .ico-delete {
  margin-top: 1rem;
}
.fraud-report .box-input-wrap .box-input .input-wrap .input-default {
  border-bottom: 1px solid #C9CDD6;
}
.fraud-report .textarea-wrap .input-label {
  font-size: 1.6rem;
  font-weight: 600;
  color: #050505;
}
.fraud-report .file-input-wrap .box-attach-wrap .box-attach label::after {
  content: none;
}
.fraud-report .file-input-wrap .file-desc {
  font-size: 1.4rem;
  color: #70747D;
  margin-top: 1rem;
}
.fraud-report .file-input-wrap .file-desc::before {
  content: "";
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background-color: #70747D;
  border-radius: 100%;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.fraud-report .btn-wrap.fraud-report-btn {
  margin: 6rem auto 0;
  display: flex;
  justify-content: center;
}

@media only all and (max-width: 5000px), only all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 5000px), only all and (min-device-pixel-ratio: 1.5) and (max-width: 5000px), only all and (-webkit-min-device-pixel-ratio: 2) and (max-width: 5000px), only all and (min-device-pixel-ratio: 2) and (max-width: 5000px) {
  .pc_flex {
    display: flex;
  }
  .mo_table {
    display: none;
  }
  .pc_table {
    display: block;
  }
  .mo_img {
    display: none;
  }
  .pc_img {
    display: block;
  }
  .pc-type {
    display: block;
  }
  .mobile-type {
    display: none !important;
  }
  .key_mo_img {
    display: none;
  }
  .tablet {
    display: none;
  }
  .mo_br {
    display: none;
  }
  .mobile {
    display: none !important;
  }
  .container .sub-conts {
    max-width: 160rem;
    padding: 0 3rem;
  }
  .service-10 .ch3 .flexLayout_03.slick-card-slider {
    display: none !important;
  }
  .company .flex-layout img {
    object-fit: contain;
  }
  .main_smart_factory_wrap .factory_box .factory_box_slide .factory-container .swiper-slide img {
    max-width: 100%;
    transform: scale(0.8) translateX(28.1rem);
  }
}
@media only screen and (min-width: 2560px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 2560px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 2560px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2560px), only screen and (min-device-pixel-ratio: 2) and (min-width: 2560px) {
  .mo_table {
    display: none;
  }
  .pc_table {
    display: block;
  }
  .mo_img {
    display: none;
  }
  .pc_img {
    display: block;
  }
  .pc-type {
    display: block;
  }
  .mobile-type {
    display: none;
  }
  .tablet {
    display: none;
  }
  .mo_br {
    display: none;
  }
  .mobile {
    display: none !important;
  }
  .container .sub-conts-wide .fixedVisual .visual-img {
    width: 75%;
  }
  .container .sub-conts {
    max-width: 160rem;
    padding: 0 3rem;
  }
  .company .flex-layout img {
    object-fit: contain;
  }
  .main_smart_factory_wrap .factory_box .factory_box_slide .factory-container .swiper-slide img {
    max-width: 100%;
    transform: scale(0.8) translateX(28.1rem);
  }
}
@media only all and (max-width: 2560px), only all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 2560px), only all and (min-device-pixel-ratio: 1.5) and (max-width: 2560px), only all and (-webkit-min-device-pixel-ratio: 2) and (max-width: 2560px), only all and (min-device-pixel-ratio: 2) and (max-width: 2560px) {
  .sub-conts-wide .fixedVisual .visual-img.key_mo_img {
    display: none;
  }
  .sub-conts-wide .fixedVisual .visual-img.key_pc_img {
    display: block;
  }
  .pc_flex {
    display: flex;
  }
  .mo_table {
    display: none;
  }
  .pc_table {
    display: block;
  }
  .mo_img {
    display: none;
  }
  .pc_img {
    display: block;
  }
  .pc-type {
    display: block;
  }
  .mobile-type {
    display: none !important;
  }
  .tablet {
    display: none;
  }
  .mo_br {
    display: none;
  }
  .mobile {
    display: none !important;
  }
  .container .sub-conts {
    max-width: 160rem;
    padding: 0 3rem;
  }
  .company .flex-layout img {
    object-fit: contain;
  }
  .main_smart_factory_wrap .factory_box .factory_box_slide .factory-container .swiper-slide img {
    max-width: 100%;
    transform: scale(0.8) translateX(28.1rem);
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2560px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1921px) and (max-width: 2560px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1921px) and (max-width: 2560px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1921px) and (max-width: 2560px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1921px) and (max-width: 2560px) {
  .container .sub-conts-wide .fixedVisual .visual-img {
    width: 83%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1480px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1025px) and (max-width: 1480px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1025px) and (max-width: 1480px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px) and (max-width: 1480px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px) and (max-width: 1480px) {
  html {
    font-size: 53%;
  }
  .company .company-08 .contact_map_box {
    max-width: 100%;
  }
  body #wrap #header #gnb .gnb-depth1 {
    gap: 0 4rem;
  }
  .container .sub-conts-wide .fixedVisual .visual-img.sol-img-02 {
    background-position: center;
  }
  .sub-conts-wide .fixedVisual .visual-img.sol-img-02 {
    background-position: center !important;
  }
  .sub-conts-wide .fixedVisual .visual-img.srv-img-03 {
    background-position: center !important;
  }
  .sub-conts-wide .fixedVisual .visual-img.srv-img-04 {
    background-position: center !important;
  }
  .sub-conts-wide .fixedVisual .visual-img.srv-img-05 {
    background-position: center !important;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1920px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1025px) and (max-width: 1920px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1025px) and (max-width: 1920px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1025px) and (max-width: 1920px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1025px) and (max-width: 1920px) {
  .sub-conts-wide .fixedVisual .visual-img.key_mo_img {
    display: none;
  }
  .sub-conts-wide .fixedVisual .visual-img.key_pc_img {
    display: block;
  }
  .mo_flex {
    display: none !important;
  }
  .pc_flex {
    display: flex !important;
  }
  .mo_table {
    display: none;
  }
  .pc_table {
    display: block;
  }
  .mo_img {
    display: none;
  }
  .pc_img {
    display: block;
  }
  .pc-type {
    display: block !important;
  }
  .mobile-type {
    display: none !important;
  }
  .tablet {
    display: none;
  }
  .mo_br {
    display: none;
  }
  .mobile {
    display: none !important;
  }
  .container .sub-conts {
    max-width: 160rem;
    padding: 0 6rem;
  }
  .company .flex-layout img {
    object-fit: contain;
  }
  .main_smart_factory_wrap .factory_box .factory_box_slide .factory-container .swiper-slide img {
    max-width: 100%;
    transform: scale(0.8) translateX(28.1rem);
  }
}
@media only screen and (min-width: 1300px) and (max-width: 1599px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1300px) and (max-width: 1599px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1300px) and (max-width: 1599px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1300px) and (max-width: 1599px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1300px) and (max-width: 1599px) {
  .mo_table {
    display: none !important;
  }
  .pc_table {
    display: block;
  }
  .service-03 .chart li {
    padding-bottom: 0 !important;
  }
  .service-03 .grow_wrap {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1299px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1024px) and (max-width: 1299px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1024px) and (max-width: 1299px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1299px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px) and (max-width: 1299px) {
  .sub-conts-wide .fixedVisual .visual-img.key_mo_img {
    display: none;
  }
  .sub-conts-wide .fixedVisual .visual-img.key_pc_img {
    display: block;
  }
  .pc_flex {
    display: flex;
  }
  #footer {
    padding: 10rem 6rem 4rem;
  }
  .mo_table {
    display: none;
  }
  .pc_table {
    display: block;
  }
  .mo_img {
    display: none;
  }
  .mo_br {
    display: none;
  }
  .pc_img {
    display: block;
  }
  .tablet {
    display: block;
  }
  .features-sb .slick-card-slider .card-slider-list {
    flex-wrap: wrap;
  }
  .features-sb .slick-card-slider .card-slider-list .desc {
    width: 100%;
  }
  .service .sticky-layout {
    margin-top: 8rem;
  }
  .service .sticky-layout .right .box-contents-wrap article {
    margin-bottom: 15rem;
  }
  .service .sticky-layout .right .box-contents-wrap .cont-box-tit {
    font-size: 2rem;
  }
  .service .sticky-layout .right .box-contents-wrap .ch3 .flexBox li {
    padding: 3rem 2rem;
  }
  .service .banner dl {
    padding: 8rem 3rem;
  }
  .service .banner dl dt {
    font-size: 3.6rem;
  }
  .service-02 .ch1 .cont-box img {
    margin: 0 auto;
  }
  .service-02 .ch1 .flexLayout {
    flex-direction: column;
  }
  .service-02 .ch1 .flexLayout li {
    width: 100%;
  }
  .service-03 .ch4 .cont-box .videoWrap .videoDesc {
    width: 90%;
    padding: 3rem 1.6rem 0;
  }
  .service-03 .banner-poster-list li .content .title {
    font-size: 3.2rem;
  }
  .service-03 .banner-poster-list li .content .desc {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  .service-03 .banner-poster-list li .btn-wrap .btn {
    font-size: 1.4rem;
  }
  .service-04 .flexLayout_01 li {
    padding: 3rem 2rem;
  }
  .service-09 .ch5 .wrap {
    flex-direction: column;
  }
  .service-09 .ch5 .slick-card-slider .img {
    width: 100%;
    height: auto;
    max-width: 50rem;
    margin: 0 auto;
  }
  .service-09 .ch5 .slick-card-slider .desc {
    width: 100%;
  }
  .flexLayout.flexLayout_02 li dl dt {
    font-size: 2rem !important;
    padding: 2rem 2rem;
  }
  .flexLayout.flexLayout_02 li dl dd {
    padding: 2rem;
  }
  .flexLayout.flexLayout_03 li {
    padding: 2rem;
  }
  .flexLayout.flexLayout_03 li dl {
    margin-top: 2rem;
  }
  .flexLayout.flexLayout_03 li dl dt {
    margin-bottom: 3rem;
  }
  .flexLayout.flexLayout_03 li img {
    right: 2rem !important;
    bottom: 2rem !important;
  }
  .flexLayout.flexLayout_05 li {
    padding: 2rem;
  }
  .flexLayout.flexLayout_04 .acc-conts .chart {
    flex-direction: column;
    padding: 2rem;
  }
  .flexLayout.flexLayout_04 .acc-conts .chart li {
    width: 100%;
  }
  .flexLayout.flexLayout_04 .acc-conts .chart li:last-child {
    margin-left: 0;
  }
  .flexLayout.flexLayout_06 li {
    flex-direction: column;
  }
  .flexLayout.flexLayout_06 li img {
    width: 100%;
  }
  .flexLayout.flexLayout_06 li dl {
    width: 100%;
    margin-top: 3rem;
  }
  .flexLayout.flexLayout_06 li dl dt {
    margin-bottom: 1rem;
  }
  .flexLayout.flexLayout_06 li dl dd ul > li {
    margin-bottom: 0.8rem;
  }
  .flexLayout.flexLayout_06 li dl dd:nth-of-type(1) {
    margin-bottom: 3rem;
  }
  .flexLayout.flexLayout_06 li.reverse {
    flex-direction: column;
  }
  .service-12 .ch1 .flex-sb, .service-12 .ch2 .flex-sb, .service-12 .ch3 .flex-sb {
    flex-direction: column;
  }
  .service-12 .ch1 .flex-sb .img, .service-12 .ch2 .flex-sb .img, .service-12 .ch3 .flex-sb .img {
    width: 100%;
  }
  .service-12 .ch1 .flex-sb .img img, .service-12 .ch2 .flex-sb .img img, .service-12 .ch3 .flex-sb .img img {
    margin: 0 auto;
    display: block;
  }
  .service-12 .ch1 .flex-sb .order-list-wrap, .service-12 .ch2 .flex-sb .order-list-wrap, .service-12 .ch3 .flex-sb .order-list-wrap {
    width: 100%;
    flex: 1;
  }
  .service-12 .ch1 .flex-sb .order-list-wrap + .order-list-wrap, .service-12 .ch2 .flex-sb .order-list-wrap + .order-list-wrap, .service-12 .ch3 .flex-sb .order-list-wrap + .order-list-wrap {
    margin-top: 5rem;
  }
  .service-12 .ch1 .flex-sb .order-list-wrap .order-list-bk, .service-12 .ch2 .flex-sb .order-list-wrap .order-list-bk, .service-12 .ch3 .flex-sb .order-list-wrap .order-list-bk {
    width: 100%;
  }
  body #gnb > ul {
    gap: 0 30px;
  }
  body #gnb > ul .gnb-depth1 strong a {
    font-size: 1.6rem !important;
  }
  body #wrap #header .top-util {
    gap: 0 20px;
  }
  body #wrap #header .top-util a {
    font-size: 1.2rem !important;
  }
  .top-menu.ml40 {
    margin-left: 0rem;
  }
}
@media only all and (max-width: 500px), only all and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 500px), only all and (min-device-pixel-ratio: 1.5) and (max-width: 500px), only all and (-webkit-min-device-pixel-ratio: 2) and (max-width: 500px), only all and (min-device-pixel-ratio: 2) and (max-width: 500px) {
  .sub-conts-wide .fixedVisual .visual-img.key_mo_img {
    display: block !important;
  }
  .sub-conts-wide .fixedVisual .visual-img.key_pc_img {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px) {
  .board .board-view .board-view-conts p img {
    width: 100% !important;
    height: auto !important;
  }
  .board .board-view .board-view-conts img {
    width: 100% !important;
    height: auto !important;
  }
  .board.eng .default-table-info-pages ul li a {
    min-width: 12rem;
  }
  .pagination {
    margin: 8rem 0 !important;
    align-items: center;
  }
  .pagination .paging-list {
    margin: 0;
    gap: 0 0.5rem;
  }
  .pagination .paging-list > li a {
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.2rem;
  }
  sup {
    vertical-align: revert;
  }
  .sub-conts-wide .fixedVisual .visual-img {
    background-position: center !important;
  }
  .sub-conts-wide .fixedVisual .visual-img.key_mo_img {
    display: none;
  }
  .sub-conts-wide .fixedVisual .visual-img.key_pc_img {
    display: block;
  }
  .sub-conts-wide .fixedVisual .visual-img.sol-img-01, .sub-conts-wide .fixedVisual .visual-img.sol-img-03 {
    background-position: left !important;
  }
  .sub-conts-wide .fixedVisual .visual-img.sol-img-04 {
    background-position: right !important;
  }
  .check-list-wrap {
    display: block !important;
  }
  .videoWrap .videoDesc {
    padding: 3rem 2rem;
    width: 95%;
  }
  .videoWrap .videoDesc h6 {
    font-size: 2rem;
  }
  .videoWrap .videoDesc p {
    margin-top: 3rem;
    font-size: 1.6rem;
  }
  .video_layer_popup .video-wrapper {
    position: relative;
    width: 90%;
    padding-top: 3rem;
    height: 0;
    padding-bottom: 56%;
    z-index: 10;
  }
  .video_layer_popup .video-wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .service .features-sb .slick-card-slider {
    display: block;
  }
  .service .features-sb .slick-card-slider .card-slider-list {
    flex-wrap: wrap;
  }
  .service .features-sb .slick-card-slider .card-slider-list .img {
    width: 100%;
  }
  .service .features-sb .slick-card-slider .card-slider-list .desc {
    width: 100%;
  }
  .mo_table {
    display: block;
  }
  .pc_flex {
    display: none !important;
  }
  .mo_flex {
    display: block !important;
  }
  .pc_table {
    display: none !important;
  }
  .pc_img {
    display: none;
  }
  .pc_br {
    display: none;
  }
  .mo_img {
    display: block !important;
  }
  .float-blog {
    display: none;
  }
  .float-youtube {
    display: none;
  }
  .float-instagram {
    display: none;
  }
  .banner-poster-list {
    flex-direction: column;
    gap: 2rem;
  }
  .banner-poster-list li {
    width: 100%;
  }
  .banner-poster-list li a {
    padding: 6rem 2rem;
    height: auto;
  }
  .banner-poster-list li a .content {
    padding-bottom: 4rem;
  }
  .banner-poster-list li a .content .title {
    font-size: 2rem;
  }
  .banner-poster-list li a .content .desc {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  .banner-poster-list li a .robot-content-baner {
    padding-bottom: 4rem;
  }
  .banner-poster-list li a .robot-content-baner .title {
    font-size: 2rem;
  }
  .banner-poster-list li a .robot-content-baner .desc {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  .banner-poster-list li a .btn {
    bottom: 4rem;
    left: 2rem;
    font-size: 1.4rem;
  }
  .banner-poster-list li a .btn.default02::after {
    width: 1.8rem;
    height: 1.8rem;
  }
  .banner-poster-list li a .btn-robot {
    bottom: 4rem;
    left: 2rem;
    font-size: 1.4rem;
  }
  .banner-poster-list li a .btn-robot.default02::after {
    width: 1.8rem;
    height: 1.8rem;
  }
  .chat-bot {
    bottom: 9.8rem;
    right: 1.6rem;
  }
  .chat-bot .open {
    width: 4.2rem;
    height: 4.2rem;
  }
  .chat-bot .open em {
    width: 4.2rem;
    height: 4.2rem;
    background-size: contain;
  }
  .chat-bot .open > span {
    width: 4.2rem;
    height: 4.2rem;
  }
  .chat-bot .open > span span {
    height: 4.2rem;
  }
  .float-top {
    right: 1.6rem;
    bottom: 4rem;
  }
  .float-top a {
    width: 4.2rem;
    height: 4.2rem;
  }
  .breadcrumb {
    display: none;
  }
  #wrap {
    padding-top: 0;
  }
  .depth-tit,
  .depth-tit-black {
    display: none;
  }
  .page-tit {
    margin-bottom: 8rem;
  }
  .page-tit h1 {
    font-size: 4.2rem;
  }
  .page-tit h2 {
    font-size: 1.8rem;
    padding-top: 2rem;
    font-weight: 600;
  }
  .page-tit .mo_br {
    display: block;
  }
  .page-tit-black {
    margin-bottom: 8rem;
  }
  .page-tit-black h1 {
    font-size: 4.2rem;
    margin-bottom: 2rem;
  }
  .page-tit-black h2 {
    font-size: 1.8rem;
    font-weight: 600;
  }
  .page-tit-black span {
    margin-top: 0;
    font-size: 1.2rem;
    line-height: 1.7;
  }
  .page-tit-black .mo_br {
    display: block;
  }
  .pc-type {
    display: none !important;
  }
  .mobile-type {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .mobile {
    display: block !important;
  }
  .features-sb .slick-card-slider .wrap {
    display: block;
  }
  .features-sb .slick-card-slider .img {
    width: 100%;
  }
  .features-sb .slick-card-slider .desc {
    width: 100%;
  }
  .container {
    padding: 10rem 0 0 0;
  }
  .container .sub-conts-wide .fixedVisual {
    height: 36rem;
  }
  .container .sub-conts-wide .fixedVisual .visual-img {
    width: calc(100% - 1.6rem);
    min-height: 36rem;
  }
  .container .sub-conts {
    padding: 0 1.6rem;
  }
  .container .flexLayout_04 {
    display: block;
  }
  .container .flexLayout_04 > li {
    width: 100%;
  }
  .container .flexLayout_04 > li:nth-of-type(2) {
    display: none;
  }
  .container .flexLayout_04 > li .mo-img {
    display: block !important;
    width: 100%;
    border-radius: 1rem;
    margin-bottom: 2rem;
  }
  .container .flexLayout_04 > li .acc-trigger {
    font-size: 2rem;
  }
  .container .flexLayout_04 > li .acc-conts .chart {
    flex-direction: column;
    padding: 2rem;
  }
  .container .flexLayout_04 > li .acc-conts .chart li {
    width: 100%;
    padding-bottom: 0;
  }
  .container .flexLayout_04 > li .acc-conts .chart li:last-child {
    margin-left: 0;
  }
  .container .flexLayout_04 > li .accordian {
    margin-bottom: 4rem;
  }
  .container .flexLayout_04 > li .accordian .acc-conts {
    font-size: 1.6rem;
  }
  .container .flexLayout_04 > li .accordian.type-02 {
    padding-bottom: 2rem;
  }
   .container .flexLayout_04 > li .accordian.type-aicc {
    padding-bottom: 2rem;
  }
  .container .flexLayout {
    flex-direction: column;
  }
  ul.flexLayout.flexLayout_msp {
    gap: 1rem 4rem !important;
 }
  .flexLayout_msp_five_icon {
  	 gap: 1rem 4rem !important;
  }
  .flexLayout_msp_three_icon {
  	gap: 1rem 4rem !important;
  }
  .container .flexLayout li {
    width: 100%;
  }
  .container .flexLayout_02 li dl dt {
    font-size: 2rem;
  }
  .container .flexLayout_03 li {
    padding: 2rem;
  }
  .container .flexLayout_03 li dl {
    margin-top: 2rem;
  }
  .container .flexLayout_03 li dl dt {
    margin-bottom: 2rem;
  }
  .container .flexLayout_03 li dl dd {
    font-size: 1.6rem;
    word-break: break-all;
  }
  .container .flexLayout_03 li img {
    width: 6rem !important;
    right: 2rem !important;
    bottom: 2rem !important;
  }
  .container .flexLayout_05 li {
    padding: 3rem 2rem;
  }
  .container .flexLayout_05 li dl dt {
    font-size: 3.2rem;
    margin-bottom: 3rem;
  }
  .container .flexLayout_05 li dl dd:nth-of-type(2) {
    margin-top: 1.4rem;
    font-size: 1.6rem;
  }
  .container .flexLayout_06 li {
    flex-direction: column;
  }
  .container .flexLayout_06 li img {
    width: 100%;
  }
  
  .cont-box-aieng img{
  	width: 100%;
  }
  
  .service-robot-cont .sticky-layout .ch1 .cont-box .img-tbl-robot {
  	width: 100%;
  }
  
  .img-tbl-robot-mobile{
  	width: 100%;
  	margin-top:30px;
  }
  
  .img-tbl-aieng{
  	width: 100%;
  }
  
  .table-robotic-01 tr {
     display: flex;
     flex-direction: column;
     border-top: 1px solid #eee; 
 }
  .table-robotic-01 td {
     display: block;
     width: 100%;
     box-sizing: border-box;
     border: none;
     padding-bottom: 20px !important;
  }
  .table-robotic-01 td {
  	padding-left:0px !important;
  }
  
  .table-robotic-01 td:nth-child(1) {
  	width: 100%;
  }
  
  td.icon-column {
    display: flex;
    flex-direction: column; 
    gap: 10px;             
}

 .table-robotic-02 tr {
     display: flex;
     flex-direction: column;
     border-top: 1px solid #eee; 
 }
  .table-robotic-02 td {
     display: block;
     width: 100%;
     box-sizing: border-box;
     border: none;
     padding-bottom: 20px !important;
  }
  .table-robotic-02 td {
  	padding-left:0px !important;
  }
  
  .table-robotic-02 td:nth-child(1) {
  	width: 100%;
  }
  
  td.col-with-icon {
    display: flex;
    gap: 10px;             
}

   .service-msp-cont .sticky-layout .ch1 .cont-box img{
  	/* width: 100%; */
  }
  
  .container .flexLayout_06 li dl {
    width: 100%;
  }
  .container .flexLayout_06 li dl dt {
    margin-top: 3rem;
  }
  .container .flexLayout_06 li dl dd {
    font-size: 1.6rem;
  }
  .container .flexLayout_06 li dl dd ul li {
    font-size: 1.6rem;
  }
  .cont-box-text-aieng{
  	font-size: 1.6rem;
  }
  .container .flexLayout_06 li dl dd ul li::before {
    top: 0.3rem;
  }
  .container .flexLayout_06 li dl dd:nth-of-type(1) {
    margin-bottom: 3rem;
  }
  .container .flexLayout_06 li.reverse {
    flex-direction: column;
  }
  .container .flexLayout_07 .cardList-normal {
    display: none;
  }
  .container .flexLayout_07 .cardList-swiper {
    display: block;
    overflow: hidden;
  }
  .container .flexLayout_07 .cardList-swiper .swiper-slide {
    box-sizing: border-box;
  }
  .container .flexLayout_07 .card-img-box dl {
    margin-top: 3rem;
  }
  .container .flexLayout_08 {
    grid-template-columns: repeat(auto-fit, minmax(40%, auto));
    gap: 4rem;
  }
  .container .flexLayout_08 li img {
    max-width: 100%;
  }
  .container .box-tab .tab-ctrl-tit {
    justify-content: flex-start;
    gap: 0 2rem;
    position: relative;
  }
  .container .box-tab .tab-ctrl-tit .tab-tit {
    padding: 0 1rem 0 0;
    font-size: 1.4rem;
  }
  .container .box-tab .tab-ctrl-tit .tab-btn-wrap {
    justify-content: flex-start;
    gap: 0 2rem;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .container .box-tab .tab-ctrl-tit .tab-btn-wrap li a {
    font-size: 1.4rem;
  }
  .container .box-tab .tab-ctrl-tit .service-tab-btn-wrap {
    justify-content: flex-start;
    gap: 0 2rem;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .container .box-tab .tab-ctrl-tit .service-tab-btn-wrap li a {
    font-size: 1.4rem;
  }
  .container .box-tab .tab-ctrl-tit.tab-radius .tab-btn-wrap {
    gap: 0 0.8rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .tab-btn-wrap {
    flex-wrap: initial;
    justify-content: flex-start;
    padding: 0 0 0 1.6rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .tab-btn-wrap::after {
    content: "";
    display: block;
    width: 3rem;
    height: 6rem;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: -0.1rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .service-tab-btn-wrap {
    flex-wrap: initial;
    justify-content: flex-start;
    padding: 0 0 0 1.6rem;
    margin-left: 0;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .service-tab-btn-wrap::after {
    content: "";
    display: block;
    width: 3rem;
    height: 6rem;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: -0.1rem;
  }
  
/*   tab msp 1 */
.container .box-tab .tab-ctrl-tit .tab-btn-wrap-msp1 {
    justify-content: flex-start;
    gap: 0 2rem;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .container .box-tab .tab-ctrl-tit .tab-btn-wrap-msp1 li a {
    font-size: 1.4rem;
  }
  .container .box-tab .tab-ctrl-tit.tab-radius .tab-btn-wrap-msp1 {
    gap: 0 0.8rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .tab-btn-wrap-msp1 {
    flex-wrap: initial;
    justify-content: flex-start;
    padding: 0 0 0 1.6rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .tab-btn-wrap-msp1::after {
    content: "";
    display: block;
    width: 3rem;
    height: 6rem;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: -0.1rem;
  }
  
/*   tab msp */
.container .box-tab .tab-ctrl-tit .tab-btn-wrap-msp {
    justify-content: flex-start;
    gap: 0 2rem;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  .container .box-tab .tab-ctrl-tit .tab-btn-wrap-msp li a {
    font-size: 1.4rem;
  }
  .container .box-tab .tab-ctrl-tit.tab-radius .tab-btn-wrap-msp {
    gap: 0 0.8rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .tab-btn-wrap-msp {
    flex-wrap: initial;
    justify-content: flex-start;
    padding: 0 0 0 1.6rem;
  }
  .container .box-tab.stickyTab .tab-ctrl-tit .tab-btn-wrap-msp::after {
    content: "";
    display: block;
    width: 3rem;
    height: 6rem;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    right: -0.1rem;
  }
 
 /*  tab msp */
  .images-list-wrap ul.no-result {
    flex-direction: column;
  }
  .images-list-wrap ul.no-result li {
    width: 100%;
  }
  .images-list-wrap ul.no-result li img {
    width: 100%;
    object-fit: cover;
  }
  .mo-slide-wrap {
    overflow: hidden;
  }
  .mo-slide-wrap > .flexLayout {
    display: none;
  }
  .mo-slide-wrap > .swiper-container {
    display: block;
  }
  .mo-slide-wrap > .swiper-container > .flexLayout {
    flex-direction: initial;
    gap: initial;
  }
  .eng.value .value-02 .value-02-cont ul li dl dt {
    font-size: 3rem !important;
  }
  .eng.value .value-02 .value-02-cont ul li dl dt span {
    font-size: 3rem;
    padding-right: 0.5rem;
  }
  .eng.value .value-02 .value-02-cont ul li dl dt .txt {
    font-size: 3rem;
  }
  .eng.value .value-02 .value-02-cont ul li dl dt.plus span {
    padding-left: 0 !important;
    padding-right: 3.5rem !important;
  }
  .eng.value .value-02 .value-02-cont ul li dl dt.plus span::before {
    display: none;
  }
  .eng.value .value-02 .value-02-cont ul li dl dt.plus span::after {
    position: absolute;
    top: 50%;
    display: block;
    content: "";
    right: 0;
    width: 2rem !important;
    height: 2rem !important;
    transform: translate(0, -50%);
  }
  .eng.value .value-04 .cont-tit p {
    font-size: 2.2rem !important;
  }
  .value br {
    display: none;
  }
  .value .value-01 .careerCon3 p {
    padding: 0 4.9rem;
    font-size: 4.2rem;
  }
  .value .value-01 .careerCon3 .paging {
    bottom: 4rem;
    right: 50%;
    transform: translate(50%, 0);
    flex-direction: row;
  }
  .value .value-01 .careerCon3 .paging::before, .value .value-01 .careerCon3 .paging:after {
    top: 0.95em;
    left: 3rem;
    transform: translate(0, 0);
    width: 8.2rem;
    height: 0.1rem;
  }
  .value .value-01 .careerCon3 > div[class*=con] img.pc {
    display: none;
  }
  .value .value-01 .careerCon3 > div[class*=con] img.mo {
    display: block;
  }
  .value .value-01 .careerCon3.sceneE .paging:after {
    width: 1rem;
    height: 0.1rem;
  }
  .value .value-01 .careerCon3.sceneF .paging:after {
    width: 2rem;
    height: 0.1rem;
  }
  .value .value-01 .careerCon3.sceneG .paging:after {
    width: 4rem;
    height: 0.1rem;
  }
  .value .value-01 .careerCon3.sceneH .paging:after {
    width: 6rem;
    height: 0.1rem;
  }
  .value .value-01 .careerCon3.sceneI .paging:after {
    width: 8rem;
    height: 0.1rem;
  }
  .value .value-02 {
    height: 100%;
    padding: 15rem 1.6rem 12rem;
    display: block;
  }
  .value .value-02 .value-02-cont {
    position: relative;
    top: initial;
    transform: initial;
  }
  .value .value-02 .value-02-cont h6 {
    margin-bottom: 3rem;
  }
  .value .value-02 .value-02-cont p.tit-desc {
    display: none;
  }
  .value .value-02 .value-02-cont ul {
    display: block;
  }
  .value .value-02 .value-02-cont ul li {
    margin-bottom: 8rem;
    padding: 0;
  }
  .value .value-02 .value-02-cont ul li dl {
    display: block;
  }
  .value .value-02 .value-02-cont ul li dl dt {
    font-size: 3.2rem;
    padding-left: 0;
  }
  .value .value-02 .value-02-cont ul li dl dt span {
    font-size: 8rem;
    margin-left: 0rem;
    padding-left: 3rem;
  }
  .value .value-02 .value-02-cont ul li dl dt span.txt {
    padding-left: 0rem;
  }
  .value .value-02 .value-02-cont ul li dl dt span::before {
    left: 0;
    width: 2rem;
    height: 2rem;
    transform: translate(0, -50%);
    background: url(/assets/images/subpages/mrc_smr_icon02.svg);
  }
  .value .value-02 .value-02-cont ul li dl dd {
    white-space: normal;
  }
  .value .value-02 .value-02-cont ul li dl dd span {
    font-size: 2.4rem;
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .value .value-02 .value-02-cont ul li dl dd p {
    font-size: 1.8rem;
    font-weight: 400;
  }
  .value .value-03 {
    width: 100%;
    height: initial;
    padding-top: 0;
    margin: -5rem auto 15rem;
  }
  .value .value-03 .pc-wrap {
    display: none;
  }
  .value .value-03 .cardSwiper {
    display: block;
    overflow: hidden;
  }
  .value .value-04 .cont-tit {
    padding: 0rem 1.6rem;
  }
  .value .value-04 .cont-tit h6 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 3rem;
    color: #484C51;
  }
  .value .value-04 .cont-tit p {
    font-size: 3.2rem;
    font-weight: 600;
    line-height: 140%;
    width: 100%;
  }
  .value .value-04-cont.contContainer .contWrap {
    padding: 1.6rem;
  }
  .value .value-04-cont.contContainer .contWrap .contBg {
    height: calc(100vh - 3.2rem);
    padding: 6rem 3rem;
  }
  .value .value-04-cont.contContainer .contWrap .contBg .contTxt {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    transform: initial;
  }
  .value .value-04-cont.contContainer .contWrap .contBg .contTxt .contTxtInner h3 {
    font-size: 3.2rem;
  }
  .value .value-04-cont.contContainer .contWrap .contBg .contTxt .contTxtInner p {
    width: 100%;
    font-size: 1.8rem;
  }
  .value .value-04-cont.contContainer .contWrap .contBg .contTxt .contTxtInner p.number {
    position: absolute;
    margin-top: 0rem;
    bottom: 0rem;
  }
  .value .value-04-cont.contContainer .contWrap .contBg .number {
    left: 3rem;
    bottom: 6rem;
    font-size: 4.2rem;
    transform: translateX(0);
    padding: 0;
  }
  .value .value-04-cont.contContainer .contWrap .contBg.contBg1 {
    background-image: url(/assets/images/subpages/mrc_smr_01_moImg_11.png);
  }
  .value .value-04-cont.contContainer .contWrap .contBg.contBg2 {
    background-image: url(/assets/images/subpages/mrc_smr_01_moImg_12.png);
  }
  .value .value-04-cont.contContainer .contWrap .contBg.contBg3 {
    background-image: url(/assets/images/subpages/mrc_smr_01_moImg_13.png);
  }
  .value .value-04-cont.contContainer .contWrap .contBg.contBg4 {
    background-image: url(/assets/images/subpages/mrc_smr_01_moImg_14.png);
  }
  .value .value-05 {
    margin: 13.4rem auto 15rem;
    padding: 0 1.6rem;
  }
  .value .value-05 .cont-tit h6 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 3rem;
    color: #484C51;
  }
  .value .value-05 .cont-tit p {
    font-size: 3.2rem;
    line-height: 140%;
    width: 100%;
  }
  .value .value-05-cont {
    display: block;
  }
  .value .value-05-cont .side-img {
    display: none;
  }
  .value .value-05-cont ul.flexLayout_04 li {
    width: 100%;
  }
  .value .value-05-cont .accordian .acc-trigger {
    font-size: 2rem;
    line-height: 170%;
  }
  .value .value-05-cont .accordian .acc-conts img.mo-img {
    display: block;
    opacity: 1;
    width: 100%;
    margin: 0 auto 2rem auto;
    border-radius: 1rem;
  }
  .customer-01 .page-desc {
    margin-bottom: 15rem;
  }
  .customer-01 .page-desc > h3 {
    font-size: 1.4rem;
  }
  .customer-01 .page-desc > h4 {
    font-size: 2.4rem;
  }
  .customer-01 .default-table-info-cont {
    margin-top: 2rem;
    padding: 3rem 0;
  }
  .customer-01 .default-table-info-cont p {
    line-height: 170%;
  }
  .customer-02 > .twin {
    display: block;
    gap: initial;
  }
  .customer-02 > .twin .library-menu {
    display: none;
  }
  .customer-02 > .twin .library-menu.on {
    display: block;
    width: 100%;
    max-width: initial;
    border-radius: 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 105;
    overflow-y: scroll;
  }
  .customer-02 > .twin section {
    width: 100%;
  }
  .company-03 .company-03-history .sticky-layout nav ul li a.on {
    font-size: 3.4rem;
  }
  .table_bottom {
    max-width: 15rem;
    margin-top: 4rem;
  }
  .service .sticky-layout {
    display: block;
    margin-top: 8rem;
  }
  .service .sticky-layout > nav {
    display: none;
  }
  .service .sticky-layout .right {
    width: 100%;
  }
  .service .sticky-layout .right .box-contents-wrap article {
    margin-bottom: 15rem;
  }
  .service .sticky-layout .right .box-contents-wrap article .cont-box-tit {
    font-size: 2rem;
  }
  .service .sticky-layout .right .box-contents-wrap article .tit-box h4 {
    font-size: 2.4rem;
  }
  .service .sticky-layout .right .box-contents-wrap article .tit-box p {
    font-size: 1.8rem;
    margin-top: 2rem;
  }
  
  .equipment-sub-title  {
    font-size: 1.8rem !important;
    margin-top: 2rem;
    color: #484C51;
  }
  
  .equipment-text-title{
  	 font-size: 2.4rem !important;
  }
  
  .equipment-sub-title-two{
  	font-size: 1.8rem !important;
    margin-top: 2rem;
    color: #484C51;
  }
  
  .service .sticky-layout .right .box-contents-wrap article .cont-box {
    margin-top: 6rem;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 {
    display: block;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 li {
    padding: 3rem 2rem;
    width: 100%;
    margin-bottom: 6.5rem;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 li .cont-box-tit {
    font-size: 2rem;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 li dl {
    margin-top: 2rem;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 li dl dt {
    margin-bottom: 1.4rem;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 li dl dd {
    font-size: 1.4rem;
  }
  .service .sticky-layout .right .ch1 .flexLayout_03 li:last-child {
    margin-bottom: 0;
  }
  .service .sticky-layout .right .ch2 .flexLayout_02 {
    display: block;
  }
  .service .sticky-layout .right .ch2 .flexLayout_02 li {
    width: 100%;
    margin-bottom: 4rem;
  }
  .service .sticky-layout .right .ch2 .flexLayout_02 li dl dt {
    padding: 1.4rem 0;
  }
  .service-aieng .sticky-layout .right .ch1 .flexLayout_02 li dl dt {
    padding: 1.4rem 0;
  }
  .service .sticky-layout .right .ch2 .flexLayout_02 li dl dt .cont-box-tit {
    font-size: 2rem;
  }
  .text-robot-autonomous{
    font-size: 2rem;
  }
  .robot-label-flex02 {
    align-content: center;
    height: auto;
 }
  .service .sticky-layout .right .ch2 .flexLayout_02 li dl dd {
    padding: 2rem;
  }
  .service .sticky-layout .right .ch2 .flexLayout_02 li dl dd li {
    margin-bottom: 0.8rem;
    font-size: 1.6rem;
  }
  
   .service-aieng .sticky-layout .right .ch1 .flexLayout_02 li dl dd {
  	padding: 2rem;
  }
  
   .service-aieng .sticky-layout .right .ch1 .flexLayout_02 li dl dd li {
  	 margin-bottom: 0.8rem;
     font-size: 1.6rem;
  }
 
  .service .sticky-layout .right .ch3 .cont-box {
    overflow: hidden;
  }
  .service .service-msp .sticky-layout .right .ch3 .cont-box {
  	overflow: visible !important;
  }
  .service .sticky-layout .right .ch3 .cont-box ul.flexBox {
    display: none;
  }
  .service .sticky-layout .right .ch3 .cont-box .slider-list-load {
    display: block;
  }
  .service .sticky-layout .right .ch3 .cont-box .slider-list-load .slick-card-slider li {
    border: 0.1rem solid #C9CDD6;
    width: 100%;
    border-radius: 1rem;
    min-height: 30rem;
    width: 90%;
    padding: 2rem;
  }
  .service .sticky-layout .right .ch3 .cont-box .slider-list-load .slick-card-slider li span {
    margin-bottom: 1rem;
  }
  .service .sticky-layout .right .ch3 .cont-box .slider-list-load .slick-card-slider li dl dt {
    margin-bottom: 2rem;
  }
  .service .sticky-layout .right .ch3 .cont-box .slider-list-load .slick-card-slider li dl dd {
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
  }
  .service .sticky-layout .right .ch4 .flexLayout_03 {
    display: block;
  }
  .service .sticky-layout .right .ch4 .flexLayout_03 li {
    width: 100%;
    padding: 2rem;
    margin-bottom: 4rem;
  }
  .service .sticky-layout .right .ch5 .flexLayout_04 {
    display: block;
  }
  .service .sticky-layout .right .ch5 .flexLayout_04 > li {
    width: 100%;
  }
  .service .sticky-layout .right .ch5 .flexLayout_04 > li:nth-of-type(2) {
    display: none;
  }
  .service .sticky-layout .right .ch5 .flexLayout_04 > li .mo-img {
    display: block;
    width: 100%;
    border-radius: 1rem;
    margin-bottom: 2rem;
  }
  .service .sticky-layout .right .ch5 .flexLayout_04 > li .acc-trigger {
    font-size: 2rem;
  }
  .service .sticky-layout .right .banner {
    display: none;
  }
  .service .service-01 .ch1 .cont-box .flexLayout_03 li {
    margin-bottom: 4rem;
  }
  .service .service-01 .ch1 .cont-box .flexLayout_03 li:nth-child(1) {
    margin-bottom: 6.5rem;
  }
  .service .service-01 .ch1 .cont-box .flexLayout_03 li:nth-child(3) {
    margin-bottom: 6.5rem;
  }
  .service .service-01 .ch1 .cont-box .flexLayout_03 li dl dt {
    font-size: 1.6rem;
  }
  .service .service-01 .ch1 .cont-box .flexLayout_03 li dl dd {
    font-size: 1.6rem;
  }
  .service .service-01 .ch4 .cont-box .flexLayout_03 li dl dt {
    margin-bottom: 3rem;
  }
  .service .service-02 .banner {
    display: block !important;
    margin-top: 0 !important;
  }
  .service .service-02 .banner dl {
    padding: 8rem 2rem;
  }
  .service .service-02 .banner dl dt {
    font-size: 2.4rem;
  }
  .service .service-02 .banner dl dd {
    font-size: 1.6rem;
  }
  .service .service-02 .flexLayout_05 li dl dt {
    margin-bottom: 3rem;
    font-size: 3.2rem;
  }
  .service .service-02 .flexLayout_05 li dl dd:nth-of-type(2) {
    font-size: 1.6rem;
    margin-top: 1.4rem;
  }
  .service .service-02 .ch5 .mobile-type > img {
    width: 100%;
    max-width: 78.6rem;
    margin: 0 auto;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 {
    margin-top: 6rem;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li {
    background: #fff;
    border: 0.1rem solid #C9CDD6;
    border-radius: 1rem;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li > img {
    margin: 0 auto;
    display: block;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li dl {
    margin-top: 1rem;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li dl dt {
    text-align: center;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li dl dd:last-of-type {
    margin-bottom: 0;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li:nth-of-type(2) dd {
    padding-left: 0;
  }
  .service .service-02 .ch5 .mobile-type > .flexLayout_03 li:nth-of-type(2) dd::before {
    display: none;
  }
  .service .service-02 .ch5 .mobile-type .notice {
    font-size: 1.4rem;
    color: #70747D;
  }
  .service .service-02 .ch5 .mobile-type .notice + .notice {
    margin-top: 0.4rem;
  }
  .service .service-02 .ch6 .flexLayout_04 .acc-conts .chart {
    padding: 2rem;
    row-gap: 2rem;
  }
  .service .service-02 .ch6 .flexLayout_04 .acc-conts .chart li {
    padding-bottom: 0;
  }
  .service .service-03 .ch1 .cont-box img {
    margin: 0 auto;
  }
  .service .service-03 .ch1 .flexLayout_05 li {
    width: 100%;
  }
  .service .service-03 .ch4 .cont-box .videoWrap .videoDesc {
    width: 90%;
    padding: 3rem 1.6rem 0;
  }
  .service .service-03 .ch4 .cont-box .videoWrap .videoDesc h6 {
    font-size: 2rem;
  }
  .service .service-03 .ch4 .cont-box .videoWrap .videoDesc p {
    margin-top: 3rem;
    font-size: 1.6rem;
    word-break: break-all;
  }
  .service .service-04 .flexLayout_08 {
    grid-template-columns: repeat(auto-fit, minmax(40%, auto));
    gap: 4rem;
  }
  .service .service-04 .flexLayout_08 li img {
    max-width: 100%;
  }
  .service .service-04 .ch7 > .banner {
    display: block !important;
  }
  .service .service-04 .ch7 > .banner dl {
    padding: 6rem 2rem;
    height: auto;
  }
  .service .service-04 .ch7 > .banner dl dt {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box {
    display: block;
    margin-top: 6rem;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li + li {
    margin-top: 4rem;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li dl {
    border-radius: 1rem;
    padding: 3rem 2rem;
    background: #F4F4F4;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li dl dt {
    font-size: 2rem;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 3rem;
    text-align: center;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li dl dd {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #484C51;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li dl dd .tip {
    color: #050505;
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li .notice {
    margin-top: 1rem;
    font-size: 1.4rem;
    color: #70747D;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box ul li .notice span {
    font-weight: 600;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box dl.desc {
    margin-left: auto;
    margin-top: 0.8rem;
    font-size: 1.4rem;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj .txt-box dl.desc dt {
    font-weight: 600;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj:nth-of-type(2) {
    margin-top: 15rem;
  }
  .service .service-05 .ch1 .cont-box .cont-box-obj:nth-of-type(2) p {
    font-size: 2rem;
  }
  .service .service-05 .ch2 {
    margin-top: 15rem;
  }
  .service .service-05 .ch3 .diagram {
    padding: 0;
    max-width: 50rem;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  .service .service-05 .ch4 .flexLayout_09 li {
    gap: 2rem;
    padding: 2rem;
  }
  .service .service-05 .ch4 .flexLayout_09 li img {
    all: revert; 
    width: 6rem !important;
  }
  
  .service-aieng .ch4 .flexLayout_09 li img {
    all: revert; 
    width: 6rem !important;
  }
  
   .service-aieng .ch4 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
  
  .service-aieng .ch4 .flexLayout_09 li p span {
    font-size: 1.4rem;
  }
  
  .service-aieng .ch4 .flexLayout_09 li {
    gap: 2rem;
    padding: 2rem;
  }
  
 /*  service-robot */
   .service-robot .ch5 .flexLayout_09 li img {
    all: revert; 
    width: 6rem !important;
  }
   .service-robot .ch5 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
   .service-robot .ch5 .flexLayout_09 li {
    gap: 2rem;
    padding: 2rem;
  }
  
 /*  infra */
   .service-07 .ch4 .flexLayout_09 li img {
    all: revert; 
    width: 6rem !important;
  }
   .service-07 .ch4 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
   .service-07 .ch4 .flexLayout_09 li {
    gap: 2rem;
    padding: 2rem;
  }
  .service-07 .ch4 .flexLayout_09 li p span {
    font-size: 1.4rem;
  }
  
 /*  plm */
  .service-plm .ch4 .flexLayout_09 li img {
    all: revert; 
    width: 6rem !important;
  }
   .service-plm .ch4 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
   .service-plm .ch4 .flexLayout_09 li {
    gap: 2rem;
    padding: 2rem;
  }
  .service-plm .ch4 .flexLayout_09 li p span {
    font-size: 1.4rem;
  }
  
/*  aicc, scm, srm,crm */
  .service-aicc .ch4 .flexLayout_09 li img {
    all: revert; 
    width: 6rem !important;
  }
   .service-aicc .ch4 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
   .service-aicc .ch4 .flexLayout_09 li {
    gap: 2rem;
    padding: 2rem;
  }
  .service-aicc .ch4 .flexLayout_09 li p span {
    font-size: 1.4rem;
  }
  
  .service-05-cont article.ch2 ul.flexLayout_02 li:first-child p{
  	margin: 0.8rem;
  }
  
  .service .service-05 .ch4 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
  
   .service .service-05 .ch4 .flexLayout_09 li.li-span-equipment {
    all: revert; 
    gap: 1rem !important;
/*     padding: 2rem; */
	font-size: 1.4rem !important;
  }
 
  .service .service-06 .ch1 .flexLayout_01 {
    gap: 4rem 0;
  }
  .service .service-06 .ch1 .flexLayout_01 li {
    padding: 3rem 2rem;
  }
  .service .service-06 .ch1 .flexLayout_01 li:last-child {
    margin-top: 0;
  }
  .service .service-06 .ch1 .flexLayout_01 li .notice {
    bottom: -4rem;
  }
  .service .service-06 .ch2 .tab-contents-wrap .innerWrap:nth-of-type(2) .innerConts div:nth-of-type(4) {
    margin-top: 12rem !important;
  }
  .service .service-06 .ch2 .tab-contents-wrap .innerWrap p {
    font-size: 1.6rem;
  }
  .service .service-06 .ch3 .flexLayout_02 li dl dd {
    padding: 2rem;
  }
  .service .service-06 .ch3 .flexLayout_02 li dl dd ul li {
    font-size: 1.6rem;
  }
  .service .service-06 .ch4 .videoWrap .videoDesc {
    padding: 3rem 1.6rem !important;
    max-width: 90%;
  }
  .service .service-06 .ch4 .videoWrap .videoDesc span {
    margin-bottom: 0.5rem;
  }
  .service .service-06 .ch4 .videoWrap .videoDesc p {
    margin-top: 3rem;
  }
  .service .service-06 .ch6 .flexLayout_09 li {
    column-gap: 1.4rem;
  }
  .service .service-06 .ch6 .flexLayout_09 li img {
    width: 6rem;
  }
  .service .service-06 .ch6 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
/*   robotics */
  .service .service-robot .ch1 .flexLayout_01 {
    gap: 4rem 0;
  }
  .service .service-robot .ch1 .flexLayout_01 li {
    padding: 3rem 2rem;
  }
  .service .service-robot .ch1 .flexLayout_01 li:last-child {
    margin-top: 0;
  }
  .service .service-robot .ch1 .flexLayout_01 li .notice {
    bottom: -4rem;
  }
  .service .service-robot .ch2 .tab-contents-wrap .innerWrap:nth-of-type(2) .innerConts div:nth-of-type(4) {
    margin-top: 12rem !important;
  }
  .service .service-robot .ch2 .tab-contents-wrap .innerWrap p {
    font-size: 1.6rem;
  }
  .service .service-robot .ch3 .flexLayout_02 li dl dd {
    padding: 2rem;
  }
  .service .service-robot .ch3 .flexLayout_02 li dl dd ul li {
    font-size: 1.6rem;
  }
  .service .service-robot .ch4 .videoWrap .videoDesc {
    padding: 3rem 1.6rem !important;
    max-width: 90%;
  }
  .service .service-robot .ch4 .videoWrap .videoDesc span {
    margin-bottom: 0.5rem;
  }
  .service .service-robot .ch4 .videoWrap .videoDesc p {
    margin-top: 3rem;
  }
  .service .service-robot .ch6 .flexLayout_09 li {
    column-gap: 1.4rem;
  }
  .service .service-robot .ch6 .flexLayout_09 li img {
    width: 6rem;
  }
  .service .service-robot .ch6 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
/*   robotics */
 /*  msp */
  .service .service-msp .ch1 .flexLayout_01 {
    gap: 4rem 0;
  }
  .service .service-msp .ch1 .flexLayout_01 li {
    padding: 3rem 2rem;
  }
  .service .service-msp .ch1 .flexLayout_01 li:last-child {
    margin-top: 0;
  }
  .service .service-msp .ch1 .flexLayout_01 li .notice {
    bottom: -4rem;
  }
  .service .service-msp .ch2 .tab-contents-wrap .innerWrap:nth-of-type(2) .innerConts div:nth-of-type(4) {
    margin-top: 12rem !important;
  }
  .service .service-msp .ch2 .tab-contents-wrap .innerWrap p {
    font-size: 1.6rem;
  }
  .service .service-msp .ch3 .flexLayout_02 li dl dd {
    padding: 2rem;
  }
  .service .service-msp .ch3 .flexLayout_02 li dl dd ul li {
    font-size: 1.6rem;
  }
  .service .service-msp .ch4 .videoWrap .videoDesc {
    padding: 3rem 1.6rem !important;
    max-width: 90%;
  }
  .service .service-msp .ch4 .videoWrap .videoDesc span {
    margin-bottom: 0.5rem;
  }
  .service .service-msp .ch4 .videoWrap .videoDesc p {
    margin-top: 3rem;
  }
  .service .service-msp .ch6 .flexLayout_09 li {
    column-gap: 1.4rem;
  }
  .service .service-msp .ch6 .flexLayout_09 li img {
    width: 6rem;
  }
  .service .service-msp .ch6 .flexLayout_09 li p {
    font-size: 1.6rem;
  }
  /* msp */
  .service .service-07 .ch2 .cont-box ul {
    flex-direction: column;
    gap: 6rem;
  }
  .service .service-07 .ch2 .cont-box ul li {
    width: 100%;
  }
  .service .service-07 .ch2 .cont-box ul li img {
    width: 100%;
  }
  .service .service-07 .ch2 .cont-box ul li p {
    min-height: 0;
    height: auto;
    padding: 2rem;
    font-size: 1.6rem;
  }
  .service .service-07 .ch4 .flexLayout_03 li dl {
    margin-top: 0;
  }
  
 /* aicc */
  .service .service-aicc .ch2 .cont-box ul {
    flex-direction: column;
    gap: 6rem;
  }
  .service .service-aicc .ch2 .cont-box ul li {
    width: 100%;
  }
  .service .service-aicc .ch2 .cont-box ul li img {
    width: 100%;
  }
  .service .service-aicc .ch2 .cont-box ul li p {
    min-height: 0;
    height: auto;
    padding: 2rem;
    font-size: 1.6rem;
  }
  .service .service-aicc .ch4 .flexLayout_03 li dl {
    margin-top: 0;
  }
/*  --- */
/* plm */
  .service .service-plm .ch2 .cont-box ul {
    flex-direction: column;
    gap: 6rem;
  }
  .service .service-plm .ch2 .cont-box ul li {
    width: 100%;
  }
  .service .service-plm .ch2 .cont-box ul li img {
    width: 100%;
  }
  .service .service-plm .ch2 .cont-box ul li p {
    min-height: 0;
    height: auto;
    padding: 2rem;
    font-size: 1.6rem;
  }
  .service .service-plm .ch4 .flexLayout_03 li dl {
    margin-top: 0;
  }
/*  --- */
  .service-08-cont article.ch5 .top ul {
    flex-direction: row;
  }
  .service-08-cont article.ch5 .top ul li {
    flex: none;
    width: 100%;
  }
  .service-08-cont article.ch5 .top ul li.circle {
    position: initial;
    transform: initial;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  .service-08-cont .customers-logo-wrap .customers-logo-list {
    flex-wrap: wrap;
    gap: 2rem 2%;
  }
  .service-08-cont .customers-logo-wrap .customers-logo-list li {
    width: 48%;
  }
  .service .service-09 .top-desc > h6 {
    font-size: 2.4rem;
  }
  .service .service-09 .top-desc > p {
    font-size: 1.8rem;
    margin: 2rem 0 0 0;
  }
  .service .service-09 .ch1 .box-tab .tab-btn-wrap li {
    padding: 2rem 1.2rem;
  }
  .service .service-09 .ch1 .box-tab .tab-btn-wrap li > a {
    font-size: 1.6rem;
  }
  .service .service-09 .ch1 .box-tab .tab-contents-wrap .innerWrap > ul {
    display: block;
  }
  .service .service-09 .ch1 .box-tab .tab-contents-wrap .innerWrap > ul li {
    width: 100%;
    padding: 2rem;
  }
  .service .service-09 .ch1 .box-tab .tab-contents-wrap .innerWrap > ul li:last-child {
    border-left: none;
  }
  .service .service-09 .ch2 .cont-box > .chart-img-box {
    display: block;
  }
  .service .service-09 .ch2 .cont-box > .chart-img-box .txt {
    margin-top: 6rem;
  }
  .service .service-09 .ch3 .cont-box .diagram-wrap ul.flexLayout_01 li {
    flex: none;
    width: 100% !important;
  }
  .service .service-09 .ch5 .wrap {
    flex-direction: column;
    gap: 3rem;
  }
  .service .service-09 .ch5 .slick-card-slider .img {
    width: 90%;
    height: auto;
    max-width: 50rem;
    margin: 0 auto;
  }
  .service .service-09 .ch5 .slick-card-slider .desc {
    width: 90%;
    margin-top: 3rem;
  }
  .service .service-09 .ch5 .slick-card-slider .desc dl dd {
    margin-top: 3rem;
  }
  .service .service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul {
    display: block;
  }
  .service .service-09 .ch5 .innerConts.tableSwiper > .swiper-wrapper .swiperContents ul li dl dt {
    font-size: 2rem;
  }
  .service .service-10 .flexLayout_11 {
    gap: 2rem;
  }
  .service .service-10 .flexLayout_11 li p {
    padding: 2rem;
    height: auto;
  }
  .service .service-10 .ch3 .flexLayout_03.slick-card-slider {
    display: block !important;
  }
  .service .service-12 .ch1 .cont-box .desc-cont.flex-sb {
    flex-direction: column;
    gap: 4rem !important;
  }
  .service .service-12 .ch1 .cont-box .desc-cont.flex-sb .mo-touch-scroll img {
    max-width: 100% !important;
  }
  .service .service-12 .ch1 .cont-box .desc-cont .order-list-wrap {
    width: 100%;
  }
  .service .service-12 .ch1 .cont-box .desc-cont .order-list-wrap .order-list-bk {
    width: 100%;
  }
  .service .service-12 .ch2 .cont-box .desc-cont.flex-sb {
    flex-direction: column;
    gap: 4rem !important;
  }
  .service .service-12 .ch2 .cont-box .desc-cont.flex-sb .img {
    width: 100%;
    max-width: 34.5rem;
    margin: 0 auto 0 auto;
  }
  .service .service-12 .ch2 .cont-box .desc-cont.flex-sb .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .service .service-12 .ch2 .cont-box .desc-cont .order-list-wrap {
    width: 100%;
  }
  .service .service-12 .ch2 .cont-box .desc-cont .order-list-wrap .order-list-bk {
    width: 100%;
  }
  .service .service-12 .ch3 .cont-box .desc-cont.flex-sb {
    flex-direction: column;
    gap: 4rem !important;
  }
  .service .service-12 .ch3 .cont-box .desc-cont.flex-sb .img {
    width: 100%;
    max-width: 34.5rem;
    margin: 0 auto 0 auto;
  }
  .service .service-12 .ch3 .cont-box .desc-cont.flex-sb .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .service .service-12 .ch3 .cont-box .desc-cont .order-list-wrap {
    width: 100%;
  }
  .service .service-12 .ch3 .cont-box .desc-cont .order-list-wrap .order-list-bk {
    width: 100%;
  }
  .service .service-12 .ch4 .cont-box ul.flexLayout_06 li dl {
    margin-top: 4rem;
  }
  .service .service-12 .ch5 .flexLayout_09 li {
    gap: 1rem;
  }
  .service .service-12 .ch5 .flexLayout_09 img {
    width: 6rem;
  }
  .service .service-12 .ch5 .flexLayout_09 p {
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .service .service-13 .ch2 .cont-box ul {
    flex-direction: column;
    gap: 6rem;
  }
  .service .service-13 .ch2 .cont-box ul li {
    min-height: auto;
  }
  .service .service-13 .ch2 .cont-box ul li img {
    height: auto;
  }
  .service .service-13 .ch2 .cont-box ul li p {
    padding: 2rem 2.6rem;
  }
  .service .service-13 .ch3 ul.flexLayout_01 > li {
    width: 100%;
    flex: none;
    border: none !important;
    min-height: 28rem !important;
  }
  .service .service-13 .ch3 ul.flexLayout_01 > li dl dd.mt40 {
    margin-top: 3rem !important;
    font-size: 1.6rem !important;
  }
  .service .service-13 .ch3 ul.flexLayout_01 .slick-dots {
    padding: 0;
  }
  .service .service-13 .ch3 ul.flexLayout_01.slick-card-slider .card-slider-list {
    width: 100%;
    background: #F4F4F4;
    border-radius: 1rem;
    padding: 3rem 2rem;
    text-align: center;
    min-height: 21.4rem;
  }
  .service .service-13 .ch3 ul.flexLayout_01.slick-card-slider .card-slider-list .cont-box-tit {
    font-size: 2rem;
    font-weight: 600;
    padding-bottom: 2rem;
  }
  .service .service-13 .ch3 ul.flexLayout_01.slick-card-slider .card-slider-list dl {
    border-top: 0.1rem solid #C9CDD6;
    width: 100%;
  }
  .service .service-13 .ch3 ul.flexLayout_01.slick-card-slider .card-slider-list dl dd {
    text-align: left;
    padding-top: 3rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
  }
  .service .service-13 .ch3 .top-table {
    margin-top: 0;
  }
  .service .service-13 .ch6 ul.flexLayout_03 {
    gap: 4rem;
  }
  .service .service-13 .ch6 ul.flexLayout_03 li {
    width: 100%;
  }
  .service .service-15 .banner-poster-list {
    margin-top: 15rem;
  }
  .service .service-16 .check-list .reset_box {
    background: none;
    padding: 0;
  }
  .service .service-16 .check-list .reset_box::before {
    display: none;
  }
  .service .service-16 .check-list .reset_box .list_info_txt_box span {
    font-size: 1.2rem;
    font-weight: 400;
    color: #70747D;
    line-height: 1.4;
  }
  .service .service-18 .bettery_list_wrap {
    margin-bottom: 6rem;
  }
  .service .service-18 .banner-poster-list {
    margin-top: 15rem;
  }
  .service .service-19 .banner-poster-list {
    margin-top: 15rem;
  }
  .service .service-19 .ch4 .cont-box .flexLayout_08 li.logo_li {
    grid-column: 1/3;
  }
  .service .service-20 .banner-poster-list {
    margin-top: 15rem;
  }
  .service .service-21 .flexLayout_11 {
    gap: 2rem;
  }
  .service .service-21 .flexLayout_11 li p {
    padding: 2rem;
    height: auto;
  }
  .service .service-21 .ch3 .flexLayout_03.slick-card-slider {
    display: block !important;
  }
  .service .service-21 .ch5 {
    padding-bottom: 0rem;
  }
  .service .service-23 article.ch2 .flexLayout_13 > li div {
	height: auto;
  }
  
  .service.eng .service-09 .ch1 .box-tab .tab-btn-wrap li {
    min-height: 13.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .service.eng .service-11 li p {
    height: auto !important;
  }
  .company .sub-conts {
    margin: 0 auto;
  }
  .company-01 .page-tit-black h2 {
    font-weight: 400;
  }
  .company-01 .sec01 {
    margin-top: 8rem;
  }
  .company-01 .sec01 .page-desc-black {
    margin-bottom: 15rem;
  }
  .company-01 .sec01 .page-desc-black h3 {
    margin-bottom: 2rem;
    font-size: 3.2rem;
    font-weight: 800;
  }
  .company-01 .sec01 .page-desc-black p {
    font-size: 2.4rem;
    line-height: 1.7;
  }
  .company-01 .sec01 .page-desc-black dl dt {
    font-size: 2rem;
  }
  .company-01 .sec01 .page-desc-black dl dd {
    font-size: 1.6rem;
    line-height: 2;
  }
  .company-01 .sec01 .page-desc-black dl dd.mb20 {
    position: relative;
    padding-top: 4rem;
    margin-bottom: 3rem;
  }
  .company-01 .sec01 .page-desc-black dl dd.mb20::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 4rem;
    border-top: 1px solid #fff;
  }
  .company-01 .sec02 .page-tit-black .imgWrap {
    background-position: center;
    max-width: 100%;
    height: 36rem;
  }
  .company-01 .sec02 .page-tit-black .imgWrap .txtWrap {
    max-width: 30.6rem;
    text-align: center;
    transform: translate(-50%, -50%);
  }
  .company-01 .sec02 .page-tit-black .imgWrap .txtWrap h2 {
    font-size: 3.2rem;
  }
  .company-01 .sec02 .page-tit-black .imgWrap .txtWrap p {
    font-size: 2.4rem;
  }
  .company-01 .sec02 .countNumContainer {
    margin: 15rem 0;
  }
  .company-01 .sec02 .countNumContainer::after {
    top: auto;
    bottom: 0;
    width: 19rem;
    height: 20.3rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox {
    display: block;
    margin-top: 6rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox .section-desc dt {
    font-size: 2.4rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox .section-desc dd {
    margin-top: 2rem;
    font-weight: 400;
    font-size: 1.8rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul {
    display: flex;
    flex-direction: column;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul li {
    margin-bottom: 4rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul li:nth-of-type(2) {
    order: 1;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul li:nth-of-type(4) {
    order: 2;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul li:nth-of-type(-n+2) {
    margin-bottom: 4rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul li dl dt {
    font-size: 2.4rem;
  }
  .company-01 .sec02 .countNumContainer .countNumBox ul li dl dt .countNum {
    font-size: 4.2rem;
  }
  .company-01 .sec02 .countNumContainer .slo dl {
    margin-bottom: 4rem;
  }
  .company-01 .sec02 .countNumContainer .slo dl dt {
    font-size: 2.4rem;
  }
  .company-01 .sec02 .countNumContainer .slo dl dd {
    font-size: 1.8rem;
  }
  .company-01 .sec02 .countNumContainer .slo p {
    font-size: 1.8rem;
    line-height: 170%;
  }
  .company-01 .sec03 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
  }
  .company-01 .sec03 .sub-conts {
    padding: 0 1.6rem;
  }
  .company-01 .sec03 .section-desc {
    margin-bottom: 6em;
  }
  .company-01 .sec03 .section-desc dt {
    font-size: 2.4rem;
  }
  .company-01 .sec03 .section-desc dd {
    margin-top: 2rem;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.7;
  }
  .company-01 .sec03 .sec03_slider {
    display: none;
  }
  .company-01 .sec03 .sec03_swiper {
    display: block;
  }
  .company-01 .sec03 .sec03_swiper .table_bottom {
    position: relative;
    width: 100%;
    max-width: 17rem;
    height: 3rem;
    margin: 4.5rem auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 1.5rem;
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .swiper-pagination {
    background-color: #fff;
    position: initial;
    width: initial;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-color: transparent;
    margin: 0.4rem 0 0 0;
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .swiper-pagination .swiper-pagination-bullet {
    text-align: center;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    background-color: #fff;
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .swiper-pagination .swiper-pagination-bullet-active {
    width: 1.4rem;
    margin-left: 0 !important;
    border-radius: 50rem;
    background-color: #fff;
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .table_button_next_bottom {
    position: inherit;
    width: 1.6rem;
    height: 1.6rem;
    background: url(/assets/images/subpages/mrc_cmy_01_arrow_next_bottom.svg);
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .table_button_next_bottom::after {
    content: none;
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .table_button_prev_bottom {
    position: inherit;
    width: 1.6rem;
    height: 1.6rem;
    background: url(/assets/images/subpages/mrc_cmy_01_arrow_prev_bottom.svg);
  }
  .company-01 .sec03 .sec03_swiper .table_bottom .table_button_prev_bottom::after {
    content: none;
  }
  .company-01 .sec03 .sec03_swiper .companyList-swiper li {
    height: 39.5rem;
    padding: 3rem 2rem;
    background: rgba(5, 5, 5, 0.3);
    backdrop-filter: blur(1.3rem);
    border-radius: 1rem;
    position: relative;
  }
  .company-01 .sec03 .sec03_swiper .companyList-swiper li dl dt {
    opacity: 0.6;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 1rem;
  }
  .company-01 .sec03 .sec03_swiper .companyList-swiper li dl dd {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.4;
    text-transform: uppercase;
    margin-bottom: 4rem;
  }
  .company-01 .sec03 .sec03_swiper .companyList-swiper li p {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .company-01 .sec03 .sec03_swiper .companyList-swiper li img {
    display: block;
    position: absolute;
    right: 4rem;
    bottom: 2rem;
  }
  .company-01 .sec03 .sec03_flex {
    margin: 8rem 0 15rem;
  }
  .company-01 .sec03 .sec03_flex h3 {
    font-size: 1.8rem;
    line-height: 1.7;
  }
  .company-01 .sec03 .sec03_flex ul {
    display: block;
    margin-top: 4rem;
  }
  .company-01 .sec03 .sec03_flex ul li {
    border-left: none;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 0 3rem 0;
    margin-bottom: 6rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  .company-01 .sec03 .sec03_flex ul li:last-of-type {
    margin-bottom: 0;
  }
  .company-01 .sec03 .sec03_flex ul li dl {
    margin-bottom: 0;
  }
  .company-01 .sec03 .sec03_flex ul li dl dd {
    font-size: 1.6rem;
  }
  .company-01 .sec03 .sec03_flex ul li img {
    display: block;
    width: 5.8rem;
    height: 5.8rem;
  }
  .company-01 .sec04 .section_desc dt {
    font-size: 2.4rem;
    margin-bottom: 6rem;
  }
  .company-01 .sec04 .section_desc dd {
    font-size: 1.6rem;
  }
  .company-01 .sec04 .section_desc dd span {
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  .company-01 .sec04 .btn-wrap .btn {
    font-size: 1.4rem;
  }
  .company-01 .sec04 .btn-wrap .btn.icon::after {
    width: 2rem;
    height: 2rem;
    margin: 0 0 0 0.4rem;
  }
  .company-01 .sec04 .sec04_ci {
    margin-top: 8rem;
  }
  .company-01 .sec04 .sec04_ci ul {
    flex-direction: column;
  }
  .company-01 .sec04 .sec04_ci ul li {
    width: 100%;
    padding: 4rem 3rem;
  }
  .company-01 .sec04 .sec04_ci ul li .color-round {
    width: 1.6rem;
    height: 1.6rem;
  }
  .company-01 .sec04 .sec04_ci ul li dl dt {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 1.4;
  }
  .company-01 .sec04 .sec04_ci ul li dl dd {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .company-01 .sec04 .sec04_ci ul li img {
    width: 100%;
    margin-top: 6rem;
  }
  .company-01 .sec04 .sec04_ci ul li:nth-of-type(2) {
    margin-top: -1rem;
    margin-left: 0;
  }
  .company-01 .sec04 .sec04_ci ul li:last-of-type {
    margin-top: -1rem;
    margin-left: 0;
  }
  .company-01 .companyBanner {
    width: 100%;
    height: 27rem;
    margin: 0 auto;
    background-position: center;
    border-radius: 0;
  }
  .company-01 .companyBanner p {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .company-01 .companyBanner .btn {
    font-size: 1.4rem;
  }
  .company-01 .companyBanner .btn.icon.down::after {
    width: 1.8rem;
    height: 1.8rem;
    margin-left: 0.6rem;
  }
  .company-02 {
    margin-bottom: 15rem;
  }
  .company-02 .flex-layout {
    gap: 0;
  }
  .company-02 .flex-layout p {
    font-size: 1.6rem;
    font-weight: 400;
  }
  .company-02 .flex-layout p:last-child {
    margin-bottom: 0;
  }
  .company-02 .flex-layout p span {
    font-size: 1.6rem;
    font-weight: 1.7;
  }
  .company-02 .flex-layout p strong {
    margin-top: 1rem;
  }
  .company-02 .flex-layout p strong img {
    margin-left: 1.6rem;
  }
  .company-03 .top_wrap {
    margin-top: 6rem;
  }
  .company-03 .top_wrap .top_bg {
    padding: 0 1.6rem;
  }
  .company-03 .top_wrap .top_bg img {
    transform: none !important;
  }
  .company-03 .top_wrap .top_bg .sub-conts p {
    display: none;
  }
  .company-03 .top_wrap .top_bg .sub-conts .title {
    font-size: 3.2rem;
    font-weight: 600;
    display: block;
  }
  .company-03 .company-03-history .sticky-layout {
    padding: 0;
    flex-direction: column;
    gap: 0;
    margin-top: 0;
  }
  .company-03 .company-03-history .sticky-layout nav {
    width: 100%;
    overflow-x: auto;
    position: sticky;
    top: 0;
    z-index: 10;
    background: #050505;
    padding-top: 8rem;
    padding-bottom: 1rem;
  }
  .company-03 .company-03-history .sticky-layout nav ul {
    width: 100%;
    flex-direction: row;
  }
  .company-03 .company-03-history .sticky-layout nav ul li {
    white-space: nowrap;
    margin: 0;
  }
  .company-03 .company-03-history .sticky-layout nav ul li a {
    font-size: 2.4rem;
  }
  .company-03 .company-03-history .sticky-layout .right {
    width: 100%;
  }
  .company-03 .company-03-history .sticky-layout .right article ul li {
    padding-top: 15rem;
  }
  .company-03 .company-03-history .sticky-layout .right article ul li dl dt, .company-03 .company-03-history .sticky-layout .right article ul li dd {
    padding-left: 3rem;
  }
  .company-03 .company-03-history .sticky-layout .right article ul li dl dt, .company-03 .company-03-history .sticky-layout .right article ul li dt.on {
    font-size: 6rem;
  }
  .company-04 .box-tab {
    margin: 4rem 0 0;
  }
  .company-04 .box-tab .address {
    margin-top: 8rem;
  }
  .company-04 .box-tab .address h5 {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .company-04 .box-tab .address ul {
    flex-direction: column;
    gap: 1.6rem;
  }
  .company-04 .box-tab .address ul dl {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin-bottom: 0;
  }
  .company-04 .box-tab .address ul dl dt {
    flex: 1;
    max-width: 4.1rem;
    margin-bottom: 0;
  }
  .company-04 .box-tab .address dl {
    margin-bottom: 4rem;
  }
  .company-04 .box-tab .address dl dt {
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
    opacity: 0.6;
  }
  .company-04 .box-tab .address dl dd {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
  }
  .company-04 .tab-contents-wrap {
    margin-top: 8rem;
  }
  .company-04 .tab-contents-wrap .btn-wrap button {
    font-size: 1.8rem;
  }
  .company-04 .tab-contents-wrap .btn-wrap button.default02::after {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 0 0 0.6rem;
  }
  .company-04 .tab-contents-wrap .accordian-wrap h3 {
    font-size: 2.4rem;
    line-height: 1.7;
    margin-top: 12rem;
  }
  .company-04 .tab-contents-wrap .accordian-wrap h3:first-child {
    margin-top: 0;
  }
  .company-04 .tab-contents-wrap .accordian-wrap .accordian.type-01 {
    padding-bottom: 2rem;
  }
  .company-04 .tab-contents-wrap .accordian-wrap .accordian.type-01 > .acc-trigger {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.7;
  }
  .company-04 .tab-contents-wrap .accordian-wrap .accordian.type-01 > .acc-trigger.on::after {
    transform: translateY(0) rotate(180deg);
  }
  .company-04 .tab-contents-wrap .accordian-wrap .accordian.type-01 > .acc-trigger::after {
    top: 0;
    transform: translateY(0);
  }
  .company-04 .tab-contents-wrap .accordian-wrap .accordian.type-01 .acc-conts {
    padding: 2rem 0 0;
    font-size: 1.4rem;
    opacity: 0.6;
  }
  .company-04 .tab-contents-wrap .accordian-wrap .accordian:first-of-type {
    margin-top: 4rem;
  }
  .company-04 .tab-contents-wrap .flex-layout {
    gap: 6rem;
    margin-top: 15rem;
  }
  .company-04 .tab-contents-wrap .flex-layout div {
    order: 1;
  }
  .company-04 .tab-contents-wrap .flex-layout div img {
    width: 100%;
  }
  .company-04 .tab-contents-wrap .flex-layout ul {
    order: 2;
    flex-direction: column;
    width: 100%;
  }
  .company-04 .tab-contents-wrap .flex-layout ul li {
    margin-top: 8rem;
  }
  .company-04 .tab-contents-wrap .flex-layout ul li:nth-of-type(1) {
    margin-top: 0;
  }
  .company-04 .tab-contents-wrap .flex-layout ul li:nth-of-type(1) ~ :nth-of-type(2) {
    margin-bottom: 0;
  }
  .company-04 .tab-contents-wrap .flex-layout ul li dl dt {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.4;
  }
  .company-04 .tab-contents-wrap .flex-layout ul li dl dd {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.7;
  }
  .company-04 .page-desc-black {
    margin-bottom: 15rem;
  }
  .company-04 .page-desc-black .normal-txt {
    margin-bottom: 4rem;
    font-size: 1.8rem;
  }
  .company-04 .page-desc-black p {
    font-size: 1.6rem;
  }
  .company-04 .page-desc-black dl {
    margin-top: 0;
  }
  .company-05 .page-desc-black {
    margin-bottom: 15rem;
  }
  .company-05 .box-tab .tab-ctrl-tit {
    padding: 1rem 0;
  }
  .company-05 .tab-contents-wrap {
    margin-top: 8rem;
  }
  .company-05 .tab-contents-wrap .accordian-wrap .accordian:first-of-type {
    padding-bottom: 2rem;
  }
  .company-05 .tab-contents-wrap .accordian-wrap .accordian .acc-trigger {
    font-size: 2.4rem;
  }
  .company-05 .tab-contents-wrap .accordian-wrap .accordian .acc-conts ul li dl dd {
    font-size: 1.6rem;
  }
  .company-05 .recruitBanner {
    margin: 0 1.6rem;
    padding: 0 2rem;
    width: calc(100% - 3.2rem);
    height: 27rem;
  }
  .company-05 .recruitBanner p {
    margin-bottom: 2rem;
    font-size: 2rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 {
    background: none;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts {
    padding: 0 1.6rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout {
    flex-direction: column;
    gap: 0;
    margin-top: 0;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav {
    width: 100%;
    overflow-x: scroll;
    position: sticky;
    -ms-overflow-style: none;
    scrollbar-width: none;
    top: 0;
    z-index: 10;
    background: #050505;
    padding-top: 8rem;
    padding-bottom: 1rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul {
    width: 100%;
    flex-direction: row;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul li {
    white-space: nowrap;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav ul li a {
    font-size: 2.4rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout nav::-webkit-scrollbar {
    display: none;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right {
    width: 100%;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap {
    padding-bottom: 15rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article {
    margin-bottom: 0;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article > strong {
    display: none;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul {
    column-gap: 0;
    row-gap: 0;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li {
    width: 100% !important;
    background: none;
    padding: 6rem 0 3rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li dl {
    margin-top: 2rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li dl dt {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li dl dd {
    font-size: 1.6rem;
  }
  .company-06 .sub-conts-wide.company-06-cont01 .sub-conts .sticky-layout .right .box-contents-wrap article ul li img {
    width: 6rem;
  }
  .company-07 {
    padding-bottom: 15rem;
  }
  .company-07 .page-tit {
    margin-bottom: 6.4rem;
  }
  .company-07 .box-input.serach-input .input-default {
    font-size: 1.8rem;
  }
  .company-07 .box-input.serach-input .input-default::placeholder {
    font-size: 1.8rem;
    color: #70747D;
  }
  .company-07 .ico-search {
    width: 2.8rem;
    height: 2.8rem;
  }
  .company-07 .default-table-wrap {
    margin-top: 4rem;
  }
  .company-07 .default-table-wrap thead tr td {
    font-size: 1.4rem;
  }
  .company-07 .default-table-wrap tbody {
    border-top: none;
  }
  .company-07 .default-table-wrap tbody tr {
    padding: 0 0 2rem;
  }
  .company-07 .default-table-wrap tbody tr + tr {
    margin-top: 4rem;
  }
  .company-07 .default-table-wrap tbody tr .subject .table-top-info {
    margin-bottom: 1rem;
  }
  .company-07 .default-table-wrap tbody tr td {
    font-size: 2rem;
  }
  .company-07 .default-table-wrap + .pagination {
    margin-top: 8rem;
  }
  .company-07 h3 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .company-07 .default-table-info-txt h4 {
    font-size: 2.4rem;
  }
  .company-07 .default-table-info-txt div {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  .company-07 .default-table-info-txt div em {
    padding-right: 0.8rem;
  }
  .company-07 .default-table-info-txt div span {
    padding-left: 0.8rem;
  }
  .company-07 .default-table-info-txt div span::before {
    height: 1.4rem;
  }
  .company-07 .btn-wrap {
    margin-top: 3rem;
  }
  .company-07 .btn-wrap .btn.info {
    width: 100%;
  }
  .company-07 .default-table-info-cont {
    margin-top: 2rem !important;
  }
  .company-07 .default-table-info-pages ul li a {
    padding: 1.6rem;
    font-size: 1.4rem;
    color: #70747D;
    min-width: auto;
    border: 0 none;
  }
  .company-07 .default-table-info-pages ul li a:after {
    display: none !important;
  }
  .company-07 .default-table-info-pages ul li div {
    padding: 1.6rem;
  }
  .company-08 .page-tit-black {
    margin: 0 0 8rem 0;
  }
  .company-08 .contact_info_wrap {
    display: block;
  }
  .company-08 .contact_info_wrap .contact_info_txt_box .contact_info_address {
    margin-bottom: 4rem;
  }
  .company-08 .contact_info_wrap .contact_info_txt_box .contact_info_address p {
    font-size: 1.6rem;
  }
  .company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt {
    display: block;
    max-width: 100%;
  }
  .company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt div {
    padding: 4rem 0 2rem;
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.2);
  }
  .company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt p {
    font-weight: 600;
  }
  .company-08 .contact_info_wrap .contact_info_txt_box .contact_info_txt a {
    margin-top: 2rem;
  }
  .company-08 .contact_info_wrap .contact_info_img_box {
    display: none;
  }
  .company-09 .sec01 {
    margin-top: 8rem;
  }
  .company-09 .sec01 h3 {
    margin-bottom: 2rem;
    font-size: 3.6rem;
    font-weight: 600;
    opacity: 1;
  }
  .company-09 .sec01 p {
    font-weight: 400;
    font-size: 1.8rem;
  }
  .company-09 .sec01 div p {
    font-weight: 600;
    font-size: 2rem; 
    margin-bottom: 1rem;
  }
  .company-09 .sec01 div div {
    font-size: 1.8rem;
  }
  .fraud-report {
    width: 100%;
    max-width: 79rem;
    margin: 0 auto;
    padding-bottom: 15rem;
  }
  .fraud-report h2 {
    font-size: 3.2rem;
  }
  .fraud-report h6 {
    font-size: 1.8rem;
    font-weight: 400;
  }
  .fraud-report .box-input-wrap {
    margin-top: 8rem;
  }
  .fraud-report .box-input-wrap h4.normal-txt {
    font-size: 1.8rem;
  }
  .fraud-report .box-input-wrap .box-input {
    margin-bottom: 4rem;
  }
  .fraud-report .box-input .input-default {
    font-size: 1.6rem;
    padding: 0.8rem 2rem 0.8rem 0;
  }
  .fraud-report .textarea-wrap .input-label {
    color: #70747D;
    font-size: 1.6rem;
    font-weight: 400;
  }
  .fraud-report .textarea-wrap .input-label.on {
    font-size: 1.2rem;
    transition: all 0.3s;
    color: #050505;
  }
  .fraud-report .textarea-wrap .input-label.on span.ico-required::before {
    color: #E90247;
  }
  .fraud-report .file-input-wrap .box-attach-wrap .box-attach label::after {
    content: none;
  }
  .fraud-report .file-input-wrap .file-desc {
    font-size: 1.4rem;
    color: #70747D;
    margin-top: 1rem;
  }
  .fraud-report .file-input-wrap .file-desc::before {
    content: "";
    display: inline-block;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #70747D;
    border-radius: 100%;
    vertical-align: middle;
    margin-right: 0.5rem;
  }
  .fraud-report .btn-wrap.fraud-report-btn {
    margin: 6rem auto 0;
    display: flex;
    justify-content: center;
  }
  .board .board-view .board-view-header {
    padding-bottom: 2rem;
  }
  .board .board-view .board-view-header .path {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
  .board .board-view .board-view-header .title {
    font-size: 2.4rem;
    margin-bottom: 1rem;
  }
  .board .board-view .board-view-header .date {
    font-size: 1.4rem;
  }
  .board .default-table-info-pages ul {
    margin-bottom: 10rem;
  }
  .board .default-table-info-pages ul li a {
    padding: 1.6rem;
    font-size: 1.4rem;
    min-width: 3rem;
  }
  .board .default-table-info-pages ul li a::after {
    width: 2rem;
    height: 2rem;
  }
  .board .default-table-info-pages ul li div {
    width: calc(100% - 10rem);
  }
  .default-table-wrap {
    margin: 6rem 0 0;
  }
  .default-table thead tr td {
    padding: 0;
  }
  .total-wrap .total-number {
    margin: 0;
  }
  .default-table td {
    font-size: 2rem;
  }
  .default-table tbody tr {
    padding: 3rem 0;
  }
  .default-table .subject .table-top-info {
    margin: 0 0 1rem 0;
  }
  .customer-04 .page-tit h1 {
    font-size: 3.2rem;
  }
}
@media (max-width: 1699px) {
  .main_smart_factory_wrap .factory_box .factory_box_slide .factory-container .swiper-slide img {
    max-width: 100%;
    transform: scale(0.8) translateX(28.1rem);
  }
}
@media (max-width: 1599px) {
  .stickTabContainer.eng .box-tab .service-tab-btn-wrap li a {
    font-size: 1.8rem;
  }
  .company-04 .tab-contents-wrap .flex-layout {
    gap: 5.5rem;
  }
  .company-04 .tab-contents-wrap .flex-layout img {
    margin: 0 auto;
  }
  .value-04-cont.contContainer .contWrap .contBg .contTxt {
    top: 8rem;
  }
  .value-04-cont.contContainer .contWrap .contBg .contTxt .contTxtInner h3 {
    font-size: 3.2rem;
  }
  .value-04-cont.contContainer .contWrap .contBg p.number {
    font-size: 4.2rem;
    bottom: 8rem;
  }
  .service-03 ul.flexLayout_02 li dl dt {
    font-size: 2rem;
  }
  .service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram {
    gap: 8rem 0;
    flex-direction: column;
  }
  .service-06-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram ul {
    width: 100%;
  }
/*   robotics */
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram {
    gap: 8rem 0;
    flex-direction: column;
  }
.service-robot-cont .ch1 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram ul {
    width: 100%;
  }
/*   robotics */
  
/*   msp */
   .service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram {
    gap: 8rem 0;
    flex-direction: column;
  }
  .service-msp-cont .ch2 .cont-box .box-tab .tab-contents-wrap .innerWrap .innerConts.diagram ul {
    width: 100%;
  }
/*   msp */
}
@media (max-width: 1499px) {
  ul.flexLayout_07 .card-img-box {
    align-items: flex-start;
    flex-direction: column;
  }
  ul.flexLayout_07 .card-img-box img {
    width: 100%;
  }
  ul.flexLayout_07 .card-img-box > dl {
    margin-top: 3rem;
  }
  .service-20 .ch2 .cont-box .flexLayout_07 ul li:first-child {
    flex-direction: column;
  }
}
@media (max-width: 1399px) {
  .images-list-wrap ul li img {
    width: 100%;
  }
}
@media (max-width: 1299px) {
  .company .flex-layout {
    flex-direction: column;
  }
  .company-02 .flex-layout img.img-ceo {
    margin: 0 auto 8rem auto;
  }
  .company-02 .flex-layout p.sign {
    margin-top: 0;
  }
  .stickTabContainer.eng .box-tab .service-tab-btn-wrap li a {
    font-size: 1.4rem;
  }
  .service.eng .service-09 .ch1 .box-tab .tab-btn-wrap li {
    min-height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 790px) {
  .images-list-wrap ul {
    gap: 6rem 3%;
  }
  .images-list-wrap ul li {
    width: 48%;
  }
}
@media (max-width: 560px) {
  .images-list-wrap {
    margin: 6rem 0 0 0;
  }
  .images-list-wrap ul {
    display: block;
  }
  .images-list-wrap ul li {
    width: 100%;
    margin-bottom: 6rem;
  }
  .images-list-wrap ul li:last-child {
    margin-bottom: 0;
  }
  .images-list-wrap ul li a .list-kind-txt {
    color: #484C51;
    font-weight: 600;
  }
  .images-list-wrap ul li a .list-tit {
    font-size: 2rem;
    margin: 0 0 2rem 0;
  }
  .images-list-wrap ul li a .list-txt {
    font-size: 1.4rem;
    font-weight: 400;
  }
}