@charset "UTF-8";
@font-face {
  font-family: Pretendard;
  font-weight: 700;
  font-display: swap;
  src:
    local("Pretendard Bold"),
    url(/front/assets/common/fonts/Pretendard-Bold.woff2) format("woff2"),
    url(/front/assets/common/fonts/Pretendard-Bold.woff) format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 600;
  font-display: swap;
  src:
    local("Pretendard SemiBold"),
    url(/front/assets/common/fonts/Pretendard-SemiBold.woff2) format("woff2"),
    url(/front/assets/common/fonts/Pretendard-SemiBold.woff) format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 500;
  font-display: swap;
  src:
    local("Pretendard Medium"),
    url(/front/assets/common/fonts/Pretendard-Medium.woff2) format("woff2"),
    url(/front/assets/common/fonts/Pretendard-Medium.woff) format("woff");
}
@font-face {
  font-family: Pretendard;
  font-weight: 400;
  font-display: swap;
  src:
    local("Pretendard Regular"),
    url(/front/assets/common/fonts/Pretendard-Regular.woff2) format("woff2"),
    url(/front/assets/common/fonts/Pretendard-Regular.woff) format("woff");
}
.selectric {
  min-width: 10rem;
  width: 100%;
  background-color: #fff;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  box-sizing: border-box;
}
.selectric .label {
  height: 2.85rem;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #b8b8b8;
  font-weight: 500;
  box-sizing: border-box;
  padding: 0 1rem 0 1rem !important;
  margin: 0 !important;
}
.selectric .button {
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,8l-5,5L5,8'/%3E%3C/svg%3E");
}
.selectric .button::after {
  content: initial !important;
  display: none;
}
.inputSelect.error .selectric {
  border: 1px solid red;
}
.inputSelect.success .selectric {
  border: 1px solid #44d3e8;
}
.dark .selectric {
  min-width: 10rem;
  width: 100%;
  background-color: #111;
  border: 1px solid #666;
  border-radius: 4px;
  box-sizing: border-box;
}
.dark .selectric .label {
  height: 2.85rem;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #fff;
  font-weight: 500;
  padding: 0 1rem 0 1rem !important;
  margin: 0 !important;
}
.dark .selectric .button {
  background-size: contain;
  background-color: #111;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,8l-5,5L5,8'/%3E%3C/svg%3E");
}
.dark .selectric .button::after {
  content: initial !important;
  display: none;
}
.selectric-open .selectric {
  border: 1px solid #111 !important;
}
.selectric-open .selectric .button {
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5,13l5-5l5,5'/%3E%3C/svg%3E%0A");
}
.dark .selectric-open .selectric {
  border: 1px solid #666 !important;
}
.dark .selectric-open .selectric .button {
  background-position: center;
  background-color: #111;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='1.25rem' height='1.25rem' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M5,13l5-5l5,5'/%3E%3C/svg%3E%0A");
}
.selectric-focus .selectric {
  border: 1px solid #666 !important;
}
.selectric-hover .selectric {
  border: 1px solid #111 !important;
}
.error .selectric-hover .selectric {
  border: 1px solid red !important;
}
.dark .selectric-hover .selectric {
  border: 1px solid #666 !important;
}
.selectric-below .selectric .label {
  height: 2.85rem;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #111;
  font-weight: 500;
  padding-left: 1rem !important;
}
.dark .selectric-below .selectric .label {
  height: 2.85rem;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #fff;
  font-weight: 500;
  padding-left: 1rem !important;
}
.selectric-items {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 4px;
  box-shadow: none;
}
.selectric-items .selectric-scroll {
  border-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.selectric-items .selectric-scroll::-webkit-scrollbar {
  width: 7px;
}
.selectric-items .selectric-scroll::-moz-scrollbar {
  width: 7px;
}
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 20px;
}
.selectric-items .selectric-scroll::-moz-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 20px;
}
.selectric-items .selectric-scroll::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.selectric-items .selectric-scroll::-moz-scrollbar-track {
  background-color: #f4f4f4;
}
.selectric-items .selectric-scroll ul {
  width: 100%;
  border-radius: 4px;
}
.selectric-items .selectric-scroll ul li {
  display: block;
  min-width: 10rem;
  width: 100%;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #111;
  font-weight: 500;
  background-color: #fff;
  padding: 0 0 0 1rem !important;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  padding: 14px 16px !important;
  margin-top: 1px !important;
  line-height: 1.4;
  height: auto;
  word-break: break-all;
}
.selectric-items .selectric-scroll ul li:hover {
  color: #111;
  background-color: #eee;
}
.selectric-items .selectric-scroll ul .highlighted {
  background-color: #eee;
}
.dark .selectric-items {
  background-color: #111;
  border: 1px solid #666;
  border-radius: 4px;
  box-shadow: none;
}
.dark .selectric-items .selectric-scroll {
  border-radius: 4px;
  overflow-x: hidden;
  overflow-y: auto;
}
.dark .selectric-items .selectric-scroll::-webkit-scrollbar {
  width: 7px;
}
.dark .selectric-items .selectric-scroll::-moz-scrollbar {
  width: 7px;
}
.dark .selectric-items .selectric-scroll::-webkit-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 20px;
}
.dark .selectric-items .selectric-scroll::-moz-scrollbar-thumb {
  background-color: #b8b8b8;
  border-radius: 20px;
}
.dark .selectric-items .selectric-scroll::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.dark .selectric-items .selectric-scroll::-moz-scrollbar-track {
  background-color: #f4f4f4;
}
.dark .selectric-items .selectric-scroll ul {
  width: 100%;
  border-radius: 4px;
  padding: 10px 0;
}
.dark .selectric-items .selectric-scroll ul li {
  display: block;
  min-width: 10rem;
  width: 100%;
  height: 3rem;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #b8b8b8;
  font-weight: 500;
  background-color: #111;
  padding: 0 0 0 1rem !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: flex;
  align-items: center;
  height: auto;
  padding: 6.5px 16px !important;
  margin-top: 1px !important;
  line-height: 1.4;
  height: auto;
  word-break: break-all;
}
.dark .selectric-items .selectric-scroll ul li:first-child {
  display: none;
  margin-top: 0 !important;
}
.dark .selectric-items .selectric-scroll ul li:hover {
  color: #fff;
  background-color: #000;
}
.dark .selectric-items .selectric-scroll ul .highlighted {
  background-color: #000;
}
.iconBlog {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M12.8,16.6c-0.3,0-0.6,0.3-0.6,0.6c0,0.3,0.3,0.6,0.6,0.6c0.3,0,0.6-0.3,0.6-0.6S13.1,16.6,12.8,16.6 C12.8,16.6,12.8,16.6,12.8,16.6'/%3E%3Cpath class='st1' d='M19,16.5c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7S19.4,16.5,19,16.5L19,16.5'/%3E%3Cpath class='st1' d='M24.7,10.3H11.3c-1.4,0-2.5,1.1-2.5,2.5c0,0,0,0,0,0v8c0,1.4,1.1,2.5,2.5,2.5H16l1.6,3.8c0,0,0.1,0.3,0.4,0.3 s0.4-0.3,0.4-0.3l1.6-3.8h4.7c1.4,0,2.5-1.1,2.5-2.5v-8C27.1,11.4,26,10.3,24.7,10.3C24.7,10.3,24.7,10.3,24.7,10.3 M14.6,17.3 c0,0.8-0.7,1.5-1.5,1.5c-0.3,0-0.7-0.1-0.9-0.4v0.3H11v-4.5c0.1,0,1.1,0,1.1,0v1.7c0.3-0.4,1-0.4,1-0.4C14,15.6,14.7,16.4,14.6,17.3 C14.6,17.3,14.6,17.3,14.6,17.3 M16.5,15.6v3.1h-1.1v-3.1c0-0.4-0.5-0.5-0.5-0.5V14c0.8-0.1,1.5,0.6,1.6,1.4 C16.5,15.5,16.5,15.6,16.5,15.6 M19,18.8c-1,0-1.8-0.7-1.8-1.7c0-1,0.8-1.7,1.8-1.7c1,0,1.8,0.7,1.8,1.7C20.8,18.1,20,18.9,19,18.8 M24.9,18.8c0,0.8-0.6,1.5-1.5,1.6c0,0-0.1,0-0.1,0h-0.5v-1h0.3c0,0,0.7,0.1,0.7-1c0,0-0.1,0.4-1.1,0.4c-0.7,0-1.3-0.7-1.3-1.4v-0.5 c0-0.8,0.7-1.4,1.5-1.5c0.4,0,0.7,0.1,0.9,0.4v-0.3h1.1L24.9,18.8z'/%3E%3Cpath class='st1' d='M23.2,16.5c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7C23.9,16.8,23.6,16.5,23.2,16.5 L23.2,16.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInstagram {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M26.8,14.3v7.4c0,2.8-2.3,5.1-5.1,5.1l0,0h-7.4c-2.8,0-5.1-2.3-5.1-5.1c0,0,0,0,0,0v-7.4c0-2.8,2.3-5.1,5.1-5.1 c0,0,0,0,0,0h7.4C24.5,9.2,26.8,11.5,26.8,14.3L26.8,14.3 M23.8,13.3c0-0.6-0.5-1.1-1.1-1.1c-0.6,0-1.1,0.5-1.1,1.1s0.5,1.1,1.1,1.1 c0,0,0,0,0,0C23.3,14.4,23.8,13.9,23.8,13.3C23.8,13.3,23.8,13.3,23.8,13.3 M22.6,18c0-2.5-2-4.6-4.6-4.6s-4.6,2-4.6,4.6 s2,4.6,4.6,4.6l0,0C20.5,22.6,22.6,20.6,22.6,18'/%3E%3Cpath class='st1' d='M18,15.1c1.6,0,3,1.3,3,3c0,1.6-1.3,3-3,3c-1.6,0-3-1.3-3-3c0,0,0,0,0,0C15,16.4,16.4,15.1,18,15.1 C18,15.1,18,15.1,18,15.1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconYoutube {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M27.4,13.2c-0.2-0.8-0.9-1.5-1.7-1.7c-1.5-0.4-7.6-0.4-7.6-0.4s-6.1,0-7.6,0.4c-0.8,0.2-1.5,0.9-1.7,1.7 c-0.3,1.6-0.4,3.1-0.4,4.7c0,1.6,0.1,3.2,0.4,4.7c0.2,0.8,0.9,1.5,1.7,1.7c1.5,0.4,7.6,0.4,7.6,0.4s6.1,0,7.6-0.4 c0.8-0.2,1.5-0.9,1.7-1.7c0.3-1.6,0.4-3.1,0.4-4.7C27.8,16.4,27.6,14.8,27.4,13.2 M16,20.9V15l5.1,2.9L16,20.9z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconFacebook {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M22,19.1l0.5-3.2h-3.1v-2.1c-0.1-0.9,0.6-1.7,1.5-1.8c0.1,0,0.2,0,0.4,0h1.4V9.2C21.8,9.1,20.9,9,20.1,9 c-2.6,0-4.2,1.6-4.2,4.4v2.5H13v3.2h2.8v7.8h3.5v-7.8H22z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconLinkedin {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 36 36' style='enable-background:new 0 0 36 36;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bopacity:0.1;fill:%23FFFFFF;enable-background:new ;%7D .st1%7Bfill:%23BBBBBB;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='18' cy='18' r='18'/%3E%3Cpath class='st1' d='M11.3,24.5h3.1v-10h-3.1V24.5z M19.3,15.8v-1.3h-3v10h3v-5.2c0-1.4,0.6-2.2,1.9-2.2c1.1,0,1.7,0.8,1.7,2.2v5.2 H26v-6.3c0-2.7-1.5-4-3.6-4C21.1,14.2,20,14.8,19.3,15.8 M12.8,9.5c-1,0-1.8,0.8-1.9,1.8s0.8,1.8,1.8,1.9c1,0,1.8-0.8,1.9-1.8 c0,0,0,0,0,0C14.7,10.3,13.8,9.5,12.8,9.5C12.8,9.5,12.8,9.5,12.8,9.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconTwitter {
  display: inline-block;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='X - 36' xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle data-name='타원 10' cx='18' cy='18' r='18' style='fill:%23fff;opacity:.1'/%3E%3Cpath data-name='패스 880268' d='M8 9.572 7.393 8.7 2 1.041h2.545l4.262 6.053.611.868 5.567 7.908h-2.547zM15.035 0 9.507 6.3l-3.7-5.255L5.074 0H0l.734 1.041L6.692 9.5.165 16.937h1.372L7.3 10.371l3.872 5.5.752 1.068H17l-.752-1.068-6.129-8.707L16.409 0z' transform='translate(9.5 9.5)' style='fill:%23bbb'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconBoardDownload {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconGlobalLanguage {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;%7D .st2%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M0,0h32v32H0V0z'/%3E%3Ccircle class='st1' cx='16' cy='16' r='11'/%3E%3Cpath class='st1' d='M16,5c-3.2,2.5-5,6.4-5,10.5c0.1,4.3,1.9,8.5,5,11.5'/%3E%3Cpath class='st1' d='M16,5c3.2,2.5,5,6.4,5,10.5c-0.1,4.3-1.9,8.5-5,11.5'/%3E%3Cpath class='st2' d='M5,16h22'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconallLanguageClose {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6,6l12,12'/%3E%3Cpath class='st0' d='M6,18L18,6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconMobileAllMenu {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,18h16'/%3E%3Cpath class='st0' d='M4,12h16'/%3E%3Cpath class='st0' d='M4,6h16'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconMobileAllMenuActive {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M6,6l12,12'/%3E%3Cpath class='st0' d='M6,18L18,6'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInvestBio {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_바이오시밀러 파이프라인 확대' xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg data-name='그룹 495364'%3E%3Cg data-name='그룹 495359'%3E%3Cpath data-name='패스 880085' d='m-17872.373 6884.533-11.254 11.248' transform='translate(17942.232 -6861.277)' style='stroke-linecap:round;stroke:%2320c85a;fill:%23fff;stroke-width:2.5px'/%3E%3Cpath data-name='합치기 93' d='M2 56.249a2 2 0 0 1-2-2V18h0v-.015h.015L16.477 1.062a3.462 3.462 0 0 1 4.99 0 3.7 3.7 0 0 1 0 5.129L6.274 21.808v32.441a2 2 0 0 1-2 2z' transform='translate(43.607 12.007)' style='stroke-linejoin:round;stroke-width:2px;fill:%231b7e3d;stroke:%231b7e3d;stroke-linecap:round'/%3E%3Cpath data-name='빼기 73' d='M4.274 48.383H2a2 2 0 0 1-2-2V10.118h.014L9.858 0l5.058 5.059-8.642 8.883v32.441a2 2 0 0 1-2 2z' transform='translate(43.607 19.873)' style='fill:%2320c85a;stroke-linejoin:round;stroke-width:2px;stroke-linecap:round;stroke:%2320c85a'/%3E%3C/g%3E%3Cg data-name='그룹 496028'%3E%3Cpath data-name='패스 880085' d='m-17883.629 6884.532 11.254 11.25' transform='translate(17893.485 -6861.276)' style='stroke-linecap:round;stroke:%2320c85a;fill:%23fff;stroke-width:2.5px'/%3E%3Cpath data-name='합치기 93' d='M16.476 55.187.015 38.265H0v-.015h0V2a2 2 0 0 1 2-2h2.273a2 2 0 0 1 2 2v32.441l15.192 15.617a3.7 3.7 0 0 1 0 5.129 3.459 3.459 0 0 1-4.989 0z' transform='rotate(180 18.052 34.128)' style='stroke-linejoin:round;stroke-width:2px;fill:%231b7e3d;stroke:%231b7e3d;stroke-linecap:round'/%3E%3Cpath data-name='빼기 73' d='M9.858 48.384h0L.014 38.265H0V2a2 2 0 0 1 2-2h2.273a2 2 0 0 1 2 2v32.441l8.642 8.884-5.056 5.058z' transform='rotate(180 18.052 34.128)' style='fill:%2320c85a;stroke-linejoin:round;stroke-width:2px;stroke-linecap:round;stroke:%2320c85a'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInvestDrug {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg data-name='ico_신약 상업화 성공'%3E%3Cg data-name='그룹 496031'%3E%3Cg data-name='그룹 496029' transform='translate(-456 -5992)'%3E%3Crect data-name='사각형 353781' width='26' height='57' rx='13' transform='translate(477 6000)' style='fill:%234a78ff'/%3E%3Cg data-name='빼기 75' style='fill:%2344d3e8'%3E%3Cpath d='M13 27.5a11.921 11.921 0 0 1-8.485-3.515A11.921 11.921 0 0 1 1 15.5V1h24v14.5a11.92 11.92 0 0 1-3.515 8.485A11.922 11.922 0 0 1 13 27.499z' style='stroke:none' transform='translate(477 6028.5)'/%3E%3Cpath d='M13 26.5c2.938 0 5.7-1.145 7.778-3.222A10.927 10.927 0 0 0 24 15.5V2H2v13.5c0 2.938 1.144 5.7 3.222 7.778A10.928 10.928 0 0 0 13 26.499m0 2a12.914 12.914 0 0 1-9.192-3.807A12.914 12.914 0 0 1 0 15.5V0h26v15.5c0 3.472-1.352 6.737-3.808 9.192A12.916 12.916 0 0 1 13 28.499z' style='fill:%2344d3e8;stroke:none' transform='translate(477 6028.5)'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 496030' transform='translate(35.25 45.149)'%3E%3Ccircle data-name='타원 8886' cx='7' cy='7' r='7' transform='translate(5.178 5.548)' style='fill:%23fff'/%3E%3Cpath data-name='합치기 108' d='M21.969 4.72 23.9 8.13l.1.17-2.114 1.7v5.7L24 17.4l-.1.169-1.935 3.41-.1.169-2.509-1.01-4.843 2.845-.386 2.717H9.874l-.395-2.716-4.844-2.845-2.509 1.01-.1-.169L.1 17.57 0 17.4l2.114-1.706V10L0 8.3l.1-.17 1.931-3.41.1-.169 2.508 1.01 4.839-2.845L9.874 0h4.253l.395 2.715 4.842 2.845 2.509-1.01zM15.3 18.674a6.79 6.79 0 0 0 2.419-9.186A6.547 6.547 0 0 0 8.7 7.026a6.79 6.79 0 0 0-2.42 9.187 6.548 6.548 0 0 0 9.02 2.461z' style='fill:%23666;stroke:%23666;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/g%3E%3Cpath data-name='사각형 353788' transform='translate(20 34.5)' style='fill:%23f8f8f8' d='M0 0h28v4H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInvestDirect {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg data-name='ico_직판 수익성 개선'%3E%3Cg data-name='그룹 496040'%3E%3Cg data-name='그룹 496035'%3E%3Cg data-name='그룹 496037' transform='translate(-76.858 -6051.25)'%3E%3Cpath data-name='다각형 21' d='M10.8 2.714a2 2 0 0 1 3.392 0l8.896 14.226a2 2 0 0 1-1.7 3.06H3.608a2 2 0 0 1-1.7-3.06z' transform='translate(112 6058)' style='fill:%23ef6833'/%3E%3Crect data-name='사각형 353785' width='9' height='41' rx='2' transform='translate(120 6072)' style='fill:%23ef6833'/%3E%3C/g%3E%3Cg data-name='그룹 496038' transform='translate(-69.858 -6051.25)'%3E%3Crect data-name='사각형 353784' width='9' height='28' rx='2' transform='translate(94 6085)' style='fill:%23fc6'/%3E%3Crect data-name='사각형 353783' width='9' height='20' rx='2' transform='translate(78 6093)' style='fill:%23ffe8bc'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 495480' transform='translate(17673.423 -6858.781)'%3E%3Cpath data-name='패스 880112' d='M0 0h6.4v22.086a3.372 3.372 0 0 1-3.2 3.521A3.372 3.372 0 0 1 0 22.086V0z' transform='rotate(-45 -465.255 24728.835)' style='stroke-width:2px;stroke-linecap:round;fill:%236595b9;stroke:%236595b9;stroke-linejoin:round'/%3E%3Ccircle data-name='타원 8851' cx='14.404' cy='14.404' r='14.404' transform='translate(-17635 6895.03)' style='fill:%2396d3ff;stroke:%2396d3ff;stroke-width:2px'/%3E%3Cg data-name='그룹 496039'%3E%3Cg data-name='그룹 495456'%3E%3Cpath data-name='패스 880166' d='M-10492.49 9560.744v2.086' transform='translate(-7128.106 -2659.957)' style='stroke:%23fff;fill:none;stroke-width:2px;stroke-linecap:round'/%3E%3Cpath data-name='패스 880167' d='M-10492.49 9560.744v2.086' transform='translate(-7128.106 -2644.746)' style='stroke:%23fff;fill:none;stroke-width:2px;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 880168' d='M8.972-6.969a2.051 2.051 0 0 0-.838-1.272A2.938 2.938 0 0 0 6.416-8.7a3.6 3.6 0 0 0-1.34.237 2.231 2.231 0 0 0-.925.639 1.33 1.33 0 0 0-.316.9 1.185 1.185 0 0 0 .49 1.01 4.1 4.1 0 0 0 1.62.669l2.135.487a5.593 5.593 0 0 1 2.766 1.288 3.142 3.142 0 0 1 .931 2.294A3.634 3.634 0 0 1 11.1.948 4.3 4.3 0 0 1 9.2 2.4a7.582 7.582 0 0 1-2.929.517A6.459 6.459 0 0 1 2.444 1.9 4 4 0 0 1 .781-.957h2.706Q3.822.82 6.242.82A3.822 3.822 0 0 0 8.3.339a1.517 1.517 0 0 0 .771-1.32 1.422 1.422 0 0 0-.527-1.071 3.617 3.617 0 0 0-1.557-.658l-2.11-.438a5.543 5.543 0 0 1-2.762-1.326 3.1 3.1 0 0 1-.937-2.3 3.439 3.439 0 0 1 .652-2.07 4.226 4.226 0 0 1 1.831-1.4 6.958 6.958 0 0 1 2.73-.5 6.617 6.617 0 0 1 2.588.469 4.234 4.234 0 0 1 1.762 1.321 3.986 3.986 0 0 1 .788 1.984z' transform='translate(-17626.875 6913.278)' style='fill:%23fff;stroke-width:.4px;stroke:%23fff'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInvestDonw {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Cg data-name='그룹 457' %3E%3Cg data-name='round_next - 60' transform='rotate(90 30 30)' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cg data-name='그룹 493493' %3E%3Cpath data-name='패스 871477' d='M15.913 8h-15' transform='translate(21.587 22)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(90 7.25 30.25)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round;stroke-width:2px' /%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInvestArrow {
  display: inline-block;
  width: 0.875rem;
  height: 3.5rem;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconInvestArrow {
  display: inline-block;
  width: 0.875rem;
  height: 3.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='ico_64/arrow'%3E%3Cpath data-name='사각형 353754' style='fill:transparent' d='M0 0h64v64H0z'/%3E%3Cpath data-name='패스 880235' d='M56 28 27.984 0 0 28' transform='rotate(90 21 25.5)' style='fill:none;stroke:%23d2d2d2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.iconGoToTop {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='go top' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg data-name='타원 8890' style='stroke:%23111;stroke-width:2px;fill:none'%3E%3Ccircle cx='30' cy='30' r='30' style='stroke:none'/%3E%3Ccircle cx='30' cy='30' r='29' style='fill:none'/%3E%3C/g%3E%3Cg data-name='그룹 493539'%3E%3Cg data-name='ico_arrow_up_line - 24'%3E%3Cg data-name='그룹 493493'%3E%3Cpath data-name='패스 871477' d='M15 0H0' transform='rotate(-90 33.75 3.75)' style='stroke-linecap:round;stroke:%23111;stroke-width:2px;fill:none'/%3E%3Cpath data-name='패스 871478' d='M14 0 7 7 0 0' transform='rotate(-180 18.5 14.75)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.controlSlideNext {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  box-sizing: border-box;
}
.controlSlideNext::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,19l-7-7l7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0.25rem 0 0 0.15rem;
  overflow: hidden;
}
.controlSlideNext:hover {
  background-color: #111;
  border: 1px solid #111;
}
.controlSlideNext:hover::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M16,5l-7,7l7,7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.controlSlidePrev {
  width: 3.75rem;
  height: 3.75rem;
  background-color: #fff;
  border: 1px solid #d2d2d2;
  border-radius: 50%;
  box-sizing: border-box;
  margin-left: 0.75rem;
}
.controlSlidePrev::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,5l7,7l-7,7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0.25rem 0 0 0.15rem;
  overflow: hidden;
}
.controlSlidePrev:hover {
  background-color: #111;
  border: 1px solid #111;
}
.controlSlidePrev:hover::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,19l7-7L9,5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 1023px) {
  #wrapper .business.cd .cdSwiper .swiperControl button.controlSlidePrev:hover {
    background-color: #fff;
    border: 1px solid #d2d2d2;
  }
  #wrapper
    .business.cd
    .cdSwiper
    .swiperControl
    button.controlSlidePrev:hover::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,19l-7-7l7-7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #wrapper .business.cd .cdSwiper .swiperControl button.controlSlideNext:hover {
    background-color: #fff;
    border: 1px solid #d2d2d2;
  }
  #wrapper
    .business.cd
    .cdSwiper
    .swiperControl
    button.controlSlideNext:hover::after {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,5l7,7l-7,7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
}
.circleBtnArrow {
  width: 5rem;
  height: 5rem;
  background-color: #111;
  border-radius: 50%;
  box-sizing: border-box;
}
.circleBtnArrow::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,12h-15'/%3E%3Cpath class='st1' d='M12.5,19l7-7l-7-7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
@media (max-width: 768px) {
  .circleBtnArrow {
    width: 2.5rem;
    height: 2.5rem;
  }
  .circleBtnArrow::after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,12h-15'/%3E%3Cpath class='st1' d='M12.5,19l7-7l-7-7'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
  }
}
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
  font-family: Pretendard, sans-serif !important;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
body,
html {
  width: 100%;
  height: 100%;
  overflow: scroll-y;
  -webkit-overflow-scrolling: touch;
}
body {
  -webkit-text-size-adjust: none;
  scrollbar-gutter: stable both-edges;
}
* {
  font-family: Pretendard, sans-serif !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  word-break: break-word;
}
fieldset,
img {
  border: 0 none;
}
dl,
li,
menu,
ol,
ul {
  font-size: 0;
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
button,
input,
select,
textarea {
  font-size: 100%;
  vertical-align: middle;
}
button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
}
a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
a:active,
a:hover {
  text-decoration: none;
}
button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
input[type="button"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
input[type="button"]::placeholder,
input[type="email"]::placeholder,
input[type="file"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="reset"]::placeholder,
input[type="search"]::placeholder,
input[type="submit"]::placeholder,
input[type="tel"]::placeholder,
input[type="text"]::placeholder {
  color: #b8b8b8 !important;
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.blind {
  position: absolute;
  top: -10000px;
  left: 0;
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -10000px;
  overflow: hidden;
}
canvas {
  display: block;
}
figure {
  margin: 0;
}
body.scrollNone,
html.scrollNone {
  position: fixed;
  height: 100%;
  touch-action: none;
  overflow-y: hidden;
}
article.innerContentsWrap {
  position: relative;
  width: 100%;
  max-width: 90rem;
  margin: 0 auto;
}
article.innerMovieWrap {
  position: relative;
  width: 100%;
  height: 100%;
  font-size: 0;
  overflow: hidden;
}
article.innerVisualWrap {
  position: relative;
  width: 100%;
  min-width: 90rem;
  height: 32.5rem;
  font-size: 0;
  overflow: hidden;
}
article.innerVisualWrap .innerWrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  margin-left: -45rem;
  overflow: hidden;
}
article.innerVisualWrap .innerWrap .textObject {
  position: relative;
  width: 100%;
  max-width: 90rem;
  height: 100%;
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}
article.innerVisualWrap .innerWrap .textObject .leftObject {
  position: absolute;
  left: 0;
  text-align: left;
}
article.innerVisualWrap .innerWrap .textObject .rightObject {
  position: absolute;
  right: 0;
  text-align: left;
}
article.innerVisualWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
article.innerVisualWrap.roundMotion {
  height: 28.78vw;
  max-height: 520px;
  max-height: unset;
  text-align: center;
}
article.innerVisualWrap.roundMotion img {
  min-width: auto;
  max-width: 80%;
  height: 90%;
  height: auto;
  margin: 0 auto;
  border-radius: 1.875rem;
  transform: translate3d(0, 100px, 0);
  opacity: 0;
  transition: all ease 0.3s;
  margin: 0 auto;
}
article.innerVisualWrap.roundMotion img:nth-child(2) {
  display: none !important;
}
article.innerVisualWrap.roundMotion.open img {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  transition: all ease 0.3s 0.5s;
}
article.innerVisualWrap.roundMotion.on img {
  max-width: 100%;
  height: 100%;
  border-radius: 0;
  transition-delay: 0;
  transition: all ease 0.3s;
}
.ellipsisLine_01 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.ellipsisLine_02 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.ellipsisLine_03 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.ellipsisLine_04 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
input[type="button"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="password"],
input[type="reset"],
input[type="search"],
input[type="submit"],
input[type="tel"],
input[type="text"] {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.875rem;
  line-height: 3rem;
  letter-spacing: -0.2px;
  color: #111;
  font-weight: 500;
  background-color: #fff;
  border: 0 none;
  border-radius: 4px;
  padding: 0 1rem 0 1rem;
}
input[type="button"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus {
  border: 0 none;
  outline: 0 none;
}
.formWrap {
  font-size: 0;
}
.inputSelect {
  display: inline-block;
  position: relative;
  font-size: 0;
  width: 100%;
  height: 3rem;
  vertical-align: middle;
  background-color: transparent;
  border-radius: 4px;
  box-sizing: border-box;
}
.inputText {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 3rem;
  font-size: 0;
  vertical-align: middle;
  background-color: transparent;
  border-radius: 4px;
  box-sizing: border-box;
}
.inputText button.textDel {
  display: none;
  position: absolute;
  top: 14px;
  right: 20px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0;
  line-height: 0;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M5.5,5.5l9,9'/%3E%3Cpath class='st0' d='M14.5,5.5l-9,9'/%3E%3C/g%3E%3C/svg%3E");
  overflow: hidden;
}
.inputText input {
  border: 1px solid #b8b8b8;
  outline: 0 none;
}
.inputText input:focus {
  border: 1px solid #111;
}
.inputText input:hover {
  border: 1px solid #111;
}
.inputText.active input {
  border: 1px solid #111;
}
.inputText.active button.textDel {
  display: block;
}
.inputText.search button.textDel {
  right: 46px;
}
.inputText.search button.textSearch {
  display: block;
  position: absolute;
  top: 14px;
  right: 20px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:1.5;%7D .st2%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cg transform='translate(3.501 3.5)'%3E%3Ccircle class='st0' cx='6.2' cy='6.2' r='6.2'/%3E%3Ccircle class='st1' cx='6.2' cy='6.2' r='5.5'/%3E%3C/g%3E%3Cpath class='st2' d='M14,14l2,2'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.inputText.download button.textDel {
  right: 46px;
}
.inputText.download button.textSearch {
  display: block;
  position: absolute;
  top: 14px;
  right: 20px;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M3.5,16h13'/%3E%3Cg%3E%3Cpath class='st1' d='M14,9l-4,4L6,9'/%3E%3Cpath class='st0' d='M10,13V4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
}
.inputText.error input {
  border: 1px solid red;
}
.inputText.success input {
  border: 1px solid #44d3e8;
}
.inputText.disabled input {
  color: #dbdbdb;
  border: 1px solid #dbdbdb;
}
.inputText.disabled input::placeholder {
  color: #dbdbdb !important;
}
.inputText.disabled button {
  display: none !important;
}
h6.title {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 600;
  background-color: #f7f7f7;
  padding: 0.5rem 1.25rem 0.5rem 1.25rem;
  margin: 2rem 0;
}
.leadMoreWrap p {
  margin-top: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
}
.leadMoreWrap .pageList {
  margin-top: 2.5rem;
  display: flex;
  gap: 1.5rem;
}
.leadMoreWrap .pageList li {
  border-radius: 1.875rem;
  overflow: hidden;
  position: relative;
  width: calc(50% - 0.75rem);
}
.leadMoreWrap .pageList li a {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.leadMoreWrap .pageList li a span {
  font-size: 2rem;
  line-height: 1.38;
  letter-spacing: -0.06px;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
.leadMoreWrap .pageList li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 6.875rem;
  height: 6.875rem;
  background: url(/front/assets/common/images/img_round_btn.png) no-repeat
    center/100%;
}
.leadMoreWrap .pageList li img {
  display: block;
  max-width: 100%;
  transition: all 0.3s ease;
}
.leadMoreWrap .pageList li:hover img {
  transform: scale(1.1);
}
.fullSwiperWrap {
  padding-bottom: 100px;
}
.fullSwiperWrap .fullSwiperContent {
  transition: all 0.1s ease;
}
.fullSwiperWrap .fullSwiperTit {
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
  font-weight: 700;
  color: #111;
}
.fullSwiperWrap p {
  margin-top: 1.25rem;
}
.fullSwiperWrap .swiper.fullSwiper {
  margin-top: 2.5rem;
  overflow: visible;
}
.fullSwiperWrap .swiper.fullSwiper .swiper-slide {
  overflow: hidden;
  border-radius: 1.875rem;
}
.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent {
  position: absolute;
  top: 50%;
  left: 5rem;
  transform: translateY(-50%);
  z-index: 10;
}
.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: 5.625rem;
  line-height: 7.313rem;
  letter-spacing: -0.18px;
  font-weight: 700;
  color: #111;
}
.fullSwiperWrap
  .swiper.fullSwiper
  .swiper-slide
  .slideContent
  .slideTit
  .countTxt {
  min-width: 7.5rem;
  margin: 0 0;
}
.fullSwiperWrap
  .swiper.fullSwiper
  .swiper-slide
  .slideContent
  .slideTit
  .countTxt.ctSpace {
  margin-right: 1rem;
}
.fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTxt {
  margin-top: 1.438rem;
  font-size: 1.5rem !important;
  line-height: 2.125rem !important;
  letter-spacing: -0.05px !important;
  font-weight: 500;
  color: #111 !important;
  opacity: 0;
  transform: translateY(100%);
}
.fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
  transition: all 1.5s ease;
}
.fullSwiperWrap .swiper.fullSwiper .swiperController {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.25rem;
}
.fullSwiperWrap .swiper.fullSwiper .swiperCover {
  padding: 1.438rem 1.5rem;
  border-radius: 28px;
  background-color: #f4f4f4;
}
.fullSwiperWrap .swiper.fullSwiper .swiperPagination {
  padding: 1.438rem 1.125rem;
  position: static;
  font-size: 0;
  width: auto;
}
.fullSwiperWrap .swiper.fullSwiper .swiperPagination .swiper-pagination-bullet {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0 0.375rem;
  border-radius: 0.3125rem;
  background-color: #111;
  opacity: 1;
  position: relative;
  overflow: hidden;
}
.fullSwiperWrap
  .swiper.fullSwiper
  .swiperPagination
  .swiper-pagination-bullet::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #111;
}
.fullSwiperWrap
  .swiper.fullSwiper
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 4.375rem;
  background: #999;
}
.fullSwiperWrap
  .swiper.fullSwiper
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  width: 100%;
}
.fullSwiperWrap .swiper.fullSwiper .playBtn {
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_play - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.63 1.535a1 1 0 0 1 1.74 0l6.784 11.972a1 1 0 0 1-.87 1.493H1.716a1 1 0 0 1-.87-1.493z' transform='rotate(90 8.75 12.25)' style='fill:%23111'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
}
.fullSwiperWrap .swiper.fullSwiper .playBtn.stop {
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_pause_bold - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='그룹 495282'%3E%3Cpath data-name='패스 880030' d='M9 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3Cpath data-name='패스 880031' d='M17 4h-2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3C/g%3E%3C/svg%3E");
}
.fullSwiperWrap.play
  .swiper.fullSwiper
  .swiper-slide.swiper-slide-active
  .slideTxt,
.fullSwiperWrap.stop
  .swiper.fullSwiper
  .swiper-slide.swiper-slide-active
  .slideTxt {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s ease 1s;
}
.fullSwiperWrap.play .swiper.fullSwiper .swiper-slide.swiper-slide-active img,
.fullSwiperWrap.stop .swiper.fullSwiper .swiper-slide.swiper-slide-active img {
  transition: all 1.5s ease 0.4s;
  transform: scale(1.1);
}
.fullSwiperWrap.play
  .swiper.fullSwiper
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after,
.fullSwiperWrap.stop
  .swiper.fullSwiper
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  animation: fullDot linear 3.8s forwards;
}
.fullSwiperWrap.stop
  .swiper.fullSwiper
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  animation: none;
}
@keyframes fullDot {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@media (min-width: 1600px) and (max-width: 1920px) {
  article.innerContentsWrap {
    max-width: 90rem;
  }
  article.innerVisualWrap {
    min-width: 90rem;
  }
  article.innerVisualWrap .innerWrap {
    max-width: 90rem;
    margin-left: -45rem;
  }
  article.innerVisualWrap .innerWrap .textObject {
    max-width: 90rem;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  article.innerContentsWrap {
    max-width: 90rem;
  }
  article.innerVisualWrap {
    min-width: 90rem;
  }
  article.innerVisualWrap .innerWrap {
    max-width: 90rem;
    margin-left: -45rem;
  }
  article.innerVisualWrap .innerWrap .textObject {
    max-width: 90rem;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  article.innerContentsWrap {
    width: 100%;
    max-width: 100%;
  }
  article.innerVisualWrap {
    width: 100%;
    min-width: 100%;
  }
  article.innerVisualWrap .innerWrap {
    width: 100%;
    max-width: 100%;
    margin-left: initial;
  }
  article.innerVisualWrap .innerWrap .textObject {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .leadMoreWrap .pageList {
    flex-direction: column;
    gap: 1.25rem;
  }
  .leadMoreWrap .pageList li {
    width: 100%;
  }
  article.innerContentsWrap.viewMargin {
    padding: 0 1.25rem 0 1.25rem;
    margin-top: 4.5rem;
  }
  article.innerContentsWrap.viewMargin .contentsWrap {
    padding: 5rem 0 0 0 !important;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  article.innerContentsWrap {
    width: 100%;
    max-width: 100%;
    padding: 0 1.25rem 0 1.25rem;
  }
  article.innerVisualWrap {
    width: 100%;
    min-width: 100%;
  }
  article.innerVisualWrap .innerWrap {
    width: 100%;
    max-width: 100%;
    margin-left: initial;
  }
  article.innerVisualWrap .innerWrap .textObject {
    max-width: 100%;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  section article:nth-of-type(1) {
    padding: 0;
  }
  article.innerContentsWrap {
    width: 100%;
    max-width: 100%;
    padding: 0 1.25rem 0 1.25rem;
  }
  article.innerContentsWrap.tabInner:nth-of-type(1) {
    padding: 0 1.25rem 0 1.25rem;
  }
  article.innerVisualWrap {
    width: 100%;
    min-width: 100%;
  }
  article.innerVisualWrap .innerWrap {
    max-width: 100%;
    margin-left: initial;
  }
  article.innerVisualWrap .innerWrap .textObject {
    max-width: 100%;
  }
  article.innerVisualWrap.roundMotion {
    height: auto;
    max-height: unset;
  }
  article.innerVisualWrap.roundMotion img {
    min-width: auto;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
  article.innerVisualWrap.roundMotion img:nth-child(1) {
    display: none !important;
  }
  article.innerVisualWrap.roundMotion img:nth-child(2) {
    display: block !important;
  }
  .leadMoreWrap h4 {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  .leadMoreWrap p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  .leadMoreWrap .pageList li {
    border-radius: 1.25rem;
    max-height: 10rem;
  }
  .leadMoreWrap .pageList li a::after {
    width: 4.375rem;
    height: 4.375rem;
  }
  .leadMoreWrap .pageList li a span {
    font-size: 1.125rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .leadMoreWrap .pageList li:hover img {
    transform: none;
  }
  .fullSwiperWrap .fullSwiperTit {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  .fullSwiperWrap .fullSwiperTit br {
    display: none;
  }
  .fullSwiperWrap .swiper.fullSwiper {
    width: 100vw !important;
    margin-left: -1.25rem !important;
    overflow: hidden;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiper-slide {
    border-radius: 0;
    height: 43.75vh;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
    width: auto;
    height: 100%;
    object-fit: cover;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent {
    left: 2.5rem;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTit {
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -0.08px;
  }
  .fullSwiperWrap
    .swiper.fullSwiper
    .swiper-slide
    .slideContent
    .slideTit
    .countTxt {
    min-width: 3.2rem;
    margin: 0;
  }
  .fullSwiperWrap
    .swiper.fullSwiper
    .swiper-slide
    .slideContent
    .slideTit.type_01 {
    flex-direction: column;
    align-items: flex-start;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiper-slide .slideContent .slideTxt {
    margin-top: 0.5rem;
    font-size: 0.875rem !important;
    line-height: 1.375rem !important;
    letter-spacing: -0.01px !important;
  }
  .fullSwiperWrap .swiper.fullSwiper .swiperController {
    margin-top: 1.5rem;
  }
}
.marginB12 {
  margin-bottom: 7.5rem !important;
}
@media (max-width: 1023px) {
  .marginB12 {
    margin-bottom: 3.5rem !important;
  }
}
.marginB0 {
  margin-bottom: 0 !important;
}
.errorWrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
}
.errorWrap::before {
  content: "";
  display: block;
  position: absolute;
  left: 60%;
  top: 0;
  transform: scale(2);
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle at 50% 50%,
    #34e5ff,
    rgba(52, 229, 255, 0.5) 34%,
    rgba(166, 244, 255, 0.1) 56%,
    rgba(255, 255, 255, 0) 64%
  );
}
.errorWrap::after {
  content: "";
  display: block;
  position: absolute;
  right: 45%;
  top: -14%;
  transform: scale(2);
  opacity: 0.4;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(
    circle at 50% 50%,
    #90ffc8,
    rgba(144, 255, 200, 0.5) 20%,
    rgba(144, 255, 200, 0.1) 32%,
    rgba(144, 255, 200, 0) 37%
  );
}
.errorWrap .conts {
  z-index: 10;
  text-align: center;
}
.errorWrap .conts::before {
  content: "";
  display: block;
  width: 4.375rem;
  height: 3.75rem;
  margin: 0 auto;
  background: url(/front/assets/common/images/common/ico_notFound.png) no-repeat
    center center/100% auto;
}
.errorWrap .conts p {
  position: relative;
  z-index: 3;
  margin: 2rem auto 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
}
.errorWrap .conts p b {
  color: #20c85a;
}
.errorWrap .conts a {
  margin: 2.5rem auto 0;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .errorWrap .conts::after {
    transform: scale(1);
    bottom: 0;
    background-image: radial-gradient(
      circle at 50% 50%,
      #90ffc8,
      rgba(144, 255, 200, 0.5) 20%,
      rgba(144, 255, 200, 0.1) 32%,
      rgba(144, 255, 200, 0) 37%
    );
  }
  .errorWrap .conts p {
    margin-top: 1.25;
    font-size: 1rem;
    font-weight: 700;
    line-height: -0.02px;
  }
  .errorWrap .conts a {
    margin-top: 1rem;
  }
}
@media (max-width: 768px) {
  .errorWrap .conts p {
    margin-top: 1.25;
    font-size: 1rem;
    font-weight: 700;
    line-height: -0.02px;
  }
  .errorWrap .conts a {
    margin-top: 1rem;
  }
}
.bul-dash {
  padding-left: 0.7rem;
  position: relative;
}
.bul-dash::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "-";
}
.cpnt_dialogWrap {
  display: none;
  position: absolute;
  left: 0;
  top: 15.25rem;
  z-index: 100;
  width: 100%;
  margin: 0 auto;
}
.cpnt_dialogWrap .wrapList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 109rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 5.5rem;
  gap: 1.5rem;
}
.cpnt_dialogWrap .wrapList:nth-child(1) {
  z-index: 110;
}
.cpnt_dialogWrap .wrapList:nth-child(2) {
  z-index: 120;
}
.cpnt_dialogWrap .wrapList:nth-child(3) {
  z-index: 130;
}
.cpnt_dialogWrap .wrapList:nth-child(4) {
  z-index: 140;
}
.cpnt_dialogWrap.active {
  display: block;
}
@media (max-width: 1744px) {
  .cpnt_dialogWrap .wrapList {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .cpnt_dialogWrap {
    top: 8.625rem;
  }
  .cpnt_dialogWrap .wrapList {
    position: relative;
    display: block;
    padding: 0 1.25rem;
  }
}
.cpnt_controlLine.tl {
  text-align: left;
}
.cpnt_controlLine.tc {
  text-align: center;
}
.cpnt_controlLine.tr {
  text-align: right;
}
.cpnt_controlLine > * {
  text-align: left;
}
sup {
  font-size: 0.7em;
}
html.en .isKo {
  display: none;
}
html[lang*="ko"] .isEn {
  display: none;
}
.isScrollSmooth {
  scroll-behavior: smooth;
}
.isDim {
  position: relative;
  overflow: hidden;
}
.isDim:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}
.isDim .isDim_target {
  position: relative;
  z-index: 15;
  color: #fff !important;
}
.isDim .isDim_target * {
  color: #fff !important;
}
.cpnt_dialog_pop {
  display: none;
  flex-shrink: 0;
  flex-basis: 31.25rem;
  width: 31.25rem;
  height: 37rem;
  border-radius: 10px;
  border: solid 1px #e8e8e8;
  background-color: #fff;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  position: relative;
}
.cpnt_dialog_pop.active {
  display: block;
}
.cpnt_dialog_pop .cpntHeader {
  display: flex;
  align-items: center;
  height: auto;
  padding: 1rem 2rem;
  border-bottom: solid 1px #e8e8e8;
}
.cpnt_dialog_pop .cpntHeader strong {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
}
.cpnt_dialog_pop .cpntBody {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem 0;
  height: 27rem;
  max-height: 24rem;
}
.cpnt_dialog_pop .cpntBody .btn_detail {
  flex-shrink: 0;
  flex-basis: 3.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.5rem;
  margin-top: 1.5rem;
  border-radius: 10px;
  background-color: #111;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #fff;
}
.cpnt_dialog_pop .cpntBody .ty_editor {
  flex: 1;
  padding-right: 1.5rem;
  overflow: hidden;
  overflow-y: auto;
  font-size: 1.125rem;
  line-height: 1.78;
  color: #666;
}
.cpnt_dialog_pop .cpntBody .ty_editor * {
  font-size: 1.125rem !important;
  line-height: 1.78;
  color: #666;
}
.cpnt_dialog_pop .cpntBody .ty_editor::-webkit-scrollbar {
  width: 0.25rem;
}
.cpnt_dialog_pop .cpntBody .ty_editor::-webkit-scrollbar-thumb {
  height: 70%;
  border-radius: 0.25rem;
  background-color: #b8b8b8;
}
.cpnt_dialog_pop .cpntBody .ty_editor::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.cpnt_dialog_pop .cpntBody .ty_editor img {
  width: 100%;
  height: 100%;
}
.cpnt_dialog_pop .cpntBody .ty_editor.img {
  padding-right: 0;
  width: 100%;
  height: 100%;
}
.cpnt_dialog_pop .cpntBody .ty_editor ul {
  list-style: initial;
}
.cpnt_dialog_pop .cpntBody .ty_editor ol {
  list-style: auto;
}
.cpnt_dialog_pop .cpntBody .ty_editor li {
  font-size: 1rem;
  list-style-type: inherit;
}
.cpnt_dialog_pop .cpntBody .ty_image {
  width: 100%;
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cpnt_dialog_pop .cpntBody .ty_image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.cpnt_dialog_pop[data-name*="popLeft"] {
  z-index: 130;
}
.cpnt_dialog_pop[data-name*="popCenter"] {
  z-index: 120;
}
.cpnt_dialog_pop[data-name*="popRight"] {
  z-index: 110;
}
.cpnt_dialog_pop .cpntFooter {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  width: 100%;
  height: 5.25rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #666;
  position: absolute;
  bottom: 0;
}
.cpnt_dialog_pop .cpntFooter .check {
  display: block;
}
.cpnt_dialog_pop .cpntFooter .check input[type*="checkbox"] {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(-1px, -1px, -1px, -1px);
}
.cpnt_dialog_pop .cpntFooter .check input[type*="checkbox"] + label {
  position: relative;
  padding-left: 1.75rem;
  cursor: pointer;
}
.cpnt_dialog_pop .cpntFooter .check input[type*="checkbox"] + label:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 2px;
  border-radius: 4px;
  border: solid 1px #d2d2d2;
  background-color: #fff;
}
.cpnt_dialog_pop
  .cpntFooter
  .check
  input[type*="checkbox"]:checked
  + label:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-color: #20c85a;
  background: url("data:image/svg+xml,%0A%3Csvg data-name='ico_check - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath data-name='패스 871502' d='m609.8 947.6 3.559 3.315 6.439-6' transform='translate(-606.801 -939.911)' style='stroke-width:2px;fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E%0A")
    no-repeat center center/1rem auto;
}
.cpnt_dialog_pop .cpntFooter button {
  position: relative;
  margin-left: auto;
  padding: 0 1.75rem 0 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
}
.cpnt_dialog_pop .cpntFooter button::before {
  content: "";
  position: absolute;
  top: 0.275rem;
  right: 0.6125rem;
  transform: rotate(45deg);
  width: 0.0625rem;
  height: 0.8rem;
  background-color: #111;
}
.cpnt_dialog_pop .cpntFooter button::after {
  content: "";
  position: absolute;
  top: 0.275rem;
  right: 0.6125rem;
  transform: rotate(-45deg);
  width: 0.0625rem;
  height: 0.8rem;
  background-color: #111;
}
@media (max-width: 768px) {
  .cpnt_dialog_pop {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: calc(100vw - 2.5rem);
    margin: 0 auto;
  }
  .cpnt_dialog_pop {
    height: auto;
  }
  .cpnt_dialog_pop .cpntHeader {
    height: auto;
    padding: 0.5rem 1.5rem;
  }
  .cpnt_dialog_pop .cpntHeader strong {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .cpnt_dialog_pop .cpntBody {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.5rem 0;
    height: 100vw;
  }
  .cpnt_dialog_pop .cpntBody .btn_detail {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_dialog_pop .cpntBody .ty_editor {
    flex: 1;
  }
  .cpnt_dialog_pop .cpntBody .ty_editor img {
    width: 100%;
    height: 100%;
  }
  .cpnt_dialog_pop .cpntBody .ty_image {
    flex: 1;
  }
  .cpnt_dialog_pop .cpntFooter {
    padding: 0 1.5rem;
    height: 4.25rem;
    font-size: 1rem;
    position: initial;
    bottom: initial;
  }
  .cpnt_dialog_pop .cpntFooter button {
    padding: 0 1.75rem 0 0;
  }
}
.cpnt_dialog_pop .ty_editor ul {
  margin: unset;
  padding: unset;
  list-style: initial;
}
.cpnt_dialog_pop .ty_editor ol {
  margin: unset;
  padding: unset;
  list-style: auto;
}
.cpnt_dialog_pop .ty_editor li {
  margin: 0 35px;
  padding: unset;
  font-size: 1rem;
  list-style: inherit;
  list-style-type: inherit;
}
.ghidden {
  display: block;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  margin: 0;
  padding: 0;
  clip: rect(-1px -1px -1px -1px);
}
.gfullsize {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.gbgf4 {
  background-color: #f4f4f4;
}
.goverflowvisible {
  overflow: visible !important;
}
.gsmoothscroll {
  scroll-behavior: smooth;
}
.gbullet {
  display: inline-block;
  position: relative;
  padding-left: 1rem;
}
.gbullet.t1::before {
  content: "※";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.gbullet.t2::before {
  content: "*";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.gbullet.t3::before {
  content: "-";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.customer_invest-chk-box > * {
  font-size: 1rem;
  color: #111;
}
.customer_invest-chk-box > * > * {
  font-size: 1rem;
  color: #111;
}
.customer_invest-chk-box > * + * {
  margin-top: 1.5rem;
}
.customer_invest-chk-box table td,
.customer_invest-chk-box table th {
  border-bottom: solid 0.063rem #d2d2d2;
  border-right: solid 0.063rem #d2d2d2;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  text-align: left;
  color: #666;
  word-break: break-all;
}
.customer_invest-chk-box table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
  border-top: solid 0.125rem #111;
  border-left: solid 0.063rem #d2d2d2;
}
.customer_invest-chk-box table thead th {
  padding: 3.25rem 0;
  padding: 0.5rem 0.5rem;
  font-weight: 700;
  text-align: center;
  color: #111;
}
.customer_invest-chk-box table thead th:nth-child(1) {
  width: 20%;
}
.customer_invest-chk-box table tbody th {
  padding: 0.5rem 0.5rem;
  font-weight: 700;
  color: #111;
}
.customer_invest-chk-box table tbody td {
  padding: 0.5rem 0.5rem;
  color: #666;
}
.customer_invest-chk-box table tbody tr:last-child * {
  border-color: #cfcfcf;
}
.customer_invest-chk-box table tbody img {
  max-width: 15rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .pc-margin-t-06 {
    margin-top: -0.6rem;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .mo-gmargin-t35 {
    margin-top: 3.5rem !important;
  }
  .mo-gmargin-t35 button {
    bottom: 1.25rem;
  }
}
@media (max-width: 768px) {
  .mo-gmargin-t35 {
    margin-top: 3.5rem !important;
  }
  .mo-gmargin-t35 button {
    bottom: 1.25rem;
  }
}
.gsubscript {
  position: relative;
  padding-left: 1rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
}
.gsubscript.t1::before {
  content: "※";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.gsubscript.t2::before {
  content: "*";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.gheadscript {
  font-size: 3.125rem;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
.gmargin-t0 {
  margin-top: 0 !important;
}
.gmargin-b0 {
  margin-bottom: 0 !important;
}
.gpadding-t0 {
  padding-top: 0 !important;
}
.gpadding-b0 {
  padding-bottom: 0 !important;
}
.gmargin-t15 {
  margin-top: 1.5rem;
}
.gmargin-t25 {
  margin-top: 2.5rem;
}
.innerContentsWrap.marginclear .contentsWrap {
  padding-top: 0 !important;
}
.innerContentsWrap.marginclear .contentsWrap .contentsBody {
  padding-top: 0 !important;
}
.innerContentsWrap.marginTop75 .contentsWrap {
  padding-top: 7.5rem !important;
}
.innerContentsWrap.marginTop75 .contentsWrap .contentsBody {
  padding-top: 0 !important;
}
@media (max-width: 1023px) {
  .innerContentsWrap.marginTop75 .contentsWrap {
    padding-top: 3.5rem !important;
  }
  .innerContentsWrap.marginTop75 .contentsWrap .contentsBody {
    padding-top: 0 !important;
  }
}
.t-fullmargin {
  max-width: 100% !important;
  transition: all 0.25s ease;
}
.t-fullmargin .contentsWrap {
  max-width: 90rem !important;
  width: 100% !important;
  transition: all 0.25s ease;
  padding-top: 0 !important;
}
.t-fullmargin .contentsWrap .contentsBody {
  transition: all 0.25s ease;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .t-fullmargin .contentsWrap .contentsBody {
    max-width: 90rem !important;
    width: 90%;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .t-fullmargin .contentsWrap {
    max-width: calc(100% - 5.5rem) !important;
  }
}
@media (max-width: 1023px) {
  .t-fullmargin {
    padding: 0 1.25rem 0 1.25rem !important;
  }
}
.innerContentsWrap.marginclear2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.innerContentsWrap.marginclear2 .contentsWrap {
  padding-top: 0 !important;
}
.innerContentsWrap.marginclear2 .contentsWrap .contentsBody {
  padding-top: 0 !important;
}
.innerContentsWrap.sizeclear {
  max-width: 100% !important;
  width: 100% !important;
}
.innerContentsWrap.sizeclear .contentsWrap {
  max-width: 100% !important;
  width: 100% !important;
}
.spaceTclear {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.spaceBclear {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.btn_gconfirm {
  align-items: center;
  max-width: 12rem;
  min-width: 5rem;
  width: 100%;
  min-height: 1.813rem;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 0.25rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  letter-spacing: -0.02px;
}
.btn_gconfirm + .btn_gconfirm {
  margin-top: 0.125rem;
}
.btn_gconfirm::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 30%;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/product/ico_newWindow_20.png)
    no-repeat center center/100% auto;
}
@media (max-width: 768px) {
  .btn_gconfirm {
    padding-left: 0;
  }
}
.btn_gmore {
  display: inline-block;
  height: 2rem;
  position: relative;
  padding-right: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  letter-spacing: -0.02px;
}
.btn_gmore::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow2_right_17.png)
    no-repeat center center/100% auto;
}
.btn_gdown {
  display: inline-block;
  width: 7.5rem;
  height: 9.75rem;
  position: relative;
  overflow: hidden;
  padding-left: 7.5rem;
  cursor: pointer;
}
.btn_gdown::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
    no-repeat center center/100% auto;
}
@media (max-width: 768px) {
  .btn_gdown {
    width: 2rem;
    height: 2rem;
    padding-left: 2rem;
  }
}
.btn_glink_line {
  display: block;
  position: relative;
  max-width: 22.875rem;
  width: 100%;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  padding-right: 1.5rem;
}
.btn_glink_line::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc((100% - 1.25rem) / 2);
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png)
    no-repeat center center/100% auto;
}
@media (max-width: 768px) {
  .btn_glink_line {
    max-width: 100%;
    width: 100%;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.188rem;
    letter-spacing: -0.02px;
  }
}
.btn_glink_line.w {
  border-bottom: 0.125rem solid #fff;
  color: #fff;
}
.btn_glink_line.w::after {
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png)
    no-repeat center center/100% auto;
}
.btn_gdown_line {
  display: block;
  display: block;
  max-width: 22.875rem;
  width: 100%;
  position: relative;
  padding-right: 1.5rem;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  letter-spacing: -0.02px;
}
.btn_gdown_line::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc((100% - 1.25rem) / 2);
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
    no-repeat center center/100% auto;
}
.btn_gdown_line em {
  display: inline-block;
  margin-left: 2rem;
  margin-top: 0.125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.188rem;
  vertical-align: top;
  letter-spacing: -0.02px;
  color: #5bb96a;
}
.btn_gdown_line + .btn_gdown_line {
  margin-top: 3.75rem;
}
@media (max-width: 768px) {
  .btn_gdown_line {
    max-width: 100%;
    width: 100%;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.188rem;
    letter-spacing: -0.02px;
  }
  .btn_gdown_line + .btn_gdown_line {
    margin-top: 2.5rem;
  }
}
.btn_gdown_line.w {
  border-bottom: 0.125rem solid #fff;
  color: #fff;
}
.btn_gdown_line.w::after {
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png)
    no-repeat center center/100% auto;
}
.cpnt_controllLine {
  display: flex;
  align-items: center;
}
.cpnt_controllLine .litems {
  margin-left: auto;
}
.cpnt_controllLine .ritems {
  margin-left: auto;
}
.swiper-control > * {
  width: 3.75rem;
  height: 3.75rem;
  position: relative;
  overflow: hidden;
  padding-left: 3.75rem;
  border-radius: 1.875rem;
  border: solid 1px #d2d2d2;
  background-color: #f8f8f8;
  background-color: #fff;
}
.swiper-control > .btn_prev::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_slide_prev_gray.png)
    no-repeat center center/100% auto;
}
.swiper-control > .btn_next:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_slide_next_gray.png)
    no-repeat center center/100% auto;
}
.swiper-control > :hover {
  border: solid 1px #111;
  background-color: #111 !important;
}
.swiper-control > .btn_prev:hover::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_slide_prev_white.png)
    no-repeat center center/100% auto;
}
.swiper-control > .btn_next:hover::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_slide_next_white.png)
    no-repeat center center/100% auto;
}
.swiper-control > .swiper-button-disabled {
  opacity: 0.6;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .swiper-control > :hover {
    border: solid 1px #d2d2d2;
    background-color: #fff !important;
  }
  .swiper-control > .btn_prev:hover::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_slide_prev_gray.png)
      no-repeat center center/100% auto !important;
  }
  .swiper-control > .btn_next:hover::before {
    background: url(/front/assets/common/images/esg/ico_sub_esg_slide_next_gray.png)
      no-repeat center center/100% auto !important;
  }
}
.cpnt_dialog_confirm.cpnt_siteout {
  display: none;
}
.cpnt_dialog_confirm.cpnt_siteout.active {
  display: block;
}
.cpnt_dialog_confirm.cpnt_cookie {
  display: none;
}
.cpnt_dialog_confirm.cpnt_cookie.active {
  display: block;
}
.cpnt_dialog_confirm::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100000;
  background-color: rgba(18, 18, 18, 0.4);
}
.cpnt_dialog_confirm .cpntWrap {
  max-width: 37rem;
  width: 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100001;
  padding-bottom: 2.5rem;
  border-radius: 10px;
  border: solid 1px #707070;
  background-color: #fff;
}
.cpnt_dialog_confirm .cpntHeader {
  height: 5rem;
  margin: 0 2.5rem;
}
.cpnt_dialog_confirm .cpntHeader strong {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.05px;
  color: #111;
  padding-top: 2.5rem;
  display: block;
}
.cpnt_dialog_confirm .cpntBody {
  margin: 0 2.5rem;
  font-size: 1.12rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_dialog_confirm .cpntBody.type01 {
  line-height: 1.75;
  max-height: 30rem;
  display: flex;
  flex-direction: column;
}
.cookiepop {
  font-size: 14px;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.cpnt_dialog_confirm .cpntBody p em {
  display: block;
  text-align: center;
}
.cpnt_dialog_confirm .cpntBody p span {
  display: block;
  margin-top: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.01px;
  color: #b8b8b8;
}
..cpnt_dialog_confirm .cpntBody span {
  color: black;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.02px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  display: block;
}
.leavingspan {
  color: black;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  letter-spacing: -0.02px;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  display: block;
  height: 72px;
}
.leavingpop {
  font-size: 14px;
  font-weight: inherit;
  text-align: center;
  line-height: inherit;
  letter-spacing: inherit;
}
.cpnt_dialog_confirm .cpntBody .btn_link {
  font-size: 1.25rem;
  color: #111;
  display: flex;
  align-items: center;
  letter-spacing: -0.02px;
  line-height: 1.5;
  margin: 1.25rem 0 1.875rem;
}
.cpnt_dialog_confirm .cpntBody .btn_link::after {
  display: block;
  width: 17px;
  height: 17px;
  background: url(/front/assets/common/images/product/ico_arrow_right.png)
    no-repeat center center/100% auto;
  content: "";
  margin-left: 0.75rem;
}
.cpnt_dialog_confirm .cpntBody .ty_editor {
  flex: 1;
  overflow-y: auto;
}
.cpnt_dialog_confirm .cpntBody .ty_editor::-webkit-scrollbar {
  width: 0.25rem;
}
.cpnt_dialog_confirm .cpntBody .ty_editor::-webkit-scrollbar-thumb {
  height: 70%;
  border-radius: 0.25rem;
  background-color: #b8b8b8;
}
.cpnt_dialog_confirm .cpntBody .ty_editor::-webkit-scrollbar-track {
  background-color: #f4f4f4;
}
.cpnt_dialog_confirm .cpntFooter {
  margin: 1.5rem 0;
}
.cpnt_dialog_confirm .btn_close {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 2.5rem;
  top: 2.5rem;
  overflow: hidden;
  padding-left: 1.5rem;
}
.cpnt_dialog_confirm .btn_close::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/front/assets/common/images/product/ico_close_24_gray.png)
    no-repeat center center/100% auto;
}
@media (max-width: 768px) {
  .cpnt_dialog_confirm .cpntWrap {
    max-width: calc(100% - 2.5rem);
  }
}

@media (max-width: 768px) {
  .cpnt_dialog_confirm .cpntHeader strong {
    font-size: 1.125rem;
    padding-top: 2.6rem;
  }
  .cpnt_dialog_confirm .cpntBody {
    margin: 0 1.5rem;
  }
  .cpnt_dialog_confirm .cpntBody p {
    font-size: 1rem;
  }
  .cpnt_dialog_confirm .cpntBody .btn_link {
    font-size: 1rem;
  }
  .cpnt_dialog_confirm .cpntBody .btn_link::after {
    background-size: 10px;
  }
  .cpnt_dialog_confirm .btnGroup > a,
  .cpnt_dialog_confirm .btnGroup > button {
    width: auto;
    height: 40px;
  }
  .cpnt_dialog_confirm .btnGroup > a span,
  .cpnt_dialog_confirm .btnGroup > button span {
    font-size: 0.875rem;
  }
  .cpnt_dialog_confirm .btnGroup > a + a,
  .cpnt_dialog_confirm .btnGroup > a + button,
  .cpnt_dialog_confirm .btnGroup > button + a,
  .cpnt_dialog_confirm .btnGroup > button + button {
    margin-top: 0;
    margin-left: 0.75rem;
  }
}
@media (max-width: 480px) {
  .cpnt_dialog_confirm .btnGroup > a,
  .cpnt_dialog_confirm .btnGroup > button {
  }
  .cpnt_dialog_confirm .btnGroup > a + a,
  .cpnt_dialog_confirm .btnGroup > button + a {
    margin-top: 0.75rem;
    margin-left: 0;
  }
}
.cpnt_simpleList li + li {
  margin-top: 0.75rem;
}
.cpnt_simpleList .btn_gdown_line_small {
  position: relative;
  display: inline-block;
  height: 1.25rem;
  padding-left: 1.25rem;
  border-bottom: solid 1px #999;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.01px;
  color: #999;
}
.cpnt_simpleList .btn_gdown_line_small::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
    no-repeat center center/100% auto;
}
.cpnt_tooltip {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 10;
  clip: rect(-1px, -1px, -1px, -1px);
  overflow: hidden;
  margin-top: 1rem;
}
.cpnt_tooltip.active {
  width: auto;
  height: auto;
  clip: auto;
  overflow: visible;
}
.cpnt_tooltip .cpntWrap {
  width: 100%;
  height: auto;
  position: relative;
  padding: 1.5rem 1.25rem;
  border-radius: 10px;
  border: solid 1px #d2d2d2;
  background-color: #fff;
}
.cpnt_tooltip .cpntHeader {
  display: flex;
  align-items: center;
  height: 6.313rem;
}
.cpnt_tooltip .cpntHeader strong {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
}
.cpnt_tooltip .btn_close {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
  overflow: hidden;
  padding-left: 1.5rem;
  cursor: pointer;
}
.cpnt_tooltip .btn_close::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/front/assets/common/images/esg/ico_close_24_gray.png)
    no-repeat center center/100% auto;
}
@media (max-width: 768px) {
  .cpnt_tooltip.active {
    width: calc(100% - 2.5rem);
    width: 100%;
  }
  .cpnt_tooltip .cpntWrap {
    min-width: initial;
  }
}
@keyframes swiperPaging {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.swiper-paging {
  height: 0;
  overflow: hidden;
}
.swiper-paging.swiper-pagination-bullets {
  position: absolute;
  top: auto;
  top: initial;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.swiper-paging .swiper-pagination-bullet {
  width: 2.5rem;
  height: 0.5rem;
  position: relative;
  overflow: hidden;
  opacity: 1;
  border-radius: 4px;
  background-color: #b8b8b8;
}
.swiper-paging .swiper-pagination-bullet::before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #111;
}
.swiper-paging
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
.swiper-paging.autopaly .swiper-pagination-bullet::before {
  width: 0;
}
.swiper-paging.autopaly
  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  width: 100%;
}
@media (max-width: 768px) {
  .swiper-paging {
    height: auto;
    overflow: visible;
  }
}
@media (min-width: 1025px) {
  .isMo2 {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .isPc2 {
    display: none !important;
  }
}
@media (min-width: 1024px) {
  .isMo {
    display: none !important;
  }
  .section_sub {
    max-width: 90rem !important;
    margin: 12.5rem auto 0 !important;
  }
  .section_sub_space {
    margin-top: 12.5rem !important;
    margin-bottom: 0 !important;
  }
  .section_sub_space2 {
    margin-top: 7.5rem !important;
    margin-bottom: 0 !important;
  }
  .section_sub_width {
    max-width: 90rem !important;
    margin: 0 auto !important;
  }
  .cpnt_tabcontent .section_sub:first-child {
    margin-top: 5rem;
  }
  .cpnt_product_headtext {
    max-width: 90rem;
    margin: 10rem auto 0;
  }
  .wraptype01 {
    max-width: 100% !important;
    width: 100% !important;
    margin: 12.5rem 0 0 0 !important;
  }
  .wraptype01 .contentsWrap {
    padding-top: 0 !important;
  }
}
@media (max-width: 1023px) {
  .isPc {
    display: none !important;
  }
  .section_sub {
    max-width: 100% !important;
    max-width: auto !important;
    max-width: initial !important;
    margin: 7.5rem 0 0 !important;
  }
  .section_sub_space {
    margin-top: 7.5rem !important;
    margin-bottom: 0 !important;
  }
  .section_sub_space2 {
    margin-top: 3.5rem !important;
    margin-bottom: 0 !important;
  }
  .section_sub_width {
    max-width: 100% !important;
    max-width: auto !important;
    max-width: initial !important;
  }
  .cpnt_tabcontent .section_sub:first-child {
    margin-top: 1.5rem;
  }
  .cpnt_product_headtext {
    max-width: 100%;
    margin: 3.5rem 0 0;
  }
  .wraptype01 {
    max-width: 100% !important;
    width: 100% !important;
    margin: 7.5rem 0 0 0 !important;
    padding: 0 1.25rem !important;
  }
  .wraptype01 .contentsWrap {
    padding-top: 0 !important;
  }
}
.cpnt_breadcrumb {
  position: fixed;
  left: 50%;
  bottom: -10%;
  bottom: 2.5rem;
  transform: translateX(-50%);
  z-index: 10050;
  transition: bottom 1s ease;
}
.cpnt_breadcrumb a,
.cpnt_breadcrumb b,
.cpnt_breadcrumb button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.cpnt_breadcrumb ol {
  display: flex;
  border-radius: 0.625rem;
  background-color: rgba(17, 17, 17, 0.72);
}
.cpnt_breadcrumb ol > li {
  position: relative;
}
.cpnt_breadcrumb ol > li > a,
.cpnt_breadcrumb ol > li > b,
.cpnt_breadcrumb ol > li > button {
  min-width: 14.9375rem;
  height: 3.75rem;
}
html.en .cpnt_breadcrumb ol li:nth-child(4) button {
  width: 22.4375rem;
}
.cpnt_breadcrumb ol > li:first-child {
  padding: 0 0 0 3.5rem;
  text-indent: 0.1rem;
}
.cpnt_breadcrumb ol > li:first-child a {
  display: block;
  position: relative;
  min-width: 1.75rem;
  width: 1.75rem;
  padding-left: 1.75rem;
  overflow: hidden;
}
.cpnt_breadcrumb ol > li:first-child a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1.75rem;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg data-name='ico_home - 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg data-name='그룹 493496'%3E%3Cpath data-name='패스 871487' d='m-6033.53-5791.224-6.6 5.042v7.958h13v-7.958z' transform='translate(6043.633 5794.724)' style='fill:none;stroke-linejoin:round;stroke:%23b8b8b8;stroke-linecap:round;stroke-width:1.5px'/%3E%3Cpath data-name='패스 871488' d='M-6007.143-5774.575v-4' transform='translate(6017.143 5790.575)' style='fill:none;stroke:%23b8b8b8;stroke-linecap:round;stroke-width:1.5px'/%3E%3C/g%3E%3C/svg%3E%0A")
    no-repeat center center;
}
.cpnt_breadcrumb ol > li:nth-child(n + 3)::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: #666;
}
.cpnt_breadcrumb ol > li:nth-child(n + 2) button::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='ico_arrow_down - 16'%3E%3Cpath data-name='패스 58' d='M8 4 4 0 0 4' transform='translate(4 5.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E")
    no-repeat center center;
}
.cpnt_breadcrumb ol > li:nth-child(n + 2).active button::after {
  transform: rotate(180deg);
}
.cpnt_breadcrumb ol > li:nth-child(n + 2).active ul {
  display: block;
}
.cpnt_breadcrumb ol ul {
  display: none;
  position: absolute;
  bottom: 4.25rem;
  left: calc(50% + 1px);
  transform: translateX(-50%);
  width: calc(100% - 1px);
  padding: 1.375rem 0.5rem;
  border-radius: 0.625rem;
  background-color: rgba(17, 17, 17, 0.72);
}
.cpnt_breadcrumb ol ul li a {
  height: 35px;
  color: #b8b8b8;
}
.cpnt_breadcrumb ol ul li a:hover {
  color: #fff;
}
.cpnt_breadcrumb ol ul li.outlink a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-left: 0.125rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.6;
}
.cpnt_breadcrumb ol ul li.outlink a:hover::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%0A%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23fff;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
}
html.top .cpnt_breadcrumb {
  animation: breadcrumbInit 1s ease forwards 2s;
}
html.bottom.scrollTop body .cpnt_breadcrumb,
html.scrollDown .cpnt_breadcrumb,
html.top.scrollTop .cpnt_breadcrumb {
  animation: none;
  bottom: -10% !important;
}
html.middle.scrollTop .cpnt_breadcrumb {
  bottom: 2.5rem !important;
}
@media (max-width: 1023px) {
  .cpnt_breadcrumb {
    display: none;
  }
}
@keyframes breadcrumbInit {
  0% {
    bottom: 2.5rem;
  }
  100% {
    bottom: -10%;
  }
}
.mainWrapper {
  z-index: 1 !important;
}
html.scrollDown:not(.top) header#header {
  top: -11rem;
}
html.scrollTop:not(.top) header#header {
  top: 0;
}
@media (min-width: 1024px) {
  html.gnbover.scrollTop:not(.top) header#header {
    height: 10.125rem;
    border-bottom: 1px solid #e8e8e8;
  }
  html.gnbactive header#header .innerWrap #gnbWrap .gnb li > a {
    color: #b8b8b8;
  }
  html.gnbactive header#header .innerWrap #gnbWrap .gnb li.active > a {
    color: #111;
  }
}
@media (max-width: 1024px) {
  html.pg_main #footer #footerWrap {
    margin-bottom: 5rem;
  }
}
html.pg_main header#header {
  z-index: 0 !important;
}
html.first header#header {
  z-index: 99999 !important;
}
html.pg_main body > .footerTopBtn {
  position: fixed;
  bottom: 2.5rem;
  right: 2.5rem;
}
html.pg_main.bottom body > .footerTopBtn {
  position: absolute !important;
  bottom: initial !important;
  bottom: auto !important;
  top: calc(100% - 620px) !important;
}
html.pg_main.bottom body > .footerTopBtn button {
  height: 3.75rem !important;
  opacity: 1 !important;
}
.footerTopBtn {
  align-items: flex-end;
  position: fixed;
  left: 50%;
  bottom: -10%;
  transform: translateX(-50%);
  z-index: 10000;
  max-width: 109rem;
  width: calc(100% - 11rem);
  height: 0;
  margin: 0 auto;
  text-align: right;
  transition: transform 0.6s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: 1s all ease;
}
.footerTopBtn button {
  position: absolute;
  right: 0;
  bottom: 2.5rem;
  bottom: 2.5rem;
  width: 3.75rem;
  height: 0 !important;
  height: 3.75rem !important;
  overflow: hidden;
  opacity: 0;
  opacity: 1;
  transition:
    0.5s bottom,
    opacity cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: 1s all ease;
}
html.scrollTop.middle .footerTopBtn {
  position: fixed !important;
  bottom: 0 !important;
  opacity: 1 !important;
}
html.scrollTop.middle .footerTopBtn button {
  height: 3.75rem !important;
  bottom: 2.5rem !important;
  opacity: 1;
}
html.bottom .footerTopBtn {
  opacity: 1 !important;
  position: relative !important;
  bottom: 0 !important;
}
html.bottom .footerTopBtn button {
  bottom: 2.5rem;
  height: 3.75rem !important;
  opacity: 1;
}
html.scrollDown .footerTopBtn {
  position: fixed;
  bottom: -10%;
  opacity: 0;
}
html.scrollDown .footerTopBtn button {
  bottom: 2.5rem;
  height: 3.75rem !important;
  opacity: 1;
}
html.top .footerTopBtn {
  opacity: 0 !important;
  bottom: -10%;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .footerTopBtn {
    width: calc(100% - 5.5rem);
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .footerTopBtn {
    width: calc(100% - 2.5rem);
  }
}
@media (max-width: 768px) {
  .footerTopBtn {
    width: calc(100% - 2.5rem);
  }
}
header#header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 5rem;
  z-index: 10100;
  position: fixed;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  backdrop-filter: none;
  background-color: rgba(255, 255, 255, 0.9);
}
header#header .innerWrap {
  display: flex;
  position: relative;
  width: 100%;
  max-width: calc(100% - 11rem);
  height: 5rem;
  margin: 0 auto;
  transition: 0.25s ease;
}
header#header .innerWrap h1 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
header#header .innerWrap a.logo {
  display: block;
  width: 8.75rem;
  height: 2.236rem;
  margin: 1.307rem 0 0 0;
  background: url(/front/assets/common/images/img_header_logo.png) 0 0 no-repeat;
  background-size: 8.75rem 2.236rem;
}
@keyframes aniiGnb {
  0% {
    opacity: 0;
    top: -5rem;
  }
  1% {
    opacity: 0;
    top: 3.815rem;
    transform: translate(-50%, -20%);
  }
  100% {
    opacity: 1;
    top: 3.815rem;
    transform: translate(-50%, 0);
  }
}
header#header .innerWrap #gnbWrap {
  flex: 1;
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
}
header#header .innerWrap #gnbWrap .gnb {
  flex: 1;
  margin: 0 auto;
  padding-top: 1.75rem;
  font-size: 0;
}
header#header .innerWrap #gnbWrap .gnb li {
  position: relative;
  display: inline-block;
  height: 2.3rem;
  padding: 0.5rem 1.75rem;
}
header#header .innerWrap #gnbWrap .gnb li > a {
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
}
header#header .innerWrap #gnbWrap .gnb li dl {
  display: flex;
  position: absolute;
  top: 3.815rem;
  top: -5rem;
  left: 50%;
  transform: translate(-50%, -20%);
  z-index: -100;
  width: max-content;
  height: 3.25rem;
  padding: 0 0.375rem;
  font-size: 0;
  background-color: #111;
  border-radius: 10px;
  padding: 0.375rem 0.438rem;
  opacity: 0;
}
header#header .innerWrap #gnbWrap .gnb li dl dd {
  display: inline-block;
  border-radius: 10px;
  width: 9.75rem;
}
header#header .innerWrap #gnbWrap .gnb li dl dd a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 9.75rem;
  flex-basis: 9.75rem;
  height: 2.5rem;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
  font-weight: 500;
  border-radius: 6px;
  transition: 0.3s ease;
  overflow: hidden;
  text-align: center;
}
header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
  color: #111;
  background-color: #fff;
}
html.en header#header .innerWrap #gnbWrap .gnb li dl dd {
  width: 13.125rem;
}
header#header .innerWrap #gnbWrap .gnb li.active {
  height: 4.3rem;
}
header#header .innerWrap #gnbWrap .gnb li.active::after {
  width: 100%;
}
header#header .innerWrap #gnbWrap .gnb li.active > a {
  color: #111;
}
header#header .innerWrap #gnbWrap .gnb li.active dl {
  animation: aniiGnb 0.3s forwards linear;
}
header#header .innerWrap #gnbWrap .gnb li.active dl::after {
  content: "";
  display: block;
  width: 100%;
  height: 1rem;
  position: absolute;
  left: 0;
  top: -1rem;
}
header#header .innerWrap #gnbWrap .languageWrap {
  flex-shrink: 0;
  flex-basis: 9.75rem;
  display: flex;
  justify-content: flex-end;
}
header#header .innerWrap #gnbWrap .languageWrap .localLangSelector {
  top: 2.125rem;
  right: 3.75rem;
}
header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul {
  display: flex;
  margin-right: 1.5rem;
  padding-top: 1.8rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li {
  display: flex;
  margin-left: 0.5rem;
}
header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li a {
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #b8b8b8;
  font-weight: 700;
}
header#header
  .innerWrap
  #gnbWrap
  .languageWrap
  .localLangSelector
  ul
  li:first-child {
  margin-left: 0;
}
header#header
  .innerWrap
  #gnbWrap
  .languageWrap
  .localLangSelector
  ul
  li.active
  a {
  color: #111;
}
header#header .innerWrap #gnbWrap .languageWrap .globleLangSelector {
  top: 1.75rem;
  right: 0;
  width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
  margin-right: -0.5rem;
  margin-top: 2rem;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}
header#header .innerWrap #gnbWrap .languageWrap .globleLangSelector button {
  width: 2rem;
  height: 2rem;
  overflow: hidden;
}
header#header .innerWrap #gnbWrap .globleLangAll {
  display: none;
  position: absolute;
  top: 6.25rem;
  right: 0;
  width: 42.625rem;
  min-height: 11.313rem;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.1);
  padding: 2.5rem;
  z-index: 300;
  overflow: hidden;
}
header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap {
  text-align: left;
  margin-bottom: 0;
}
header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap .tabNavList li {
  margin-left: 2rem;
}
header#header .innerWrap #gnbWrap .globleLangAll .tabNavWrap .tabNavList li a {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabNavWrap
  .tabNavList
  li:first-child {
  margin-left: 0;
}
header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap {
  text-align: left;
}
header#header .innerWrap #gnbWrap .globleLangAll .tabContentsWrap button {
  position: absolute;
  top: 2.3rem;
  right: 2.5rem;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList {
  margin-top: 2rem;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li {
  display: inline-block;
  width: 12.125rem;
  height: 2.375rem;
  border-radius: 8px;
  margin-top: 0.625rem;
  margin-left: 0.625rem;
  overflow: hidden;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li
  a {
  display: block;
  width: 100%;
  height: 2.375rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: -0.01px;
  color: #111;
  line-height: 2.375rem !important;
  font-weight: 500;
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 8px;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li:nth-child(1),
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li:nth-child(2),
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li:nth-child(3) {
  margin-top: 0;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li:nth-child(3n + 1) {
  margin-left: 0;
}
header#header
  .innerWrap
  #gnbWrap
  .globleLangAll
  .tabContentsWrap
  .tabContents
  .languageList
  li:hover
  a {
  background-color: #111;
  color: #fff;
}
header#header .innerWrap #gnbWrap .globleLangAll.active {
  display: block;
}
header#header .innerWrap .mobileAllMenu {
  display: none;
}
#wrapper {
  width: 100%;
  padding: 0 0 16.25rem 0;
  padding: 0 0 12.25rem 0;
  transition: 0.25s ease;
  overflow: hidden;
  padding-top: 1.75rem;
}
#wrapper .contentsWrap {
  width: 100%;
  max-width: 90rem;
  padding: 7.5rem 0 0 0;
  margin: 0 auto;
  transition: 0.25s ease;
}
#wrapper .contentsWrap .contentsHead {
  width: 100%;
  text-align: center;
}
#wrapper .contentsWrap .contentsHead .location {
  width: fit-content;
  margin: 0 auto;
}
#wrapper .contentsWrap .contentsHead .location ul {
  font-size: 0;
  overflow: initial;
}
#wrapper .contentsWrap .contentsHead .location ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 2rem;
  overflow: initial;
}
#wrapper .contentsWrap .contentsHead .location ul li a {
  font-size: 1rem;
  line-height: 1.75rem;
  letter-spacing: -0.02px;
  color: #666;
}
#wrapper .contentsWrap .contentsHead .location ul li a::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-linecap:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M4,6.5l4,4l4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 0 -2px 0.25rem;
}
#wrapper .contentsWrap .contentsHead .location ul li .subDepth {
  display: none;
  position: absolute;
  top: 28px;
  left: -20px;
  min-width: 10rem;
  width: min-content;
  background-color: #111;
  box-shadow: 0 8px 20px 0 rgba(17, 17, 17, 0.3);
  border-radius: 10px;
  padding: 1rem 0 1rem 0;
  z-index: 10;
}
#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd {
  text-align: left;
  padding: 1.25rem 1.25rem 0 1.25rem;
}
#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd a {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  text-align: left;
  white-space: nowrap;
}
#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd a::after {
  display: none;
}
#wrapper .contentsWrap .contentsHead .location ul li .subDepth dd:first-child {
  padding-top: 0;
}
#wrapper .contentsWrap .contentsHead .location ul li:first-child a {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D .st1%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M10.1,3.5l-6.6,5v8h13v-8L10.1,3.5z'/%3E%3Cpath class='st1' d='M10,16v-4'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -2px;
}
#wrapper .contentsWrap .contentsHead .location ul li:first-child a::after {
  display: none;
}
#wrapper .contentsWrap .contentsHead .location ul li:last-child {
  margin-right: 0;
}
#wrapper .contentsWrap .contentsHead .location ul li.active a::after {
  transform: rotate(180deg);
}
#wrapper .contentsWrap .contentsHead .location ul li.active .subDepth {
  display: block;
}
#wrapper .contentsWrap .contentsHead h2 {
  font-size: 4rem;
  font-weight: 700;
  line-height: 4.8125rem;
  letter-spacing: -0.13px;
  color: #111;
  font-weight: 700;
  padding: 2rem 0 0 0;
  text-decoration: none;
}
footer#footer {
  width: 100%;
  padding-bottom: 2.5rem;
  transition: 0.25s ease;
}
footer#footer .innerWrap {
  position: relative;
  width: 109rem;
  margin: 0 auto;
  transition: 0.25s ease;
}
footer#footer .innerWrap .footerArrowBtn {
  display: none;
  position: fixed;
  bottom: 44rem;
  right: 50%;
  width: 3.75rem;
  height: 3.75rem;
  transition: 1s ease;
  margin-right: -54rem;
  z-index: 50;
  overflow: hidden;
}
footer#footer .innerWrap .footerArrowBtn.active {
  display: block;
  transition: 1s ease;
}
footer#footer .innerWrap #footerWrap {
  position: relative;
  width: 100%;
  height: 40.563rem;
  background-color: #111;
  padding: 5rem 9.188rem;
  box-sizing: border-box;
  border-radius: 30px;
}
footer#footer .innerWrap #footerWrap .menu {
  font-size: 0;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .menu li {
  display: inline-block;
  width: 12.5rem;
  vertical-align: top;
  margin-right: 1.5rem;
}
footer#footer .innerWrap #footerWrap .menu li:last-child {
  margin-right: 0;
}
footer#footer .innerWrap #footerWrap .menu li dl {
  font-size: 0;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .menu li dl dt {
  width: 9.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  margin-bottom: 2rem;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .menu li dl dd {
  width: 12.5rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .menu li dl dd:last-child {
  margin-bottom: 0;
}
footer#footer .innerWrap #footerWrap .menu li dl dd a {
  font-size: 0.9rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #666;
}
footer#footer .innerWrap #footerWrap .menu li dl dd a:hover {
  color: #fff;
}
footer#footer .innerWrap #footerWrap .familySite {
  position: absolute;
  top: 5rem;
  right: 9.188rem;
}
footer#footer .innerWrap #footerWrap .familySite .inputSelect {
  width: 15rem;
}
footer#footer .innerWrap #footerWrap .logo {
  width: 8.875rem;
  height: 2.313rem;
  background: url(/front/assets/common/images/img_footer_logo.png) 0 0 no-repeat;
  background-size: 8.875rem 2.313rem;
  margin-top: 4rem;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .sideMenu {
  font-size: 0;
  margin-top: 2rem;
  margin-right: 19.5rem;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .sideMenu li {
  display: inline-block;
  margin-right: 1.25rem;
}
footer#footer .innerWrap #footerWrap .sideMenu li:first-child a {
  color: #b8b8b8;
}
footer#footer .innerWrap #footerWrap .sideMenu li:last-child {
  margin-right: 0;
}
footer#footer .innerWrap #footerWrap .sideMenu li a {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #666;
}
footer#footer .innerWrap #footerWrap .sideMenu li a:hover {
  color: #fff;
}
footer#footer .innerWrap #footerWrap address {
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: -0.01px;
  color: #666;
  margin-top: 2.063rem;
}
footer#footer .innerWrap #footerWrap address span {
  margin-left: 1.25rem;
}
footer#footer .innerWrap #footerWrap address p {
  display: block;
  margin-top: 0.563rem;
}
footer#footer .innerWrap #footerWrap .snsBtns {
  position: absolute;
  right: 9.188rem;
  bottom: 5rem;
}
footer#footer .innerWrap #footerWrap .snsBtns ul {
  font-size: 0;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .snsBtns ul li {
  display: inline-block;
  margin-left: 1rem;
}
footer#footer .innerWrap #footerWrap .snsBtns ul li button {
  width: 2.25rem;
  height: 2.25rem;
  overflow: hidden;
}
footer#footer .innerWrap #footerWrap .snsBtns ul li:first-child {
  margin-left: 0;
}
@media (min-width: 1600px) and (max-width: 1920px) {
  header#header {
    transition: 0.25s ease;
  }
  header#header .innerWrap {
    transition: 0.25s ease;
  }
  #wrapper .contentsWrap {
    width: 100%;
    max-width: 90rem;
    transition: 0.25s ease;
  }
  footer#footer {
    transition: 0.25s ease;
  }
  footer#footer .innerWrap {
    position: relative;
    width: 100%;
    max-width: calc(100% - 11rem);
    transition: 0.25s ease;
  }
  html.en footer#footer .innerWrap #footerWrap .sideMenu {
    margin-top: 1rem;
  }
  html.en footer#footer .innerWrap #footerWrap address {
    margin-top: 1rem;
  }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  header#header {
    transition: 0.25s ease;
  }
  header#header .innerWrap {
    transition: 0.25s ease;
  }
  #wrapper .contentsWrap {
    width: 90%;
    max-width: 90rem;
    transition: 0.25s ease;
  }
  footer#footer .innerWrap {
    position: relative;
    width: 100%;
    max-width: calc(100% - 11rem);
    transition: 0.25s ease;
  }
  footer#footer .innerWrap #footerWrap {
    padding: 3rem 3.188rem;
  }
  footer#footer .innerWrap #footerWrap .logo {
    margin-top: 7rem;
  }
  footer#footer .innerWrap #footerWrap .familySite {
    right: 3.188rem;
    top: initial;
    bottom: 9rem;
  }
  footer#footer .innerWrap #footerWrap .snsBtns {
    right: 3.188rem;
  }
  html.en footer#footer .innerWrap #footerWrap .logo {
    margin-top: 3rem;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  html.en header#header .innerWrap #gnbWrap .gnb li {
    padding: 0.5rem 0.675rem;
  }
  header#header {
    transition: 0.25s ease;
  }
  header#header .innerWrap {
    transition: 0.25s ease;
    max-width: calc(100% - 5.5rem);
  }
  header#header .innerWrap #gnbWrap .gnb li {
    padding: 0.5rem 1.25rem;
  }
  header#header .innerWrap #gnbWrap .languageWrap .localLangSelector {
    right: 3rem;
  }
  header#header .innerWrap #gnbWrap .languageWrap .localLangSelector ul li {
    margin-left: 0.725rem;
  }
  header#header
    .innerWrap
    #gnbWrap
    .languageWrap
    .localLangSelector
    ul
    li
    a
    span {
    display: block;
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(-1px, -1px, -1px, -1px);
    overflow: hidden;
  }
  #wrapper .contentsWrap {
    width: 100%;
    max-width: calc(100% - 5.5rem);
    transition: 0.25s ease;
  }
  footer#footer .innerWrap {
    width: 100%;
    max-width: calc(100% - 5.5rem);
    transition: 0.25s ease;
  }
  footer#footer .innerWrap #footerWrap {
    padding: 2rem 3.188rem;
  }
  footer#footer .innerWrap #footerWrap .logo {
    margin-top: 7rem;
  }
  footer#footer .innerWrap #footerWrap .familySite {
    right: 3.188rem;
    top: initial;
    bottom: 9rem;
  }
  footer#footer .innerWrap #footerWrap .snsBtns {
    right: 3.188rem;
  }
  footer#footer .innerWrap #footerWrap .menu li {
    margin-right: 1rem;
  }
  html.en footer#footer .innerWrap #footerWrap .logo {
    margin-top: 3rem;
  }
}
@media (max-width: 1023px) {
  html.en header#header .innerWrap #gnbWrap .gnb li dl dd {
    width: initial;
  }
  #wrapper {
    padding-top: 0;
    padding-bottom: 7.5rem;
  }
  #wrapper .contentsWrap {
    width: 100%;
    max-width: calc(100% - 5.5rem);
    padding: 6.25rem 0 0 0;
    transition: 0.25s ease;
  }
  #wrapper .contentsWrap .contentsHead h2 {
    padding-top: 0;
    font-size: 2rem;
    line-height: 2.75rem;
  }
  body.scrollNone header#header {
    height: -webkit-fill-available !important;
  }
  body.scrollNone header#header .innerWrap {
    height: 100%;
  }
  header#header {
    height: 3.75rem;
    transition: 0.25s ease;
  }
  header#header .innerWrap {
    position: static;
    width: 100%;
    max-width: initial;
    height: 3.75rem;
    margin: initial;
    transition: 0.25s ease;
  }
  header#header .innerWrap a.logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 6.375rem;
    height: 1.629rem;
    background-size: 6.375rem 1.629rem;
    z-index: 200;
    margin-top: 0;
    margin: 1.125rem 0 0 1.25rem;
  }
  header#header .innerWrap #gnbWrap {
    position: fixed;
    top: 0;
    right: -100%;
    display: block;
    width: 100%;
    height: 100vh;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    text-align: left;
    padding-top: initial;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    transition: 0.15s ease;
    z-index: 100;
  }
  header#header .innerWrap #gnbWrap .gnb {
    width: 100%;
    padding-top: 2.5rem;
  }
  header#header .innerWrap #gnbWrap .gnb li {
    display: block;
    margin: 1.5rem 0 0 0;
    height: auto !important;
  }
  header#header .innerWrap #gnbWrap .gnb li::after {
    display: none;
  }
  header#header .innerWrap #gnbWrap .gnb li a {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    color: #111;
    font-weight: 700;
    padding: 0;
  }
  header#header .innerWrap #gnbWrap .gnb li dl {
    display: none;
    position: static;
    top: initial;
    top: auto;
    left: initial;
    left: auto;
    width: initial;
    height: auto !important;
    transform: none !important;
    opacity: initial;
    z-index: initial;
    margin: 1.25rem 1.25rem 0 1.25rem;
    overflow: hidden;
  }
  header#header .innerWrap #gnbWrap .gnb li dl dd {
    display: block;
    border-radius: 12px;
    width: 100%;
  }
  header#header .innerWrap #gnbWrap .gnb li dl dd a {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02px;
    text-align: center;
    border-radius: 12px;
    padding: 1rem 0;
  }
  header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
    color: #111;
    background-color: #fff;
  }
  header#header .innerWrap #gnbWrap .gnb li:first-child {
    margin-top: 0;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(1) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(2) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(3) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(4) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(5) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(6) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li.active::after {
    display: none;
  }
  header#header .innerWrap #gnbWrap .gnb li.active dl {
    display: block;
    visibility: initial;
    opacity: initial;
    animation: none;
  }
  header#header .innerWrap #gnbWrap .gnb li.mobileActive::after {
    display: none;
  }
  header#header .innerWrap #gnbWrap .gnb li.mobileActive dl {
    display: none;
    visibility: initial;
    opacity: initial;
  }
  header#header .innerWrap #gnbWrap .languageWrap {
    display: none;
    transition: 0.1s linear;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    border-top: 1px solid #f4f4f4;
    transition: 0.1s linear;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0 1.25rem;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector {
    top: 1.313rem;
    right: 1.75rem;
    position: static;
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul {
    padding-top: 0;
    margin: 0;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector
    ul
    li {
    margin-left: 1rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector
    ul
    li
    a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector {
    position: static;
    top: 1.125rem;
    right: initial;
    left: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .globleLangSelector
    button {
    width: 1.5rem;
    height: 1.5rem;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll {
    display: block;
    position: fixed;
    top: 0;
    transform: translate(100%);
    width: 100%;
    height: 100vh;
    background-color: #fff;
    border-radius: 0;
    box-shadow: initial;
    padding: initial;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap {
    padding-left: 1.25rem;
    margin-top: 5.25rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li {
    margin-left: 2rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li
    a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li:first-child {
    margin-left: 0;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap {
    padding: 1.25rem;
    height: 100%;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    button {
    top: 1.25rem;
    right: 1.25rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList {
    overflow: scroll;
    height: calc(100% - 90px);
    padding-bottom: 90px;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li {
    display: block;
    width: initial;
    height: 3.125rem;
    margin-top: 0.625rem;
    margin-left: initial;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li
    a {
    height: 3.125rem;
    line-height: 3.125rem !important;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:first-child {
    margin-top: 0;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(1),
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(2),
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(3) {
    margin-top: 0.625rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(3n + 1) {
    margin-left: initial;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents.active {
    height: 100%;
    overflow: auto;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll.active {
    display: block;
    transform: translate(0);
  }
  header#header .innerWrap #gnbWrap.active {
    right: 0;
  }
  header#header .innerWrap .mobileAllMenu {
    display: block;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    z-index: 200;
    overflow: hidden;
  }
  header#header .innerWrap .mobileAllMenu button {
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
  }
  #wrapper .contentsWrap {
    width: 100%;
    max-width: 100%;
    transition: 0.25s ease;
  }
  footer#footer {
    padding-bottom: 1.25rem;
    transition: 0.25s ease;
  }
  footer#footer .innerWrap {
    width: 100%;
    padding: 0 1.25rem 0 1.25rem;
    transition: 0.25s ease;
  }
  footer#footer .innerWrap #footerWrap {
    width: 100%;
    height: 36.25rem;
    padding: 2.5rem 1.25rem;
    box-sizing: border-box;
    border-radius: 30px;
  }
  footer#footer .innerWrap #footerWrap .footerArrowBtn {
    display: block;
    position: absolute;
    bottom: 37rem;
    right: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: initial;
  }
  footer#footer .innerWrap #footerWrap .footerArrowBtn button {
    width: 2.75rem;
    height: 2.75rem;
  }
  footer#footer .innerWrap #footerWrap .menu {
    display: none;
  }
  footer#footer .innerWrap #footerWrap .familySite {
    width: 100%;
    position: absolute;
    top: initial;
    right: initial;
    bottom: 6.75rem;
  }
  footer#footer .innerWrap #footerWrap .familySite .inputSelect {
    width: calc(100% - 2.5rem);
  }
  footer#footer .innerWrap #footerWrap .logo {
    margin-top: 0;
  }
  footer#footer .innerWrap #footerWrap .sideMenu {
    font-size: 0;
    margin-top: 2rem;
    margin-right: 0;
    overflow: hidden;
  }
  footer#footer .innerWrap #footerWrap .sideMenu li {
    display: block;
    margin-top: 0.75rem;
    margin-right: initial;
  }
  footer#footer .innerWrap #footerWrap .sideMenu li:first-child {
    margin-top: 0;
  }
  footer#footer .innerWrap #footerWrap .sideMenu li:first-child a {
    color: #b8b8b8;
  }
  footer#footer .innerWrap #footerWrap .sideMenu li:last-child {
    margin-right: initial;
  }
  footer#footer .innerWrap #footerWrap .sideMenu li a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  footer#footer .innerWrap #footerWrap address {
    margin-top: 2.8rem;
  }
  footer#footer .innerWrap #footerWrap address span {
    display: block;
    margin-top: 0.25rem;
    margin-left: 0;
  }
  footer#footer .innerWrap #footerWrap address p {
    display: block;
    margin-top: 0.25rem;
  }
  footer#footer .innerWrap #footerWrap .snsBtns {
    width: 100%;
    position: absolute;
    right: initial;
    bottom: 2.5rem;
  }
  footer#footer .innerWrap #footerWrap .snsBtns ul li {
    margin-left: 0.75rem;
  }
}
@media (max-width: 768px) {
  #nostyle header#header {
    height: 3.75rem;
    transition: 0.25s ease;
  }
  #nostyle header#header .innerWrap {
    position: relative;
    width: 100%;
    max-width: initial;
    margin: initial;
    transition: 0.25s ease;
  }
  #nostyle header#header .innerWrap #gnbWrap {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    text-align: left;
    padding-top: initial;
    transition: 0.15s ease;
    z-index: 100;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb {
    margin: 6.25rem 0 0 1.25rem;
    width: 100%;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li {
    display: block;
    margin: 2rem 0 0 0;
    height: auto !important;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li a {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    color: #111;
    font-weight: 700;
    padding: 0;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li dl {
    display: none;
    visibility: initial;
    position: initial;
    top: initial;
    left: initial;
    width: initial;
    height: auto !important;
    transform: none !important;
    opacity: initial;
    z-index: initial;
    margin: 1.25rem 1.25rem 0 1.25rem;
    overflow: hidden;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li dl dd {
    display: block;
    border-radius: 12px;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li dl dd a {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02px;
    text-align: center;
    border-radius: 12px;
    padding: 1rem 0;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
    color: #111;
    background-color: #fff;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:first-child {
    margin-top: 0;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(1) dl {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(2) dl {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(3) dl {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(4) dl {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(5) dl {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li:nth-child(6) dl {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li.active::after {
    display: none;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li.active dl {
    display: block;
    visibility: initial;
    opacity: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li.mobileActive::after {
    display: none;
  }
  #nostyle header#header .innerWrap #gnbWrap .gnb li.mobileActive dl {
    display: none;
    visibility: initial;
    opacity: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap .languageWrap {
    display: none;
    transition: 0.1s linear;
  }
  #nostyle header#header .innerWrap #gnbWrap.active .languageWrap {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    border-top: 1px solid #f4f4f4;
    transition: 0.1s linear;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector {
    top: 1.313rem;
    right: 1.75rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector
    ul
    li {
    margin-left: 1rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector
    ul
    li
    a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .globleLangSelector {
    top: 1.125rem;
    right: initial;
    left: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .globleLangSelector
    button {
    width: 1.5rem;
    height: 1.5rem;
  }
  #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll {
    display: block;
    position: fixed;
    top: 0;
    transform: translate(100%);
    width: 100%;
    height: 100vh;
    background-color: #fff;
    border-radius: 0;
    box-shadow: initial;
    padding: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap {
    padding-left: 1.25rem;
    margin-top: 5.25rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li {
    margin-left: 2rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li
    a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li:first-child {
    margin-left: 0;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap {
    padding: 1.25rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    button {
    top: 1.25rem;
    right: 1.25rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li {
    display: block;
    width: initial;
    height: 3.125rem;
    margin-top: 0.625rem;
    margin-left: initial;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li
    a {
    height: 3.125rem;
    line-height: 3.125rem !important;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:first-child {
    margin-top: 0;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(1),
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(2),
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(3) {
    margin-top: 0.625rem;
  }
  #nostyle
    header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(3n + 1) {
    margin-left: initial;
  }
  #nostyle header#header .innerWrap #gnbWrap.active .globleLangAll.active {
    display: block;
    transform: translate(0);
  }
  #nostyle header#header .innerWrap #gnbWrap.active {
    right: 0;
  }
  #nostyle header#header .innerWrap .mobileAllMenu {
    display: block;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    z-index: 200;
    overflow: hidden;
  }
  #nostyle header#header .innerWrap .mobileAllMenu button {
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
  }
  #nostyle #wrapper {
    padding: 0 0 12.5rem 0;
  }
  #nostyle #wrapper .contentsWrap {
    width: 100%;
    max-width: 100%;
    padding: 0.5rem 0 0 0;
    transition: 0.25s ease;
  }
  #nostyle #wrapper .contentsWrap .contentsHead .location {
    display: none;
  }
  #nostyle #wrapper .contentsWrap .contentsHead h2 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.06px;
    padding: 5.75rem 0 0 0;
  }
  #nostyle #wrapper .contentsWrap .contentsBody {
    padding: 2rem 0 0 0;
  }
  #nostyle footer#footer {
    padding-bottom: 1.25rem;
    transition: 0.25s ease;
  }
  #nostyle footer#footer .innerWrap {
    width: 100%;
    padding: 0 1.25rem 0 1.25rem;
    transition: 0.25s ease;
  }
  #nostyle footer#footer .innerWrap .footerArrowBtn {
    display: block;
    position: absolute;
    bottom: 37rem;
    right: 1.25rem;
    width: 2.75rem;
    height: 2.75rem;
    margin-right: initial;
  }
  #nostyle footer#footer .innerWrap .footerArrowBtn button {
    width: 2.75rem;
    height: 2.75rem;
  }
  #nostyle footer#footer .innerWrap #footerWrap {
    width: 100%;
    height: 36.25rem;
    padding: 2.5rem 1.25rem;
    box-sizing: border-box;
    border-radius: 30px;
  }
  #nostyle footer#footer .innerWrap #footerWrap .menu {
    display: none;
  }
  #nostyle footer#footer .innerWrap #footerWrap .familySite {
    width: 100%;
    position: absolute;
    top: initial;
    right: initial;
    bottom: 6.75rem;
  }
  #nostyle footer#footer .innerWrap #footerWrap .familySite .inputSelect {
    width: calc(100% - 2.5rem);
  }
  #nostyle footer#footer .innerWrap #footerWrap .logo {
    margin-top: 0;
  }
  #nostyle footer#footer .innerWrap #footerWrap .sideMenu {
    font-size: 0;
    margin-top: 2rem;
    overflow: hidden;
  }
  #nostyle footer#footer .innerWrap #footerWrap .sideMenu li {
    display: block;
    margin-top: 0.75rem;
    margin-right: initial;
  }
  #nostyle footer#footer .innerWrap #footerWrap .sideMenu li:first-child {
    margin-top: 0;
  }
  #nostyle footer#footer .innerWrap #footerWrap .sideMenu li:last-child {
    margin-right: initial;
  }
  #nostyle footer#footer .innerWrap #footerWrap .sideMenu li a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #nostyle footer#footer .innerWrap #footerWrap address {
    margin-top: 2.8rem;
  }
  #nostyle footer#footer .innerWrap #footerWrap address span {
    display: block;
    margin-top: 0.25rem;
    margin-left: 0;
  }
  #nostyle footer#footer .innerWrap #footerWrap address p {
    display: block;
    margin-top: 0.25rem;
  }
  #nostyle footer#footer .innerWrap #footerWrap .snsBtns {
    width: 100%;
    position: absolute;
    right: initial;
    bottom: 2.5rem;
  }
  #nostyle footer#footer .innerWrap #footerWrap .snsBtns ul li {
    margin-left: 0.75rem;
  }
}
.boardBox {
  overflow: hidden;
}
.boardBoxType_01 > ul {
  font-size: 0;
  overflow: hidden;
}
.boardBoxType_01 > ul > li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  padding: 2rem 0 2rem 3.75rem;
  display: flex;
  gap: 3.75rem;
  align-items: flex-start;
}
.boardBoxType_01 > ul > li .category {
  width: 11.25rem;
  box-sizing: border-box;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #20c85a;
  font-weight: 700;
}
.boardBoxType_01 > ul > li:first-child {
  border-top: 1px solid #e8e8e8;
}
.boardBoxType_01 > ul > li .contsWrap {
  width: 100%;
  padding-right: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.boardBoxType_01 > ul > li .contsWrap > a {
  display: inline-block;
  width: calc(100% - 8rem);
}
.boardBoxType_01 > ul > li .contsWrap > a > p.subject {
  position: relative;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
}
.boardBoxType_01 > ul > li .contsWrap > a > p.subject i {
  font-style: normal;
}
.boardBoxType_01 > ul > li .contsWrap > a .date {
  clear: both;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #b8b8b8;
  font-weight: 500;
  margin-top: 1rem;
}
.boardBoxType_01 > ul > li .contsWrap > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.boardBoxType_01 > ul > li .contsWrap > ul li {
  width: 1.25rem;
  height: 1.25rem;
}
.boardBoxType_01 > ul > li .contsWrap > ul li.pin {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_pin02 - 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' %3E%3Cg data-name='그룹 495923' %3E%3Cpath data-name='합치기 168' d='M.487 10.247a1 1 0 0 1-.878-1.478L1.8 4.748v-4.5h6v4.5L10 8.769a1 1 0 0 1-.878 1.479z' transform='translate(5.197 1.753)' style='stroke-linejoin:round;fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-width:1.5px' /%3E%3Cpath data-name='패스 880255' d='M-4095.781-12203h-10' transform='translate(4110.781 12204.999)' style='fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-width:1.5px' /%3E%3Cpath data-name='패스 880256' d='M-4246-12202.922v6' transform='translate(4256 12214.922)' style='fill:none;stroke:%2320c85a;stroke-linecap:round;stroke-width:1.5px' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.boardBoxType_01 > ul > li .contsWrap > ul li.link a {
  display: block;
  width: 100% !important;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M15,10H5'/%3E%3Cpath class='st1' d='M10,15l5-5l-5-5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.boardBoxType_01 > ul > li .contsWrap > ul li.filedown button {
  display: block;
  width: 100% !important;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.boardBoxType_01 > ul > li.new .contsWrap > a p.subject::after {
  content: "";
  float: left;
  display: block;
  width: 2.188rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0.3125rem 0 0 0.625rem;
  flex: 1 0 auto;
}
.boardBoxType_01 > ul li.noData {
  display: block;
}
.boardBoxType_01 > ul li.noData::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5rem;
  height: 5rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  display: inline-block;
  width: 5rem;
  height: 5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23111111;%7D%0A%3C/style%3E%3Cpath class='st0' d='M421.9,68.7C377.6,24.4,318.7,0,256,0S134.4,24.4,90.1,68.7c-91.5,91.5-91.5,240.4,0.6,332.5l84.1,77.7 c21.8,21.4,50.7,33.1,81.2,33.1s59.4-11.8,80.8-32.7l85.1-78.7C513.4,309.1,513.4,160.3,421.9,68.7L421.9,68.7z M234.7,128 c0-11.8,9.5-21.3,21.3-21.3c11.8,0,21.3,9.5,21.3,21.3v117.3c0,11.8-9.5,21.3-21.3,21.3c-11.8,0-21.3-9.5-21.3-21.3V128z M256,362.7 c-17.7,0-32-14.3-32-32c0-17.7,14.3-32,32-32s32,14.3,32,32C288,348.3,273.7,362.7,256,362.7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin: -6rem 0 0 -2.5rem;
  overflow: hidden;
}
.boardBoxType_01 > ul li.noData span.noContents {
  display: block;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 500;
  text-align: center;
  padding: 24rem 0 18rem 0;
}
.boardBoxType_01 > ul li.noResult {
  display: block;
  padding: 10rem 0;
  border-bottom: 0;
  text-align: center;
  margin: 0 auto;
}
.boardBoxType_01 > ul li.noResult::before {
  content: "";
  display: block;
  overflow: hidden;
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  background: url(/front/assets/common/images/common/ico_noResult.png) no-repeat
    center center/cover;
}
.boardBoxType_01 > ul li.noResult span.text {
  display: block;
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
  text-align: center;
}
.boardBoxType_01 > ul li.noResult span.text em {
  display: block;
  text-align: center;
  font-size: 2rem;
  line-height: 1.38;
  letter-spacing: -0.06px;
}
.boardBoxType_01 > ul.categoryNormal > li .contsWrap > a {
  width: calc(100% - 12rem);
}
.boardBoxType_01 > ul.categoryNormal > li .contsWrap > a p.subject {
  display: inline-flex;
}
.boardBoxType_01 > ul.categoryNormal > li .contsWrap > a p.subject i {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.boardBoxType_01 > ul.normal > li .contsWrap > a {
  width: calc(100% - 12rem);
}
.boardBoxType_01 > ul.normal > li .contsWrap > a p.subject {
  display: inline-flex;
}
.boardBoxType_01 > ul.normal > li .contsWrap > a p.subject i {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
  word-break: break-all;
}
.boardBoxType_01 > ul.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 1.5rem;
}
.boardBoxType_01 > ul.gallery.t2 > li a {
  margin-bottom: 3rem;
}
.boardBoxType_01 > ul.gallery > li {
  display: block;
  width: calc((100% - 3rem) / 3);
  border-bottom: 0 none;
  padding: 0;
}
.boardBoxType_01 > ul.gallery > li:first-child:not(.noResult) {
  border-top: none;
}
.boardBoxType_01 > ul.gallery > li.noResult {
  width: 100%;
  display: block;
  padding: 10rem 0;
  border-bottom: 0;
}
.boardBoxType_01 > ul.gallery > li .contsWrap {
  padding-right: 0;
  display: block;
}
.boardBoxType_01 > ul.gallery > li .contsWrap .bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}
.boardBoxType_01 > ul.gallery > li .contsWrap .bottom .date {
  display: block;
  font-size: 1rem;
  color: #b8b8b8;
  line-height: 1.5;
  letter-spacing: -0.02px;
}
.boardBoxType_01 > ul.gallery > li .contsWrap .bottom button {
  display: block;
}
.boardBoxType_01 > ul.gallery > li .contsWrap .bottom button span {
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.boardBoxType_01 > ul.gallery > li .contsWrap .bottom button span::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.boardBoxType_01 > ul.gallery > li a {
  display: block;
  width: 100%;
}
.boardBoxType_01 > ul.gallery > li a .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/0.678296;
  max-height: 315px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.boardBoxType_01 > ul.gallery > li a .thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.boardBoxType_01 > ul.gallery > li a .thumb .thumbInner {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
}
.boardBoxType_01 > ul.gallery > li a .thumb .thumbInner .category {
  display: block;
  z-index: 3;
  width: initial;
  padding: 0.125rem 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: -0.01px;
  background-color: #666;
  font-weight: 500;
  border-radius: 4px;
  text-transform: uppercase;
}
.boardBoxType_01 > ul.gallery > li a p.subject {
  display: block;
  position: relative;
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  color: #111;
  font-weight: 700;
  margin-top: 2.5rem;
}
.boardBoxType_01 > ul.gallery > li a p.subject i {
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.boardBoxType_01 > ul.gallery > li a p.description {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #999;
}
.boardBoxType_01 > ul.gallery > li a p.description i {
  margin-top: 1rem;
  display: block;
  width: 100%;
  font-style: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.boardBoxType_01 > ul.gallery > li a span.date {
  display: block;
  margin-top: 1rem;
}
.boardBoxType_01 > ul.gallery > li a:hover span.thumb img {
  transform: scale(120%);
}
.boardBoxType_01 > ul.gallery > li.new .contsWrap > a .thumb .thumbInner {
  display: flex;
  gap: 0.5rem;
}
.boardBoxType_01
  > ul.gallery
  > li.new
  .contsWrap
  > a
  .thumb
  .thumbInner::after {
  content: "NEW";
  display: block;
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: -0.01px;
  color: #fff;
  background-color: #20c85a;
  text-align: center;
  padding: 0.125rem 0.25rem;
  border-radius: 4px;
}
.boardBoxType_01 > ul.gallery > li.new .contsWrap > a p.subject::after {
  display: none;
}
.boardBoxType_01 > ul.magazine {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 1.5rem;
}
.boardBoxType_01 > ul.magazine > li {
  display: block;
  width: calc((100% - 3rem) / 3);
  border-bottom: 0 none;
  padding: 0;
}
.boardBoxType_01 > ul.magazine > li:first-child:not(.noResult) {
  border-top: none;
}
.boardBoxType_01 > ul.magazine > li.noResult {
  width: 100%;
  display: block;
  padding: 10rem 0;
  border-bottom: 0;
}
.boardBoxType_01 > ul.magazine > li .contsWrap {
  display: block;
  padding-right: 0;
}
.boardBoxType_01 > ul.magazine > li .contsWrap .bottom {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}
.boardBoxType_01 > ul.magazine > li .contsWrap .bottom .date {
  display: block;
  font-size: 1rem;
  color: #b8b8b8;
  line-height: 1.5;
  letter-spacing: -0.02px;
}
.boardBoxType_01 > ul.magazine > li .contsWrap .bottom button {
  display: block;
}
.boardBoxType_01 > ul.magazine > li .contsWrap .bottom button span {
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.boardBoxType_01 > ul.magazine > li .contsWrap .bottom button span::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
.boardBoxType_01 > ul.magazine > li a {
  display: block;
  width: 100%;
  margin-bottom: 3rem;
}
.boardBoxType_01 > ul.magazine > li a .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 1/0.678296;
  max-height: 315px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.boardBoxType_01 > ul.magazine > li a .thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.boardBoxType_01 > ul.magazine > li a .thumb .thumbInner {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
}
.boardBoxType_01 > ul.magazine > li a .thumb .thumbInner .category {
  display: block;
  z-index: 3;
  width: initial;
  padding: 0.125rem 0.25rem;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: -0.01px;
  background-color: #666;
  font-weight: 500;
  border-radius: 4px;
  text-transform: uppercase;
}
.boardBoxType_01 > ul.magazine > li a p.subject {
  display: block;
  position: relative;
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  color: #111;
  font-weight: 700;
  margin-top: 2.5rem;
}
.boardBoxType_01 > ul.magazine > li a p.subject i {
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.boardBoxType_01 > ul.magazine > li a p.description {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #999;
}
.boardBoxType_01 > ul.magazine > li a p.description i {
  margin-top: 1rem;
  display: block;
  width: 100%;
  font-style: normal;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
  word-break: break-all;
}
.boardBoxType_01 > ul.magazine > li.new .contsWrap > a .thumb .thumbInner {
  display: flex;
  gap: 0.5rem;
}
.boardBoxType_01
  > ul.magazine
  > li.new
  .contsWrap
  > a
  .thumb
  .thumbInner::after {
  content: "NEW";
  display: block;
  font-size: 0.75rem;
  line-height: 1.33;
  letter-spacing: -0.01px;
  color: #fff;
  background-color: #20c85a;
  text-align: center;
  padding: 0.125rem 0.25rem;
  border-radius: 4px;
  z-index: 4;
}
.boardBoxType_01 > ul.magazine > li.new .contsWrap > a p.subject::after {
  display: none;
}
.boardBoxType_01 > ul.magazine li.noResult {
  display: block;
  text-align: center;
  margin: 0 auto;
}
.boardBoxType_01 > ul.download > li .contsWrap {
  width: 100%;
}
.boardBoxType_01 > ul.download > li .contsWrap > a {
  display: block;
  width: calc(100% - 23.513rem);
  cursor: default;
}
.boardBoxType_01 > ul.download > li .contsWrap > a p.subject {
  padding-right: 2.188rem;
}
.boardBoxType_01 > ul.download > li.new .contsWrap > a p.subject i::after {
  content: "";
  display: inline-block;
  width: 2.188rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center center;
  vertical-align: middle;
  margin: -0.375rem 0 0 0.625rem;
}
.boardBoxType_01 > ul.download > li.new .contsWrap > a p.subject::after {
  display: none;
}
.boardBoxType_01 > ul.categoryDownload > li .contsWrap > a {
  width: calc(100% - 12rem);
  cursor: default;
}
.boardBoxType_01 > ul.categoryDownload > li .contsWrap > a p.subject {
  display: inline-flex;
}
.boardBoxType_01
  > ul.categoryDownload
  > li.new
  .contsWrap
  > a
  p.subject
  i::after {
  content: "";
  display: inline-block;
  width: 2.188rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center center;
  vertical-align: middle;
  margin: -0.375rem 0 0 0.625rem;
}
.boardBoxType_01
  > ul.categoryDownload
  > li.new
  .contsWrap
  > a
  p.subject::after {
  display: none;
}
.listHead {
  display: flow-root;
  font-size: 0;
  padding-bottom: 2.5rem;
}
.listHead .leftObject {
  width: 50%;
  float: left;
  text-align: left;
}
.listHead .leftObject + .rightObject {
  width: 50%;
}
.listHead .rightObject {
  width: 100%;
  float: right;
  font-size: 0;
  text-align: right;
}
.listHead .rightObject .inputSelect {
  width: 12.5rem;
  text-align: left;
  margin-left: 0.75rem;
}
.listHead .rightObject .inputSelect:first-child {
  margin-left: 0;
}
.listHead .rightObject .inputText.search {
  width: 18rem;
  margin-left: 0.5rem;
}
.listHead:last-child {
  content: "";
  clear: both;
}
.viewWrapper {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
.viewWrapper .viewHead {
  font-size: 0;
  overflow: visible !important;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  transition: width 0.8s ease;
}
.viewWrapper .viewHead .changeWidth {
  position: relative;
}
.viewWrapper .viewHead h3.subject {
  width: 100%;
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  color: #111;
  font-weight: 700;
  margin-bottom: 2.625rem;
}
.viewWrapper .viewHead .subjectInfo p.date {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 500;
  margin-top: 0 !important;
  margin-bottom: 5.125rem;
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap {
  position: relative;
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap button.openToolBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap button.openToolBtn span {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #999;
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap button.openToolBtn::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox {
  width: 100%;
  max-width: 19.5rem;
  height: 10.688rem;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 1.188rem;
  display: none;
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  padding: 1.5rem 2.5rem 1.5rem 1.25rem;
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .tooltipInner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0.5rem 0 0;
  overflow: auto;
}
.viewWrapper
  .viewHead
  .subjectInfo
  .tooltipWrap
  .tooltipBox
  .tooltipInner
  > ul
  li {
  margin-bottom: 0.563rem;
}
.viewWrapper
  .viewHead
  .subjectInfo
  .tooltipWrap
  .tooltipBox
  .tooltipInner
  > ul
  li:last-child {
  margin-bottom: 0;
}
.viewWrapper
  .viewHead
  .subjectInfo
  .tooltipWrap
  .tooltipBox
  .tooltipInner
  > ul
  li
  button.attachBtn {
  position: relative;
}
.viewWrapper
  .viewHead
  .subjectInfo
  .tooltipWrap
  .tooltipBox
  .tooltipInner
  > ul
  li
  button.attachBtn
  span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.57;
  letter-spacing: -0.01px;
  color: #999;
  text-decoration: underline;
  text-align: justify;
  padding-left: 2.25rem;
  word-break: break-all;
}
.viewWrapper
  .viewHead
  .subjectInfo
  .tooltipWrap
  .tooltipBox
  .tooltipInner
  > ul
  li
  button.attachBtn::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,19.5h16'/%3E%3Cg%3E%3Cpath class='st1' d='M17,11.5l-5,5l-5-5'/%3E%3Cpath class='st0' d='M12,16.5v-12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  position: absolute;
}
.viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox .closeBtn {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_close - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cg data-name='그룹 493491' %3E%3Cpath data-name='패스 871471' d='m8.174 8.52 12 12' transform='translate(-2.174 -2.52)' style='fill:none;stroke:%23999;stroke-linecap:round;stroke-width:2px' /%3E%3Cpath data-name='패스 871472' d='m0 0 12 12' transform='rotate(-90 12 6)' style='fill:none;stroke:%23999;stroke-linecap:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  top: 1rem;
  right: 1rem;
}
.viewWrapper .viewHead.on .changeWidth {
  width: 40%;
}
.viewWrapper .viewHead.on h3.subject {
  width: 100%;
  transform: scale(0.65);
  margin-bottom: 0;
}
.viewWrapper .viewBody {
  padding: 5rem 0 5rem 22.875rem;
  overflow: hidden;
}
.viewWrapper .viewBody h4.emphasize p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
}
.viewWrapper .viewBody p.editArea {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 500;
  padding-top: 3.5rem;
}
.viewFooter {
  margin-top: 5rem;
}
.viewFooter ul {
  font-size: 0;
  overflow: hidden;
}
.viewFooter ul li {
  position: relative;
  float: left;
  width: calc(50% - 1rem);
  height: 10.375rem;
  border: 1px solid #d2d2d2;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.viewFooter ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4.5,12h15'/%3E%3Cpath class='st1' d='M11.5,19l-7-7l7-7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -0.75rem;
  overflow: hidden;
}
.viewFooter ul li::after {
  content: "";
  display: none;
}
.viewFooter ul li:hover {
  border: 1px solid #20c85a;
}
.viewFooter ul li:hover a span {
  text-decoration: underline;
}
.viewFooter ul li.disabled:hover {
  border: 1px solid #d2d2d2;
}
.viewFooter ul li.disabled a {
  cursor: default;
}
.viewFooter ul li.disabled a span {
  color: #d2d2d2;
  text-decoration: none;
}
.viewFooter ul li.disabled::before {
  filter: opacity(0.2);
}
.viewFooter ul li.disabled:last-child::before {
  filter: none;
}
.viewFooter ul li.disabled:last-child::after {
  filter: opacity(0.2);
}
.viewFooter ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 10.375rem;
  border-radius: 10px;
  overflow: hidden;
}
.viewFooter ul li a span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 7.5rem;
  width: calc(100% - 8.5rem);
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
  text-align: left;
}
.viewFooter ul li:last-child {
  float: right;
}
.viewFooter ul li:last-child::before {
  content: "";
  display: none;
}
.viewFooter ul li:last-child::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;%7D .st1%7Bfill:none;stroke:%23111111;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M19.5,12h-15'/%3E%3Cpath class='st1' d='M12.5,19l7-7l-7-7'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: -0.75rem;
  overflow: hidden;
}
.viewFooter ul li:last-child a {
  text-align: right;
}
.viewFooter ul li:last-child a span {
  right: 7.5rem;
  left: initial;
  text-align: right;
}
.viewFooter ul:last-child {
  content: "";
  clear: both;
}
.btnGroup {
  font-size: 0;
  text-align: center;
  margin-top: 5rem;
  overflow: hidden;
}
.btnGroup > a,
.btnGroup > button {
  margin: 0 0.375rem;
}

.btnGroup .leftObject {
  float: left;
}
.btnGroup .leftObject > a,
.btnGroup .leftObject > button {
  margin-right: 0.75rem;
}
.btnGroup .rightObject {
  float: right;
}
.btnGroup .rightObject > a,
.btnGroup .rightObject > button {
  margin-left: 0.75rem;
}
.boardTopType_01 {
  position: relative;
  margin-bottom: 7.5rem;
}
.boardTopType_01 .boardSlider {
  position: relative;
  width: 100%;
  height: 30rem;
}
.boardTopType_01 .boardSlider .boardItem {
  width: 75rem;
  height: 100%;
  position: absolute;
  background-color: #e8e8e8;
  border-radius: 30px;
  transition: all ease 0.7s;
  z-index: 1;
  left: 0;
  right: 0;
  transform: scale(0.7);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.boardTopType_01 .boardSlider .boardItem::before {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  background-color: #e8e8e8;
  position: absolute;
  border-radius: 30px;
}
.boardTopType_01 .boardSlider .boardItem.active {
  z-index: 2;
  opacity: 1;
  background-color: #f4f4f4;
  transform: scale(1);
  border: 1px solid #f4f4f4;
  box-shadow: 0 16px 40px 0 rgba(0, 0, 0, 0.24);
}
.boardTopType_01 .boardSlider .boardItem.active::before {
  opacity: 0;
  display: none;
}
.boardTopType_01 .boardSlider .boardItem .thumbnail {
  width: 30rem;
  height: 30rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.boardTopType_01 .boardSlider .boardItem .thumbnail img {
  max-width: 100%;
  max-height: 100%;
}
.boardTopType_01 .boardSlider .boardItem .description {
  width: calc(100% - 30rem);
  padding: 5rem 3.75rem;
  box-sizing: border-box;
}
.boardTopType_01 .boardSlider .boardItem .description .subject {
  font-size: 2.5rem;
  color: #111;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.boardTopType_01 .boardSlider .boardItem .description .date {
  display: block;
  font-size: 1.25rem;
  color: #b8b8b8;
  font-weight: 500;
  margin-top: 1rem;
}
.boardTopType_01 .boardSlider .boardItem .description .txt {
  font-size: 1.25rem;
  color: #111;
  margin-top: 2.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.boardTopType_01 .boardSliderBtn button {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  z-index: 4;
}
.boardTopType_01 .boardSliderBtn button.btnPrev {
  left: 1.875rem;
  background: url("data:image/svg+xml,%3Csvg data-name='round_left - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_left - 24' %3E%3Cpath data-name='패스 58' d='M14 0 7 7 0 0' transform='rotate(90 4.5 27.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
}
.boardTopType_01 .boardSliderBtn button.btnNext {
  right: 1.875rem;
  background: url("data:image/svg+xml,%3Csvg data-name='round_right - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right - 24' %3E%3Cpath data-name='패스 58' d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10542.9 12317.838)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
}
.pagination {
  width: 100%;
  text-align: center;
  margin-top: 5rem;
}
.pagination ul {
  font-size: 0;
  overflow: hidden;
}
.pagination ul li {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  vertical-align: top;
}
.pagination ul li.num a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #b8b8b8;
  font-weight: 500;
  line-height: 2.5rem !important;
  text-align: center;
}
.pagination ul li.num a:hover {
  color: #20c85a;
  font-weight: 700;
}
.pagination ul li.active a {
  color: #20c85a;
  font-weight: 700;
  cursor: default;
  pointer-events: none;
}
.pagination ul li.disable {
  pointer-events: none;
}
.pagination ul li.disable a {
  cursor: default;
  pointer-events: none;
}
.pagination ul li.disable.nextBtn a,
.pagination ul li.disable.nextBtn2 a,
.pagination ul li.disable.prevBtn a,
.pagination ul li.disable.prevBtn2 a {
  opacity: 0.4;
}
.pagination ul li.prevBtn {
  margin-right: 1.25rem;
}
.pagination ul li.prevBtn a {
  display: block;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M22,25l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
}
.pagination ul li.nextBtn {
  margin-left: 1.25rem;
}
.pagination ul li.nextBtn a {
  display: block;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M18,25l5-5l-5-5'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
}
.pagination ul li.prevBtn2 {
  margin-right: 1.25rem;
}
.pagination ul li.prevBtn2 a {
  display: block;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='<' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_left - 20'%3E%3Cpath data-name='패스 58' d='M10 0 5 5 0 0' transform='rotate(90 2 17)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880260' d='M10 0 5 5 0 0' transform='rotate(90 5 20)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
}
.pagination ul li.nextBtn2 {
  margin-left: 1.25rem;
}
.pagination ul li.nextBtn2 a {
  display: block;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='>' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_right - 20'%3E%3Cpath data-name='패스 58' d='M10 5 5 0 0 5' transform='rotate(90 5.5 20.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880261' d='M10 5 5 0 0 5' transform='rotate(90 2.5 17.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .pagination {
    margin-top: 2.5rem;
  }
  .pagination ul li {
    width: 2rem;
    height: 2rem;
  }
  .pagination ul li.num a {
    width: 2rem;
    height: 2rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -0.02px;
    line-height: 2rem !important;
  }
  .pagination ul li.prevBtn {
    margin-right: 0.5rem;
  }
  .pagination ul li.prevBtn a {
    display: block;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M22,25l-5-5l5-5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
  }
  .pagination ul li.nextBtn {
    margin-left: 0.5rem;
  }
  .pagination ul li.nextBtn a {
    display: block;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:none;stroke:%23E8E8E8;%7D .st2%7Bfill:none;stroke:%23666666;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M4,0h32c2.2,0,4,1.8,4,4v32c0,2.2-1.8,4-4,4H4c-2.2,0-4-1.8-4-4V4C0,1.8,1.8,0,4,0z'/%3E%3Cpath class='st1' d='M4,0.5h32c1.9,0,3.5,1.6,3.5,3.5v32c0,1.9-1.6,3.5-3.5,3.5H4c-1.9,0-3.5-1.6-3.5-3.5V4C0.5,2.1,2.1,0.5,4,0.5z '/%3E%3C/g%3E%3Cg%3E%3Cpath class='st2' d='M18,25l5-5l-5-5'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
  }
  .pagination ul li.prevBtn2 {
    margin-right: 0.5rem;
  }
  .pagination ul li.prevBtn2 a {
    display: block;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='<' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_left - 20'%3E%3Cpath data-name='패스 58' d='M10 0 5 5 0 0' transform='rotate(90 2 17)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880260' d='M10 0 5 5 0 0' transform='rotate(90 5 20)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
  }
  .pagination ul li.nextBtn2 {
    margin-left: 0.5rem;
  }
  .pagination ul li.nextBtn2 a {
    display: block;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='>' xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg data-name='사각형 310' style='fill:%23fff;stroke:%23e8e8e8'%3E%3Crect width='40' height='40' rx='4' style='stroke:none'/%3E%3Crect x='.5' y='.5' width='39' height='39' rx='3.5' style='fill:none'/%3E%3C/g%3E%3Cg data-name='ico_double_arrow_right - 20'%3E%3Cpath data-name='패스 58' d='M10 5 5 0 0 5' transform='rotate(90 5.5 20.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880261' d='M10 5 5 0 0 5' transform='rotate(90 2.5 17.5)' style='stroke-width:1.5px;fill:none;stroke:%23666;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 4px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .boardBox {
    overflow: hidden;
  }
  .boardBoxType_01 > ul.download li .contsWrap a {
    width: calc(100% - 7.513rem);
  }
  .boardTopType_01 .boardSlider {
    position: relative;
    width: 100%;
    height: 25rem;
  }
  .boardTopType_01 .boardSlider .boardItem {
    width: 55rem;
    height: 100%;
    position: absolute;
    background-color: #e8e8e8;
    border-radius: 30px;
    transition: all ease 0.7s;
    z-index: 1;
    left: 0;
    right: 0;
    transform: scale(0.7);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .boardTopType_01 .boardSlider .boardItem::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e8e8e8;
    position: absolute;
    border-radius: 30px;
  }
  .boardTopType_01 .boardSlider .boardItem.active {
    z-index: 2;
    opacity: 1;
    background-color: #f4f4f4;
    transform: scale(1);
  }
  .boardTopType_01 .boardSlider .boardItem.active::before {
    opacity: 0;
  }
  .boardTopType_01 .boardSlider .boardItem .thumbnail {
    width: 30.265rem;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .boardTopType_01 .boardSlider .boardItem .thumbnail img {
    display: block;
  }
  .boardTopType_01 .boardSlider .boardItem .description {
    width: calc(100% - 20rem);
    padding: 5rem 3.75rem;
    box-sizing: border-box;
  }
  .boardTopType_01 .boardSlider .boardItem .description .subject {
    font-size: 2rem;
  }
  .boardTopType_01 .boardSlider .boardItem .description .date {
    display: block;
    font-size: 1.25rem;
    color: #b8b8b8;
    font-weight: 500;
    margin-top: 1rem;
  }
  .boardTopType_01 .boardSlider .boardItem .description .txt {
    font-size: 1.25rem;
    color: #111;
    margin-top: 2.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }
  .boardTopType_01 .boardSliderBtn button {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    z-index: 4;
  }
  .boardTopType_01 .boardSliderBtn button.btnPrev {
    left: 7.875rem;
    background: url("data:image/svg+xml,%3Csvg data-name='round_left - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_left - 24' %3E%3Cpath data-name='패스 58' d='M14 0 7 7 0 0' transform='rotate(90 4.5 27.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
    background-position: center center;
  }
  .boardTopType_01 .boardSliderBtn button.btnNext {
    right: 7.875rem;
    background: url("data:image/svg+xml,%3Csvg data-name='round_right - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right - 24' %3E%3Cpath data-name='패스 58' d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10542.9 12317.838)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
    background-position: center center;
  }
}
@media (max-width: 1299px) {
  .boardTopType_01 .boardSliderBtn button {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    z-index: 4;
  }
  .boardTopType_01 .boardSliderBtn button.btnPrev {
    left: 1.5rem;
    background: url("data:image/svg+xml,%3Csvg data-name='round_left - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_left - 24' %3E%3Cpath data-name='패스 58' d='M14 0 7 7 0 0' transform='rotate(90 4.5 27.5)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
    background-position: center center;
  }
  .boardTopType_01 .boardSliderBtn button.btnNext {
    right: 1.5rem;
    background: url("data:image/svg+xml,%3Csvg data-name='round_right - 60' xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' %3E%3Ccircle data-name='타원 41' cx='30' cy='30' r='30' style='fill:%23111' /%3E%3Cg data-name='ico_arrow_right - 24' %3E%3Cpath data-name='패스 58' d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10542.9 12317.838)' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E");
    background-position: center center;
  }
}
@media (max-width: 1023px) {
  .viewWrapper {
    display: block;
  }
  .viewWrapper .viewHead .changeWidth {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .viewWrapper .viewHead h3.subject {
    white-space: initial;
    margin-bottom: 2.5rem;
    font-size: 2.125rem;
    line-height: 2.8rem;
  }
  .viewWrapper .viewHead .subjectInfo {
    position: initial;
    bottom: initial;
  }
  .viewWrapper .viewHead .subjectInfo p.date {
    margin-bottom: 4rem;
  }
  .viewWrapper .viewHead .subjectInfo .tooltipWrap .tooltipBox {
    position: relative;
  }
  .viewWrapper .viewBody {
    padding: 0 0 5rem 0;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .boardBox {
    overflow: hidden;
  }
  .boardBoxType_01 > ul > li {
    display: block;
    padding: 2.063rem 0;
  }
  .boardBoxType_01 > ul > li .category {
    width: 100%;
    display: block;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    margin-bottom: 1rem;
  }
  .boardBoxType_01 > ul > li .contsWrap {
    width: 100%;
    padding-right: 0;
    display: block;
    align-items: initial;
    justify-content: initial;
  }
  .boardBoxType_01 > ul > li .contsWrap > a {
    display: block;
    width: 100%;
  }
  .boardBoxType_01 > ul > li .contsWrap > a > p.subject {
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
  }
  .boardBoxType_01 > ul > li .contsWrap > a .date {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    margin-top: 0.75rem;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul {
    flex-direction: row-reverse;
    margin-right: auto;
    gap: 0.5rem;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul li.pin {
    width: 1rem;
    height: 1rem;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul li.link {
    display: none;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul li.filedown {
    width: 1rem;
    height: 1rem;
  }
  .boardBoxType_01 > ul > li.new .contsWrap > a p.subject::after {
    content: "";
    float: left;
    display: block;
    width: 2.188rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0.2rem 0 0 0.625rem;
    flex: 1 0 auto;
  }
  .boardBoxType_01 > ul > li.fixed .category {
    position: relative;
    padding-left: 1.5rem;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > a {
    width: 100%;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > a p.subject {
    display: inline-flex;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > a p.subject i {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    word-break: break-all;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > ul {
    display: block;
    position: absolute;
    top: 2.2rem;
  }
  .boardBoxType_01 > ul.normal > li .contsWrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .boardBoxType_01 > ul.normal > li .contsWrap > a {
    width: 100%;
  }
  .boardBoxType_01 > ul.normal > li .contsWrap > ul {
    justify-content: initial;
    align-items: initial;
    margin-bottom: 1rem;
    gap: 1rem;
  }
  .boardBoxType_01 > ul.gallery > li {
    width: calc((100% - 1.5rem) / 2);
  }
  .boardBoxType_01 > ul.gallery > li a .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }
  .boardBoxType_01 > ul.gallery > li a .thumb .thumbInner .category {
    margin-bottom: 0;
  }
  .boardBoxType_01 > ul.gallery > li a p.subject {
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    color: #111;
    font-weight: 700;
    margin-top: 2.5rem;
  }
  .boardBoxType_01 > ul.gallery > li a p.subject i {
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }
  .boardBoxType_01 > ul.gallery > li a span.date {
    display: block;
    margin-top: 1rem;
  }
  .boardBoxType_01 > ul.gallery > li.new .contsWrap > a .thumb .thumbInner {
    display: flex;
    gap: 0.5rem;
  }
  .boardBoxType_01
    > ul.gallery
    > li.new
    .contsWrap
    > a
    .thumb
    .thumbInner::after {
    content: "NEW";
    display: block;
    font-size: 0.75rem;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #fff;
    background-color: #20c85a;
    text-align: center;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
  }
  .boardBoxType_01 > ul.gallery > li.new .contsWrap > a p.subject::after {
    display: none;
  }
  .boardBoxType_01 > ul.gallery li.noResult {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  .boardBoxType_01 > ul.magazine > li {
    width: calc((100% - 1.5rem) / 2);
  }
  .boardBoxType_01 > ul.magazine > li a .thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }
  .boardBoxType_01 > ul.magazine > li a .thumb .thumbInner .category {
    margin-bottom: 0;
  }
  .boardBoxType_01 > ul.magazine > li a p.subject {
    display: block;
    position: relative;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    color: #111;
    font-weight: 700;
    margin-top: 2.5rem;
  }
  .boardBoxType_01 > ul.magazine > li a p.subject i {
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }
  .boardBoxType_01 > ul.magazine > li a span.date {
    display: block;
    margin-top: 1rem;
  }
  .boardBoxType_01 > ul.magazine > li.new .contsWrap > a .thumb .thumbInner {
    display: flex;
    gap: 0.5rem;
  }
  .boardBoxType_01
    > ul.magazine
    > li.new
    .contsWrap
    > a
    .thumb
    .thumbInner::after {
    content: "NEW";
    display: block;
    font-size: 0.75rem;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #fff;
    background-color: #20c85a;
    text-align: center;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
  }
  .boardBoxType_01 > ul.magazine > li.new .contsWrap > a p.subject::after {
    display: none;
  }
  .boardBoxType_01 > ul.download > li {
    padding: 2rem 0;
    display: block;
  }
  .boardBoxType_01 > ul.download > li .contsWrap {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .boardBoxType_01 > ul.download > li .contsWrap > a {
    display: block;
    width: 100%;
  }
  .boardBoxType_01 > ul.download > li .contsWrap > a p.subject {
    font-size: 1rem;
    padding-right: 0;
  }
  .boardBoxType_01 > ul.download > li .contsWrap > ul {
    align-items: initial;
    justify-content: initial;
    margin-bottom: 1rem;
  }
  .boardBoxType_01 > ul.categoryDownload > li .category {
    padding-left: 1.5rem;
  }
  .boardBoxType_01 > ul.categoryDownload > li .contsWrap {
    display: block;
  }
  .boardBoxType_01 > ul.categoryDownload > li .contsWrap > a {
    width: 100%;
  }
  .boardBoxType_01 > ul.categoryDownload > li .contsWrap > ul {
    position: absolute;
    top: 2.2rem;
  }
  .boardBoxType_01 > ul.categoryDownload > li.fixed .category {
    padding-left: 3rem;
  }
}
@media (max-width: 768px) {
  .boardBox {
    overflow: hidden;
  }
  .boardBoxType_01 > ul > li {
    display: block;
    padding: 2.063rem 0;
  }
  .boardBoxType_01 > ul > li .category {
    width: 100%;
    display: block;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    margin-bottom: 1rem;
  }
  .boardBoxType_01 > ul > li .contsWrap {
    width: 100%;
    padding-right: 0;
    display: block;
    align-items: initial;
    justify-content: initial;
  }
  .boardBoxType_01 > ul > li .contsWrap > a {
    display: block;
    width: 100%;
  }
  .boardBoxType_01 > ul > li .contsWrap > a > p.subject {
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
  }
  .boardBoxType_01 > ul > li .contsWrap > a .date {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    margin-top: 0.75rem;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul {
    flex-direction: row-reverse;
    margin-right: auto;
    gap: 0.5rem;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul li.pin {
    width: 1rem;
    height: 1rem;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul li.link {
    display: none;
  }
  .boardBoxType_01 > ul > li .contsWrap > ul li.filedown {
    width: 1rem;
    height: 1rem;
  }
  .boardBoxType_01 > ul > li.new .contsWrap > a p.subject::after {
    content: "";
    float: left;
    display: block;
    width: 2.188rem;
    height: 1.125rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 35 18' %3E%3Cg transform='translate(-4 -3)' %3E%3Crect width='35' height='18' rx='4' transform='translate(4 3)' style='fill:%2320c85a' /%3E%3Ctext transform='translate(8 16)' style='fill:%23fff;font-size:12px;font-family:Pretendard-Medium,Pretendard;font-weight:500;letter-spacing:-.001em' data-name='그룹 493509' %3E%3Ctspan x='0' y='0' %3ENEW%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0.2rem 0 0 0.625rem;
    flex: 1 0 auto;
  }
  .boardBoxType_01 > ul > li.fixed .category {
    position: relative;
    padding-left: 1.5rem;
  }
  .boardBoxType_01 > ul li.noResult {
    display: block;
    padding: 2rem 0;
    text-align: center;
    margin: 0 auto;
  }
  .boardBoxType_01 > ul li.noResult span.text {
    display: block;
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  .boardBoxType_01 > ul li.noResult span.text em {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > a {
    width: 100%;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > a p.subject {
    display: inline-flex;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > a p.subject i {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }
  .boardBoxType_01 > ul.categoryNormal > li .contsWrap > ul {
    display: block;
    position: absolute;
    top: 2.2rem;
  }
  .boardBoxType_01 > ul.normal > li .contsWrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .boardBoxType_01 > ul.normal > li .contsWrap > a {
    width: 100%;
  }
  .boardBoxType_01 > ul.normal > li .contsWrap > ul {
    justify-content: initial;
    align-items: initial;
    margin-bottom: 1rem;
    gap: 1rem;
  }
  .boardBoxType_01 > ul.gallery {
    margin-top: 0;
    gap: 3rem;
  }
  .boardBoxType_01 > ul.gallery > li {
    width: calc((100% - 3rem) / 2);
    margin-top: 0;
  }
  .boardBoxType_01 > ul.gallery > li:first-child:not(.noResult) {
    border-top: none;
  }
  .boardBoxType_01 > ul.gallery > li.noResult {
    display: block;
    padding: 2rem 0;
    text-align: center;
    margin: 0 auto;
  }
  .boardBoxType_01 > ul.gallery > li a .thumb {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: auto;
  }
  .boardBoxType_01 > ul.gallery > li a .thumb .thumbInner {
    top: 0.75rem;
    left: 0.75rem;
  }
  .boardBoxType_01 > ul.gallery > li a .thumb .thumbInner .category {
    margin-bottom: 0;
  }
  .boardBoxType_01 > ul.gallery > li a p.subject {
    display: block;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    margin-top: 1.5rem;
  }
  .boardBoxType_01 > ul.gallery > li a p.subject i {
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }
  .boardBoxType_01 > ul.gallery > li a span.date {
    display: block;
    margin-top: 1rem;
  }
  .boardBoxType_01 > ul.gallery > li.new .contsWrap > a .thumb .thumbInner {
    display: flex;
    gap: 0.5rem;
  }
  .boardBoxType_01
    > ul.gallery
    > li.new
    .contsWrap
    > a
    .thumb
    .thumbInner::after {
    content: "NEW";
    display: block;
    font-size: 0.75rem;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #fff;
    background-color: #20c85a;
    text-align: center;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
  }
  .boardBoxType_01 > ul.gallery > li.new .contsWrap > a p.subject::after {
    display: none;
  }
  .boardBoxType_01 > ul.gallery > li .contsWrap .bottom button span {
    font-size: 0;
    line-height: 0;
    text-indent: -999999px;
  }
  .boardBoxType_01 > ul.magazine {
    gap: 3rem;
    margin-top: 0;
  }
  .boardBoxType_01 > ul.magazine > li {
    width: calc((100% - 3rem) / 2);
    margin-top: 0;
  }
  .boardBoxType_01 > ul.magazine > li:first-child:not(.noResult) {
    border-top: none;
  }
  .boardBoxType_01 > ul.magazine > li.noResult {
    display: block;
    padding: 2rem 0;
    text-align: center;
    margin: 0 auto;
  }
  .boardBoxType_01 > ul.magazine > li a .thumb {
    display: flex;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: auto;
  }
  .boardBoxType_01 > ul.magazine > li a .thumb .thumbInner {
    top: 0.75rem;
    left: 0.75rem;
  }
  .boardBoxType_01 > ul.magazine > li a .thumb .thumbInner .category {
    margin-bottom: 0;
  }
  .boardBoxType_01 > ul.magazine > li a p.subject {
    display: block;
    position: relative;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    margin-top: 1.5rem;
  }
  .boardBoxType_01 > ul.magazine > li a p.subject i {
    font-style: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    width: 100%;
    white-space: normal;
    overflow: hidden;
  }
  .boardBoxType_01 > ul.magazine > li a span.date {
    display: block;
    margin-top: 1rem;
  }
  .boardBoxType_01 > ul.magazine > li.new .contsWrap > a .thumb .thumbInner {
    display: flex;
    gap: 0.5rem;
  }
  .boardBoxType_01
    > ul.magazine
    > li.new
    .contsWrap
    > a
    .thumb
    .thumbInner::after {
    content: "NEW";
    display: block;
    font-size: 0.75rem;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #fff;
    background-color: #20c85a;
    text-align: center;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
  }
  .boardBoxType_01 > ul.magazine > li.new .contsWrap > a p.subject::after {
    display: none;
  }
  .boardBoxType_01 > ul.download > li {
    padding: 2rem 0;
    display: block;
  }
  .boardBoxType_01 > ul.download > li .contsWrap {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
  }
  .boardBoxType_01 > ul.download > li .contsWrap > a {
    display: block;
    width: 100%;
  }
  .boardBoxType_01 > ul.download > li .contsWrap > a p.subject {
    font-size: 1rem;
    padding-right: 0;
  }
  .boardBoxType_01 > ul.download > li .contsWrap > ul {
    align-items: initial;
    justify-content: initial;
    margin-bottom: 1rem;
  }
  .boardBoxType_01 > ul.categoryDownload > li .category {
    padding-left: 1.5rem;
  }
  .boardBoxType_01 > ul.categoryDownload > li .contsWrap {
    display: block;
  }
  .boardBoxType_01 > ul.categoryDownload > li .contsWrap > a {
    width: 100%;
  }
  .boardBoxType_01 > ul.categoryDownload > li .contsWrap > ul {
    position: absolute;
    top: 2.2rem;
  }
  .boardBoxType_01 > ul.categoryDownload > li.fixed .category {
    padding-left: 3rem;
  }
  .listHead {
    display: flow-root;
  }
  .listHead .rightObject {
    float: initial;
    text-align: left;
  }
  .listHead .rightObject .inputSelect {
    width: calc(50% - 0.375rem);
  }
  .listHead .rightObject .inputSelect:first-child {
    margin-right: 0.75rem;
  }
  .listHead .rightObject .inputSelect + .inputSelect {
    display: inline-block;
    width: calc(50% - 0.375rem);
    margin-left: 0;
  }
  .listHead .rightObject .inputSelect.only {
    width: 100% !important;
  }
  .listHead .rightObject .inputSelect.only:first-child {
    margin-right: 0;
  }
  .listHead .rightObject .inputText.search {
    width: 100%;
    margin-top: 0.375rem;
    margin-left: 0;
  }
  .viewWrapper {
    display: block;
  }
  .viewWrapper .viewHead .changeWidth {
    width: 100%;
    margin-bottom: 5rem;
  }
  .viewWrapper .viewHead h3.subject {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    line-height: 1.42;
    white-space: initial;
    margin-bottom: 2.5rem;
  }
  .viewWrapper .viewHead .subjectInfo {
    position: initial;
    bottom: initial;
  }
  .viewWrapper .viewHead .subjectInfo button[class$="Download"] {
    margin-top: 4rem;
  }
  .viewWrapper .viewBody {
    padding: 0 0 5rem 0;
  }
  .viewFooter {
    margin-top: 4rem;
  }
  .viewFooter ul li {
    width: calc(50% - 0.25rem);
    height: 3rem;
    border-radius: 4px;
  }
  .viewFooter ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    margin-left: -2.6rem;
  }
  .viewFooter ul li::after {
    content: "이전글";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    margin-top: -0.7rem;
    margin-left: -0.5rem;
  }
  .viewFooter ul li a {
    height: 4rem;
  }
  .viewFooter ul li a span {
    display: none;
  }
  .viewFooter ul li.disabled::after {
    color: #d2d2d2;
  }
  .viewFooter ul li.disabled:last-child::before {
    color: #d2d2d2;
  }
  .viewFooter ul li:last-child {
    float: right;
  }
  .viewFooter ul li:last-child::before {
    content: "다음글";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 50%;
    left: initial;
    width: initial;
    height: initial;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    margin-top: -0.7rem;
    margin-left: initial;
    margin-right: -0.5rem;
    background-image: none;
  }
  .viewFooter ul li:last-child::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50%;
    left: initial;
    display: inline-block;
    margin-right: -2.6rem;
  }
  .viewFooter ul li:last-child a {
    text-align: right;
  }
  .viewFooter ul li:last-child a span {
    right: initial;
    left: initial;
    text-align: initial;
  }
  html.en .viewFooter ul li::after {
    content: "Prev";
  }
  html.en .viewFooter ul li:last-child::before {
    content: "Next";
  }
  .btnGroup {
    margin-top: 4rem;
  }
  .btnGroup > a,
  .btnGroup > button {
    width: 100%;
    margin: initial;
  }
  .btnGroup > a + a,
  .btnGroup > a + button,
  .btnGroup > button + a,
  .btnGroup > button + button {
    margin-top: 0.5rem;
  }
  .btnGroup .leftObject {
    float: initial;
  }
  .btnGroup .leftObject > button {
    width: 100%;
    margin-right: initial;
  }
  .btnGroup .rightObject {
    float: initial;
  }
  .btnGroup .rightObject > button {
    width: 100%;
    margin-left: initial;
  }
  .boardBoxType_01 > ul.magazine > li .contsWrap a p.subject {
    font-size: 0.875rem;
  }
  .boardBoxType_01 > ul.magazine > li .contsWrap a p.description {
    font-size: 0.875rem;
  }
  .boardBoxType_01 > ul.magazine > li .contsWrap .bottom {
    padding-top: 1.25rem;
  }
  .boardBoxType_01 > ul.magazine > li .contsWrap .bottom button span {
    font-size: 0;
  }
  .boardBoxType_01 > ul.magazine > li .contsWrap .bottom button span::after {
    width: 1rem;
    height: 1rem;
  }
}
@media (max-width: 520px) {
  .boardBoxType_01 > ul.magazine > li {
    width: 100%;
  }
  .boardBoxType_01 > ul.gallery > li {
    width: 100%;
  }
}
.viewBody .table table {
  width: 100%;
}
.viewBody p img.image_resized {
  height: auto;
}
.viewBody figure {
  margin: 0.9em auto;
}
.viewBody figure.image {
  margin: 0.9em auto;
  text-align: center;
}
.viewBody figure.image img {
  margin: 0.9em auto;
}
.viewBody figure.image-style-side {
  margin: 0;
  float: right;
}
.viewBody figure.image img,
.viewBody img {
  max-width: 100%;
  height: auto;
  display: block;
}
.viewWrapper .viewBody {
  font-size: 1.25rem;
}
.viewWrapper .viewBody * {
  font-size: inherit;
}
.viewWrapper .viewBody ul {
  margin: unset;
  padding: unset;
  list-style: initial;
}
.viewWrapper .viewBody ol {
  margin: unset;
  padding: unset;
  list-style: auto;
}
.viewWrapper .viewBody li {
  margin: 0 35px;
  padding: unset;
  font-size: inherit;
  list-style: inherit;
  list-style-type: inherit;
}
@media (max-width: 1023px) {
  .viewWrapper .viewBody * {
    font-size: 0.875rem;
  }
}
.cpnt_table * {
  font-size: 1.25rem;
}
@media (max-width: 1023px) {
  .cpnt_table * {
    font-size: 0.875rem;
  }
}
.tabNavWrap.type_01 {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 7.5rem;
  margin-top: 4.125rem;
}
.tabNavWrap.type_01 .tabNavList {
  font-size: 0;
  overflow: hidden;
}
.tabNavWrap.type_01 .tabNavList li {
  position: relative;
  display: inline-block;
  padding: 0 0.5rem 0.884rem 0.5rem;
  margin-left: 1.5rem;
}
.tabNavWrap.type_01 .tabNavList li a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #666;
  color: #b8b8b8;
  font-weight: 700;
}
.tabNavWrap.type_01 .tabNavList li:first-child {
  margin-left: 0;
}
.tabNavWrap.type_01 .tabNavList li.outlink a {
  position: relative;
}
.tabNavWrap.type_01 .tabNavList li.outlink a::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  transform: translateY(2px);
  margin-left: 0.125rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
}
.tabNavWrap.type_01 .tabNavList li.outlink.active a::after {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
}
.tabNavWrap.type_01 .tabNavList li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  font-size: 0;
  line-height: 0;
  background-color: #111;
  overflow: hidden;
}
.tabNavWrap.type_01 .tabNavList li.active a {
  color: #111;
}
.tabNavWrap.type_02 {
  width: 100%;
  height: 100%;
  text-align: left;
  box-sizing: border-box;
  margin-bottom: 5rem;
}
.tabNavWrap.type_02 .tabNavList {
  font-size: 0;
  overflow: hidden;
}
.tabNavWrap.type_02 .tabNavList li {
  position: relative;
  display: inline-block;
  margin-left: 1rem;
}
.tabNavWrap.type_02 .tabNavList li a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 500;
  background-color: #fff;
  border-radius: 26.5px;
  border: 1px solid #e8e8e8;
  padding: 0.75rem 1.5rem;
}
.tabNavWrap.type_02 .tabNavList li:first-child {
  margin-left: 0;
}
.tabNavWrap.type_02 .tabNavList li.active a {
  color: #fff;
  background-color: #161616;
}
.tabNavWrap.type_02.mapTab {
  margin-bottom: 0;
}
.tabNavWrap.language {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 12.5rem;
}
.tabNavWrap.language .tabNavList {
  font-size: 0;
  overflow: hidden;
}
.tabNavWrap.language .tabNavList li {
  position: relative;
  display: inline-block;
  padding: 0 0 0.064rem 0;
  margin-left: 3rem;
}
.tabNavWrap.language .tabNavList li a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 700;
}
.tabNavWrap.language .tabNavList li:first-child {
  margin-left: 0;
}
.tabNavWrap.language .tabNavList li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  font-size: 0;
  line-height: 0;
  background-color: #111;
  overflow: hidden;
}
.tabNavWrap.language .tabNavList li.active a {
  color: #111;
}
.tabContentsWrap .tabContents {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.tabContentsWrap .tabContents.active {
  height: auto;
  opacity: 1;
  overflow: visible;
}
.historyContainer .tabContentsWrap .tabContents {
  height: auto;
  opacity: 1;
  overflow: visible;
}
.historyContainer .tabContentsWrap .tabContents.active {
  height: auto;
  opacity: 1;
  overflow: visible;
}
@media (max-width: 1023px) {
  .historyContainer .tabContentsWrap .tabContents {
    height: auto;
    opacity: 1;
    overflow: visible;
  }
  .historyContainer .tabContentsWrap .tabContents.active {
    height: auto;
    opacity: 1;
    overflow: visible;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .tabNavWrap.type_01 {
    margin-bottom: 2.5rem;
    margin-top: 2rem;
  }
  .tabNavWrap.type_01 .tabNavList {
    padding: 0 1.688rem 1rem 1.25rem;
    overflow: auto;
    white-space: nowrap;
  }
  .tabNavWrap.type_01 .tabNavList li {
    padding: 0 0.35rem 0.554rem 0;
    margin-left: 1.25rem;
  }
  .tabNavWrap.type_01 .tabNavList li a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    font-weight: 700;
  }
  .tabNavWrap.type_01 .tabNavList::-webkit-scrollbar {
    display: none;
  }
  .tabNavWrap.type_02 {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
  .tabNavWrap.type_02 .tabNavList {
    padding: 0 1.688rem 1rem 0;
    overflow: scroll;
    white-space: nowrap;
  }
  .tabNavWrap.type_02 .tabNavList li a {
    font-size: 0.875rem;
    line-height: 1.57;
    border-radius: 1.375rem;
  }
  .tabNavWrap.type_02 .tabNavList::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .tabNavWrap.type_01 {
    margin-bottom: 2.5rem;
    margin-top: 2rem;
  }
  .tabNavWrap.type_01 .tabNavList {
    padding: 0 1.688rem 1rem 1.25rem;
    overflow: auto;
    white-space: nowrap;
  }
  .tabNavWrap.type_01 .tabNavList li {
    padding: 0 0.35rem 0.554rem 0;
    margin-left: 1.25rem;
  }
  .tabNavWrap.type_01 .tabNavList li a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    font-weight: 700;
  }
  .tabNavWrap.type_01 .tabNavList::-webkit-scrollbar {
    display: none;
  }
  .tabNavWrap.type_02 {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
  .tabNavWrap.type_02 .tabNavList {
    padding: 0 1.688rem 1rem 0;
    overflow: auto;
    white-space: nowrap;
  }
  .tabNavWrap.type_02 .tabNavList li a {
    font-size: 0.875rem;
    line-height: 1.57;
    border-radius: 1.375rem;
  }
  .tabNavWrap.type_02 .tabNavList::-webkit-scrollbar {
    display: none;
  }
  .tabNavWrap.language .tabNavList {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .tabNavWrap.language .tabNavList::-webkit-scrollbar {
    display: none;
  }
}
a[class$="Solid"],
button[class$="Solid"] {
  background-color: #111;
  border: 1px solid #111;
  vertical-align: middle;
}
a[class$="Solid"] span,
button[class$="Solid"] span {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  font-weight: 500;
  z-index: 1;
}
a[class$="Solid"]:hover,
button[class$="Solid"]:hover {
  background-color: #4a78ff;
  border: 1px solid #4a78ff;
}
a[class$="Linear"],
button[class$="Linear"] {
  background-color: #fff;
  border: 1px solid #d2d2d2;
  vertical-align: middle;
}
a[class$="Linear"] span,
button[class$="Linear"] span {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 500;
  z-index: 1;
}
a[class$="Linear"]:hover,
button[class$="Linear"]:hover {
  background-color: #f4f4f4;
  border: 1px solid #b8b8b8;
}
.btnLarge {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  transition: 0.5s ease;
  padding: 0.9375rem 2rem;
  overflow: hidden;
}
.btnLargeDisabled {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #d2d2d2 !important;
  border: #d2d2d2 !important;
  padding: 1rem 2rem;
  cursor: not-allowed;
  overflow: hidden;
}
.btnLargeDisabled span {
  color: #fff;
}
.btnMedium {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  transition: 0.5s ease;
  padding: 0.688rem 1.875rem;
  overflow: hidden;
}
.btnMediumDisabled {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #d2d2d2 !important;
  border: #d2d2d2 !important;
  padding: 0.75rem 1.875rem;
  cursor: not-allowed;
  overflow: hidden;
}
.btnMediumDisabled span {
  color: #fff;
}
.btnSmall {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  transition: 0.5s ease;
  padding: 0.438rem 1.25rem;
  overflow: hidden;
}
.btnSmallDisabled {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #d2d2d2 !important;
  border: #d2d2d2 !important;
  padding: 0.5rem 1.25rem;
  cursor: not-allowed;
  overflow: hidden;
}
.btnSmallDisabled span {
  color: #fff;
}
.btnSmall.type01 {
}
#wrapper .business {
  word-break: keep-all;
}
#wrapper .business .mo {
  display: none !important;
}
#wrapper
  .business
  .innerContentsWrap:not(:first-child)
  .contentsWrap
  .contentsBody {
  padding-top: 0;
}
#wrapper .business .innerContentsWrap:not(:last-child) .contentsWrap {
  padding-bottom: 0;
}
#wrapper .business .intervalTop {
  margin-top: 12.5rem;
}
#wrapper .business .topDesc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#wrapper .business .topDesc h3 {
  max-width: 38.625rem;
}
#wrapper .business .topDesc p {
  margin-top: 0;
  max-width: 44.25rem;
}
#wrapper .business .topDesc p.descMg {
  margin-right: 12.5rem;
}
#wrapper .business .topDesc.pit1 .btn_glink_line {
  margin-top: 3.5rem;
  color: #111;
}
#wrapper .business h3 {
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  font-weight: 700;
  color: #111;
}
#wrapper .business h3 + * {
  margin-top: 2.5rem;
}
#wrapper .business h4 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
  font-weight: 700;
  color: #111;
}
#wrapper .business p {
  font-size: 1.125rem;
  line-height: 1.78;
  letter-spacing: -0.02px;
  color: #666;
}
#wrapper .business img {
  display: block;
  width: 100%;
}
#wrapper .business .linkWrap {
  display: block;
  width: 22.875rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  font-weight: 700;
  color: #111;
  padding-bottom: 1.188rem;
  border-bottom: 2px solid #111;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 5 5 0 0 5' transform='rotate(90 4 9)' style='stroke-width:1.5px;fill:none;stroke:%23111;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E%0A")
    no-repeat right 0.25rem/1.25rem;
}
#wrapper .business .linkWrap.downloadIcon {
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_arrow_download - 20' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg %3E%3Cpath d='M.913 8h13' transform='translate(2.587 8)' style='stroke-width:1.5px;fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cg %3E%3Cpath d='M8 0 4 4 0 0' transform='translate(6 9)' style='stroke-width:1.5px;fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath d='M12.265 8.973v-9' transform='translate(-2.265 4.027)' style='stroke-width:1.5px;fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#wrapper .business .imgGroup {
  position: relative;
}
#wrapper .business .imgGroup .imgItem {
  position: absolute;
  left: 7.625rem;
  top: 50%;
  width: 29rem;
  transform: translateY(-50%);
}
#wrapper .business .imgGroup .imgItem .imgPoint {
  color: #fff;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  margin-bottom: 3.5rem;
}
#wrapper .business .imgGroup .imgItem .imgTxt {
  color: #fff;
}
#wrapper .business .toastWrap .toastPop {
  position: absolute;
  padding: 0.75rem 1.25rem;
  border-radius: 0.625rem;
  font-size: 1rem;
  background-color: rgba(102, 102, 102, 0.64);
  color: #fff;
  right: -14.8125rem;
  top: -0.1rem;
  display: none;
  width: max-content;
}
#wrapper .business .mgt_type01 {
  margin-top: 7.5rem;
}
#wrapper .business .pdt_type01 {
  padding-top: 5rem;
}
#wrapper .business .pdt_type02 {
  padding-top: 5rem;
}
#wrapper .business .cardList li {
  position: relative;
}
#wrapper .business .cardList li::after,
#wrapper .business .cardList li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 1.875rem;
}
#wrapper .business .cardList li::before {
  opacity: 1;
  z-index: -1;
  transition: all 0.3s ease;
}
#wrapper .business .cardList li::after {
  z-index: -2;
}
#wrapper .business .cardList li .cardBtn {
  display: block;
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  transition: all 0.3s ease;
  z-index: 10;
}
#wrapper .business .cardList li .cardBtn::after,
#wrapper .business .cardList li .cardBtn::before {
  content: "";
  display: block;
  position: absolute;
  width: 1.125rem;
  height: 0.125rem;
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#wrapper .business .cardList li .cardBtn::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transform-origin: center;
}
#wrapper .business .cardList li .cardBtn.open {
  background-color: #111;
}
#wrapper .business .cardList li .cardTxt {
  transform: translateY(80px);
  opacity: 0;
  transition: transform 1s ease;
}
#wrapper .business .cardList li.on::before {
  opacity: 0;
}
#wrapper .business .cardList li.on .cardTxt {
  transform: translateY(0);
  opacity: 1;
}
#wrapper .business .cardList li.on .cardBtn {
  background-color: #fff;
  transform: rotate(45deg);
}
#wrapper .business .cardList li.on .cardBtn::after,
#wrapper .business .cardList li.on .cardBtn::before {
  background-color: #111;
}
#wrapper .business.ability .motionWrap .cardWrap.t-techDev .swiper {
  width: 100%;
  max-width: 100%;
}
#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList {
  flex-wrap: wrap;
}
#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList > li {
  flex-basis: calc((100% - 48px) / 3);
  margin-right: 24px !important;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(3n + 0) {
  margin-right: 0 !important;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(n + 4) {
  margin-top: 24px !important;
}
#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList > li a {
  height: 378px;
  background-color: #f4f4f4;
  background-position: left 40px bottom 24px;
  background-repeat: no-repeat;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li
  a
  .cardTit {
  margin-top: 0;
  line-height: 1.38;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li
  a
  .cardTxt {
  padding: 36px 40px;
  text-align: left;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li
  a
  .cardTxt
  ul {
  margin-top: 0;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li
  a
  .cardTxt
  ul
  li {
  position: relative;
  padding-left: 14px;
  line-height: 1.56;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li
  a
  .cardTxt
  ul
  li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li
  a
  .cardTxt
  ul
  li
  + li {
  margin-top: 12px;
}
#wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList > li.on a {
  background-color: #20c85a;
  background-image: none !important;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(1)
  a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.321;fill:none' d='M0 0h112v112H0z'/%3E%3Cg data-name='그룹 495364'%3E%3Cg data-name='그룹 495359'%3E%3Cpath data-name='합치기 93' d='M2 60.164a2 2 0 0 1-2-2V19.236h.017l17.332-18.1a3.6 3.6 0 0 1 5.253 0 4 4 0 0 1 0 5.486l-16 16.7v34.842a2 2 0 0 1-2 2z' transform='translate(59.945 11.631)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880086' d='M4.3 4.093 9 8.86' transform='translate(66.652 16.452)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3C/g%3E%3Cg data-name='그룹 495363'%3E%3Cpath data-name='합치기 93' d='M17.349 59.028.018 40.929H0V2a2 2 0 0 1 2-2h2.6a2 2 0 0 1 2 2v34.838l16 16.7a4 4 0 0 1 0 5.486 3.6 3.6 0 0 1-5.253 0z' transform='rotate(180 26.025 35.898)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3Cpath data-name='패스 880086' d='M9 4.093 4.3 8.86' transform='translate(32.046 16.451)' style='stroke-width:2.5px;stroke-linecap:round;fill:%23f4f4f4;stroke:%23111;stroke-linejoin:round'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='선 126658' transform='translate(14 79.001)' style='stroke:%23000;stroke-width:2.5px;stroke-linecap:round;fill:none' d='M0 0h84'/%3E%3Cg data-name='다각형 26' style='fill:%23111;stroke-linecap:round'%3E%3Cpath d='M13.664 10.75H2.336L8 2.253l5.664 8.497z' style='stroke:none' transform='translate(47.999 87.001)'/%3E%3Cpath d='M8 4.507 4.671 9.5h6.658L8 4.507M8 0l8 12H0L8 0z' style='fill:%23111;stroke:none' transform='translate(47.999 87.001)'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(2)
  a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.679;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(43.625 18.008)'%3E%3Cpath data-name='패스 118' d='m15401.688 5521.184-27.688 38.749 30.418 36.651' transform='translate(-15356.907 -5524.209)' style='stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cpath data-name='선 126657' transform='translate(-21.233 17.277)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M38.047 16.38 0 0'/%3E%3Cpath data-name='선 126659' transform='translate(-13.686 35.916)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M30.501 0 0 25.982'/%3E%3Ccircle data-name='타원 34' cx='18.075' cy='18.075' r='18.075' transform='translate(.328 17.277)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 35' cx='7.908' cy='7.908' r='7.908' transform='translate(37.344 -10.934)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 8894' cx='10.167' cy='10.167' r='10.167' transform='translate(-33.561 5.979)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 36' cx='7.908' cy='7.908' r='7.908' transform='translate(37.344 61.9)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 8897' cx='7.343' cy='7.343' r='7.343' transform='translate(-19.538 53.425)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Ccircle data-name='타원 8895' cx='6.778' cy='6.778' r='6.778' transform='translate(11.625 28.572)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(3)
  a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.679;fill:none' d='M0 0h112v112H0z'/%3E%3Cpath data-name='합치기 110' d='M4.254 41.414a4 4 0 0 1-3.467-6L11.835 16.23V4.2a2.5 2.5 0 0 1 1-4.791h7a2.5 2.5 0 0 1 1 4.792v12.028l11.048 19.189a4 4 0 0 1-3.467 6z' transform='translate(22.752 13.586)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cpath data-name='패스 880141' d='M-17634.832 6892.6h-20' transform='translate(17683.737 -6852.597)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cg data-name='Icon'%3E%3Cpath data-name='합치기 110' d='M4.254 41.414a4 4 0 0 1-3.467-6L11.835 16.23V4.2a2.5 2.5 0 0 1 1-4.791h7a2.5 2.5 0 0 1 1 4.792v12.028l11.048 19.189a4 4 0 0 1-3.467 6z' transform='translate(59.752 13.586)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cpath data-name='패스 880141' d='M-17634.832 6892.6h-20' transform='translate(17720.737 -6852.597)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3Cg data-name='사각형 353811' transform='translate(14 49)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Crect width='84' height='50' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='81.5' height='47.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3Cpath data-name='선 126660' transform='translate(77 63)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none' d='M0 0h13'/%3E%3Cg data-name='타원 8898' transform='translate(30 79)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Ccircle cx='6' cy='6' r='6' style='stroke:none'/%3E%3Ccircle cx='6' cy='6' r='4.75' style='fill:none'/%3E%3C/g%3E%3Cg data-name='타원 8899' transform='translate(50 79)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Ccircle cx='6' cy='6' r='6' style='stroke:none'/%3E%3Ccircle cx='6' cy='6' r='4.75' style='fill:none'/%3E%3C/g%3E%3Cg data-name='타원 8900' transform='translate(70 79)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Ccircle cx='6' cy='6' r='6' style='stroke:none'/%3E%3Ccircle cx='6' cy='6' r='4.75' style='fill:none'/%3E%3C/g%3E%3C/svg%3E");
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(4)
  a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.321;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(15392.611 -6746.414)'%3E%3Cg data-name='ico_신약 개발'%3E%3Cg data-name='Icon'%3E%3Cg data-name='그룹 495410'%3E%3Cpath data-name='합치기 11' d='M6 65a4 4 0 0 1-4-4V5.829A3 3 0 0 1 3 0h30a3 3 0 0 1 1 5.828V61a4 4 0 0 1-4 4z' transform='translate(-15354.612 6760.414)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3Cpath data-name='패스 880131' d='M-17623.83 6892.6h-31' transform='translate(2303.166 -112.269)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='사각형 353819' transform='translate(-15378.611 6808.414)' style='stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'%3E%3Crect width='84' height='32' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='81.5' height='29.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3Crect data-name='사각형 353830' width='90' height='8' rx='2' transform='translate(-15381.611 6838.414)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cg data-name='그룹 495422'%3E%3Cpath data-name='사각형 353664' transform='translate(-15308.611 6818.413)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4' d='M0 0h4v11H0z'/%3E%3Cpath data-name='사각형 353663' transform='translate(-15316.611 6820.413)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4' d='M0 0h4v9H0z'/%3E%3Cpath data-name='사각형 353823' transform='translate(-15324.611 6823.414)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:%23f4f4f4' d='M0 0h4v6H0z'/%3E%3C/g%3E%3Cg data-name='그룹 495421' transform='translate(-15370.907 6816.816)'%3E%3Ccircle data-name='타원 8857' cx='8' cy='8' r='8' transform='translate(.297 -.403)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3Cg data-name='그룹 495421' transform='translate(-15348.907 6816.816)'%3E%3Ccircle data-name='타원 8857' cx='8' cy='8' r='8' transform='translate(.297 -.403)' style='stroke-linejoin:round;stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cpath data-name='패스 880148' d='M-14918.249 6768v8' transform='translate(14926.547 -6768.402)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3Cpath data-name='패스 880178' d='M-14918.249 6768v8' transform='rotate(60 -1600.296 16314.566)' style='stroke-linecap:round;stroke:%23111;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(5)
  a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.371;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(18003.25 -9843.51)'%3E%3Cg data-name='그룹 496212'%3E%3Cg data-name='Icon'%3E%3Cpath data-name='합치기 110' d='M2 52.528V5.83A3 3 0 0 1 0 3V1a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-2 2.829v46.7A7.248 7.248 0 0 1 9 60a7.247 7.247 0 0 1-7-7.472z' transform='translate(-17969.25 9860.51)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3Cpath data-name='패스 880141' d='M-17641.937 6892.6h-12.895' transform='translate(-312.145 2997.197)' style='stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:none'/%3E%3C/g%3E%3Cg data-name='Icon'%3E%3Cpath data-name='합치기 110' d='M2 52.528V5.83A3 3 0 0 1 0 3V1a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-2 2.829v46.7A7.248 7.248 0 0 1 9 60a7.247 7.247 0 0 1-7-7.472z' transform='translate(-17943.25 9860.51)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3C/g%3E%3Cpath data-name='사각형 353826' d='M2 0h60a2 2 0 0 1 2 2v44h0H0h0V2a2 2 0 0 1 2-2z' transform='translate(-17978.75 9890.003)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:none'/%3E%3Crect data-name='사각형 353827' width='80' height='8' rx='2' transform='translate(-17987.25 9935.511)' style='stroke-linejoin:round;stroke:%23111;stroke-linecap:round;stroke-width:2.5px;fill:%23f4f4f4'/%3E%3C/g%3E%3C/svg%3E%0A");
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap.t-techDev
  .cardList
  > li:nth-child(6)
  a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='112' height='112' viewBox='0 0 112 112'%3E%3Cpath style='opacity:.371;fill:none' d='M0 0h112v112H0z'/%3E%3Cg transform='translate(27.141 12.846)'%3E%3Cpath data-name='선 126661' transform='translate(4.816 10.155)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M0 0v73.545'/%3E%3Ccircle data-name='타원 8902' cx='8' cy='8' r='8' transform='translate(-3.141 71.154)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Cg data-name='ico_신약 개발'%3E%3Cg data-name='Icon'%3E%3Cg data-name='그룹 495410'%3E%3Cpath data-name='합치기 11' d='M6 48a4 4 0 0 1-4-4V5.829A3 3 0 0 1 3 0h30a3 3 0 0 1 1 5.828V44a4 4 0 0 1-4 4z' transform='translate(24.858 33.153)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3C/g%3E%3Cpath data-name='패스 880131' d='M-17623.83 6892.6h-31' transform='translate(17682.188 -6830.53)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3C/g%3E%3C/g%3E%3Crect data-name='사각형 353667' width='76' height='8' rx='2' transform='translate(-9.141 79.154)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Cpath data-name='선 126662' transform='translate(10.816 10.154)' style='stroke:%23111;stroke-width:2.5px;fill:none' d='M0 0h26.389'/%3E%3Ccircle data-name='타원 8862' cx='7' cy='7' r='7' transform='translate(-2.141 3.154)' style='stroke-linecap:round;stroke-linejoin:round;fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'/%3E%3Cg data-name='사각형 353816' transform='translate(39.859 8.154)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'%3E%3Crect width='8' height='16' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='5.5' height='13.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3Cg data-name='사각형 353815' transform='translate(35.859 2.154)' style='fill:%23f4f4f4;stroke:%23111;stroke-width:2.5px'%3E%3Crect width='16' height='16' rx='2' style='stroke:none'/%3E%3Crect x='1.25' y='1.25' width='13.5' height='13.5' rx='.75' style='fill:none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media (max-width: 1200px) {
  #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList > li {
    flex-basis: calc((100% - 24px) / 2);
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li:nth-child(3n + 0) {
    margin-right: 24px !important;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li:nth-child(2n + 0) {
    margin-right: 0 !important;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li:nth-child(n + 3) {
    margin-top: 24px !important;
  }
}
@media (min-width: 769px) {
  #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList {
    transform: translate3d(0, 0, 0) !important;
  }
}
@media (max-width: 768px) {
  #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList {
    flex-wrap: nowrap;
  }
  #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList > li {
    flex-basis: 100%;
    margin-right: 0 !important;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li:nth-child(3n + 0) {
    margin-right: 0 !important;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li:nth-child(n + 3) {
    margin-top: 0 !important;
  }
  #wrapper .business.ability .motionWrap .cardWrap.t-techDev .cardList > li a {
    padding: 40px 32px;
    background-position: left 32px bottom 24px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li
    a
    .cardTit {
    line-height: 1.42;
    font-size: 24px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li
    a
    .cardTxt {
    padding: 36px 32px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li
    a
    .cardTxt
    ul {
    margin-top: 0;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li
    a
    .cardTxt
    ul
    li {
    padding-left: 12px;
    line-height: 1.57;
    font-size: 14px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li
    a
    .cardTxt
    ul
    li::before {
    top: 8px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap.t-techDev
    .cardList
    > li
    a
    .cardTxt
    ul
    li
    + li {
    margin-top: 6px;
  }
}
#wrapper .business .descWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5rem;
}
#wrapper .business .descWrap .descContent {
  width: 49.1666666667%;
  max-width: 44.25rem;
}
#wrapper .business .descWrap .desTit {
  font-size: 1.188rem;
  line-height: 1.58;
  letter-spacing: -0.02px;
  color: #20c85a;
  font-weight: 700;
}
#wrapper .business .descWrap .desTit + .desPoint {
  margin-top: 1.188rem;
}
#wrapper .business .descWrap .desPoint {
  font-size: 2rem;
  line-height: 1.38;
  letter-spacing: -0.06px;
  font-weight: 700;
}
#wrapper .business .descWrap .desPoint.type_01 {
  font-size: 3.125rem;
}
#wrapper .business .descWrap p {
  margin-top: 3.5rem;
}
#wrapper .business .descWrap p.tCenter {
  text-align: center;
}
#wrapper .business .descWrap .descImg {
  width: 45.2777777778%;
  max-width: 40.75rem;
}
#wrapper .business .descWrap .descImg img {
  display: block;
  width: 100%;
}
#wrapper .business .descWrap.reverse {
  flex-direction: row-reverse;
}
#wrapper .business .descWrap.textWrap {
  margin-top: 5rem;
  align-items: flex-start;
}
#wrapper .business .descWrap.textWrap .desPoint {
  width: 40.6944444444%;
}
#wrapper .business .descWrap.textWrap p {
  margin: 0;
  width: 49.1666666667%;
}
#wrapper .business .descWrap.textWrap.mgtNone {
  margin-top: 0;
}
#wrapper .business .descWrap .bio_title {
  text-align: justify;
}
#wrapper .business .descCol {
  margin-top: 7.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
#wrapper .business .descCol .descItem {
  width: 33.33333%;
  max-width: 29rem;
  position: relative;
}
#wrapper .business .descCol .descContent {
  position: absolute;
  font-size: 2rem;
  line-height: 1.38;
  letter-spacing: -0.06px;
  color: #fff;
  left: 2.5rem;
  bottom: 2rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: calc(100% - 2.5rem);
  padding-right: 2.5rem;
}
#wrapper .business .descCol .descContent .desPoint {
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#wrapper .business .descCol .descContent .desPoint .desSub {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -0.02px;
  font-weight: 500;
  margin-top: 1.25rem;
}
#wrapper .business .art_product {
  background-color: #f8f8f8;
  margin-top: 12.5rem;
  overflow: hidden;
}
#wrapper .business .art_product::before {
  content: "";
  position: absolute;
  width: 64.4375rem;
  height: 63.7188rem;
  display: block;
  background-image: radial-gradient(
    circle at 50% 50%,
    #34e5ff,
    rgba(52, 229, 255, 0.5) 38%,
    rgba(166, 244, 255, 0.1) 62%,
    rgba(255, 255, 255, 0) 71%
  );
  opacity: 0.2;
  left: -348px;
  top: -241px;
}
#wrapper .business .art_product::after {
  content: "";
  position: absolute;
  width: 47.06rem;
  height: 86.125rem;
  display: block;
  background-image: radial-gradient(
    circle at 50% 50%,
    #90ffc8,
    rgba(144, 255, 200, 0.5) 22%,
    rgba(144, 255, 200, 0.1) 35%,
    rgba(144, 255, 200, 0) 40%
  );
  opacity: 0.2;
  right: -240px;
  bottom: -200px;
}
#wrapper .business .contentsWrap {
  position: relative;
  z-index: 2;
}
#wrapper .business .product-box {
  padding: 10rem 0;
  position: relative;
}
#wrapper .business .product-box .subTxt {
  width: 56.25rem;
  max-width: calc(100% - 9.375rem);
  margin-top: 0.6rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  color: rgba(102, 102, 102, 0.4);
}
#wrapper .business .product-box .list-wrap {
  position: relative;
  margin-top: 0;
}
#wrapper .business .product-box .list-wrap > button {
  position: absolute;
  right: 0;
  top: -6.7rem;
  top: -1.3rem;
  top: 0.5rem;
  z-index: 3;
  margin-top: 0;
}
#wrapper .business .product-box .list-wrap > button:hover {
  background-color: #111;
  border: 1px solid #111;
}
#wrapper .business .product-box .list-wrap > button.active {
  background-color: #20c85a;
  border: 1px solid #20c85a;
  color: #fff;
}
#wrapper .business .product-box .list-wrap > button.active span {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  font-weight: 500;
}
#wrapper .business .product-box .product-list {
  margin-top: 3.375rem;
  position: relative;
  z-index: 2;
}
#wrapper .business .product-box .product-list .item {
  border-radius: 1.25rem;
  background-color: #fff;
  font-size: 1.125rem;
  margin-bottom: 1.25rem;
}
#wrapper .business .product-box .product-list .item.active .item-content {
  display: flex;
}
#wrapper .business .product-box .product-list .item.active .item-head button {
  transform: rotate(180deg);
}
#wrapper .business .product-box .product-list .item .item-head {
  padding: 2.37rem 7rem 2.37rem 2.5rem;
  display: flex;
  align-items: center;
  position: relative;
}
#wrapper .business .product-box .product-list .item .item-head .drop-btn {
  position: absolute;
  right: 2.5rem;
  top: 50%;
  transform: translateY(-50%);
}
#wrapper
  .business
  .product-box
  .product-list
  .item
  .item-head
  .drop-btn
  button {
  width: 2rem;
  height: 2rem;
  background-image: url(/front/assets/common/images/recruit/ico_arrow_down.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
#wrapper .business .product-box .product-list .item .item-head .num {
  width: 7rem;
  height: 3rem;
  border-radius: 0.75rem;
  background-color: #f2fcfd;
  font-size: 1.25rem;
  color: #4a78ff;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 1.25rem;
}
#wrapper .business .product-box .product-list .item .item-head .tit {
  font-size: 2rem;
  color: #111;
  width: calc(100% - 8.25rem);
}
#wrapper .business .product-box .product-list .item .item-content {
  display: none;
  align-items: flex-start;
  padding: 3.75rem;
  display: none;
  border-top: 1px solid #e8e8e8;
}
#wrapper
  .business
  .product-box
  .product-list
  .item
  .item-content
  .content-desc {
  margin-right: 5rem;
  width: calc(100% - 422px);
}
#wrapper
  .business
  .product-box
  .product-list
  .item
  .item-content
  .content-desc
  strong {
  font-size: 1.5rem;
  color: #111;
  margin-bottom: 2rem;
  margin-top: 3.75rem;
  display: block;
}
#wrapper
  .business
  .product-box
  .product-list
  .item
  .item-content
  .content-desc
  strong:first-child {
  margin-top: 0;
}
#wrapper
  .business
  .product-box
  .product-list
  .item
  .item-content
  .content-desc
  p {
  font-size: 1.125rem;
  color: #666;
  font-weight: 500;
  letter-spacing: -0.02px;
  line-height: 1.78;
}
#wrapper .business .product-box .product-list .item .item-content .content-img {
  width: 342px;
  height: 281px;
}
#wrapper .business .relatedPageWrap {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
#wrapper .business .relatedPageWrap h4 {
  font-size: 3.75rem;
  line-height: 5.25rem;
  letter-spacing: -0.12px;
}
#wrapper .business .relatedPageWrap img {
  width: calc(100% - 25rem);
  max-width: 48.375rem;
}
#wrapper .business .relatedPageWrap .pageList {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 3.438rem;
}
#wrapper .business .videoWrap {
  display: block;
  width: 100%;
  margin-top: 7.5rem;
  margin-left: auto;
  margin-right: auto;
}
#wrapper .business .videoWrap .video {
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0 auto;
  position: relative;
  border-radius: 1.875em;
  overflow: hidden;
  isolation: isolate;
}
#wrapper .business .videoWrap .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  #wrapper .business .videoWrap {
    margin-top: 3.5rem;
  }
}
#wrapper
  .business.ability
  .innerContentsWrap
  + .innerContentsWrap
  .contentsWrap {
  padding-top: 0;
}
#wrapper .business.ability .videoWrap {
  margin-bottom: 20rem;
}
#wrapper .business.ability .videoWrap .video {
  padding-top: 56.3888888889%;
  background-image: url(/front/assets/common/images/business/img_ability_img01.png);
}
#wrapper .business.ability .descWrap .descImg {
  width: 66.1%;
  max-width: 59.5rem;
}
#wrapper .business.ability .descWrap .descContent {
  width: 28.4%;
}
#wrapper .business.ability .motionWrap {
  text-align: center;
}
#wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
  position: relative;
  padding-top: 49.875rem;
  width: 100%;
  max-width: 49.875rem;
  margin: 0 auto;
}
#wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  font-weight: 700;
  transform: translate(-50%, -50%);
}
html.en
  #wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  strong {
  top: 46%;
}
#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .pointLabel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .pointLabel
  li {
  position: absolute;
  display: block;
  padding: 0.5rem 1.75rem;
  font-size: 1.25rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  background: #20c85a;
  border-radius: 1.375rem;
  transition: all ease 0.3s;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .pointLabel
  li:nth-child(1) {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .pointLabel
  li:nth-child(2) {
  bottom: 11.188rem;
  right: -2.563rem;
}
html.en
  #wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .pointLabel
  li:nth-child(2) {
  bottom: 5rem;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .pointLabel
  li:nth-child(3) {
  bottom: 11.188rem;
  left: -2.563rem;
}
html.en
  #wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .pointLabel
  li:nth-child(3) {
  bottom: 5rem;
}
#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .svgCircle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .svgCircle.ani {
  transform: rotate(-90deg);
  z-index: 1;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .svgCircle.ani
  circle {
  stroke-dasharray: 2600;
  stroke-dashoffset: 2600;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .svgCircle.ani.on
  circle {
  animation: playCricle 3s ease infinite;
}
#wrapper .business.ability .motionWrap .circleWrap .scrollCircle .arrIcon {
  position: absolute;
  display: block;
  width: 3.4375rem;
  height: 3.4375rem;
  background: url(/front/assets/common/images/business/img_ability_icon01.png)
    no-repeat center/cover;
  z-index: 10;
  transition: all ease 0.2s;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .arrIcon:nth-of-type(1) {
  top: 10.027rem;
  right: 4.6596491228%;
  transform: rotate(120deg);
  transform-origin: center;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .arrIcon:nth-of-type(2) {
  bottom: 0;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  transform: translate(-50%, 50%);
  background: url(/front/assets/common/images/business/img_ability_icon02.png)
    no-repeat center/cover;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap
  .scrollCircle
  .arrIcon:nth-of-type(3) {
  top: 10.027rem;
  left: 4.6596491228%;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open01
  .scrollCircle
  .arrIcon:nth-of-type(1),
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open01
  .scrollCircle
  .pointLabel
  li:nth-child(1) {
  opacity: 1;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open01
  .scrollCircle
  .arrIcon:nth-of-type(1) {
  transition-delay: 0.3s;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open02
  .arrIcon:nth-of-type(2),
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open02
  .scrollCircle
  .pointLabel
  li:nth-child(2) {
  opacity: 1;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open02
  .arrIcon:nth-of-type(2) {
  transition-delay: 0.3s;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open03
  .arrIcon:nth-of-type(3),
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open03
  .scrollCircle
  .pointLabel
  li:nth-child(3) {
  opacity: 1;
}
#wrapper
  .business.ability
  .motionWrap
  .circleWrap.open03
  .arrIcon:nth-of-type(3) {
  transition-delay: 0.3s;
}
#wrapper .business.ability .motionWrap .cardWrap {
  margin-top: 14.438rem;
  position: relative;
  z-index: 10;
}
#wrapper .business.ability .motionWrap .cardWrap p {
  margin-top: 1.25rem;
}
#wrapper .business.ability .motionWrap .cardWrap .abilitySwiper {
  width: 100%;
  max-width: 62.5rem;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .abilitySwiper
  .swiperPagination {
  display: none;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList {
  margin: 5rem auto 0;
  width: 100%;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li {
  text-align: left;
  overflow: hidden;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a {
  display: block;
  width: 100%;
  height: 32.5rem;
  padding: 2.5rem;
  border-radius: 1.875rem;
  position: relative;
  z-index: 2;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardBtn {
  bottom: 1.5rem;
  right: 1.5rem;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardLabel {
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  font-weight: 700;
  transition: opacity 0.5s ease;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTit {
  margin-top: 1.131rem;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-weight: 700;
  color: #111;
  transition: opacity 0.5s ease;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  padding: 4.5rem 2.5rem 0;
  text-align: center;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt p,
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt ul {
  color: #fff;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt p {
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-weight: 700;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt ul {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li
  a
  .cardTxt
  ul
  li {
  font-size: 1.125rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  font-weight: 400;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li::before {
  opacity: 1;
  background-position: center bottom 2rem;
  background-size: 86.2068965517%;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li::after {
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li:nth-child(1)
  .cardLabel {
  color: #4a78ff;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li:nth-child(1)::before {
  background-color: #f2fcfd;
  background-image: url(/front/assets/common/images/business/img_ability_img03.png);
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li:nth-child(1)::after {
  background: #2f71d5;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li:nth-child(2)
  .cardLabel {
  color: #20c85a;
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li:nth-child(2)::before {
  background-color: #f2fcf4;
  background-image: url(/front/assets/common/images/business/img_ability_img04.png);
}
#wrapper
  .business.ability
  .motionWrap
  .cardWrap
  .cardList
  > li:nth-child(2)::after {
  background: #229b4c;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li.on .cardLabel,
#wrapper .business.ability .motionWrap .cardWrap .cardList > li.on .cardTit {
  opacity: 0;
}
#wrapper .business.ability .motionWrap .cardWrap .cardList > li.on::after {
  opacity: 1;
}
#wrapper .business.ability .blurBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 62.5rem;
  height: 62rem;
  margin: 0 18.438rem 0 0;
  opacity: 0.4;
  background-image: radial-gradient(
    circle at 50% 50%,
    #adfce0,
    rgba(173, 252, 224, 0.5) 38%,
    rgba(173, 252, 224, 0.1) 62%,
    rgba(173, 252, 224, 0) 71%
  );
  z-index: -1;
  opacity: 0;
  transition: all 1s ease;
  transform: scale(0) translate(10%, 20%);
  animation: moveDim ease 8s infinite 1s;
}
#wrapper .business.ability .blurBg.on {
  opacity: 1;
  transform: scale(1) translate(10%, 20%);
  animation: moveDim ease 8s infinite 1s;
}
@keyframes playCricle {
  0% {
    opacity: 1;
    stroke-dashoffset: 2600;
  }
  95% {
    opacity: 1;
    stroke-dashoffset: 0;
  }
  100% {
    opacity: 0;
    stroke-dashoffset: 0;
  }
}
@keyframes moveDim {
  0% {
    transform: translate(10%, 20%);
  }
  25% {
    transform: translate(-50%, 10%);
  }
  50% {
    transform: translate(50%, 80%);
  }
  75% {
    transform: translate(80%, -50%);
  }
  100% {
    transform: translate(10%, 20%);
  }
}
#wrapper .business.biosimilar .cardList {
  width: 100%;
  display: flex;
  gap: 2.5rem;
  align-items: stretch;
}
#wrapper .business.biosimilar .cardList li {
  width: 44.25rem;
  min-height: 36.25rem;
}
#wrapper .business.biosimilar .cardList li a {
  display: block;
  border-radius: 1.875rem;
  height: 100%;
  overflow: hidden;
}
#wrapper .business.biosimilar .cardList li a > .cardTit {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.5rem 0 0 2.5rem;
  opacity: 1;
  transition: opacity 0.5s ease;
}
#wrapper .business.biosimilar .cardList li::after {
  background: #f4f4f4;
}
#wrapper .business.biosimilar .cardList li .cardTit {
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-weight: 700;
}
#wrapper .business.biosimilar .cardList li .cardTxt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 7.5rem;
}
#wrapper .business.biosimilar .cardList li .cardTxt p {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 500;
  word-break: break-all;
  margin-top: 2rem;
}
#wrapper .business.biosimilar .cardList li .cardTxt strong {
  display: block;
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  color: #111;
  font-weight: 600;
  margin-top: 5.625rem;
}
#wrapper .business.biosimilar .cardList li .cardBtn {
  bottom: 1.5rem;
  right: 1.5rem;
  font-size: 0;
}
#wrapper .business.biosimilar .cardList li:nth-child(1)::before {
  background-image: url(/front/assets/common/images/business/img_biosimilar01.png);
}
#wrapper .business.biosimilar .cardList li:nth-child(2)::before {
  background-image: url(/front/assets/common/images/business/img_biosimilar02.png);
  background-position: bottom center;
  background-size: inherit;
}
#wrapper .business.biosimilar .cardList li.on a > .cardTit {
  opacity: 0;
}
#wrapper .business.biosimilar .cardList li.on .cardTxt {
  transform: translateY(0);
  opacity: 1;
}
#wrapper .business.biosimilar .cardList li.on .cardBtn {
  background-color: #fff;
  transform: rotate(45deg);
}
#wrapper .business.biosimilar .cardList li.on .cardBtn::after,
#wrapper .business.biosimilar .cardList li.on .cardBtn::before {
  background-color: #111;
}
#wrapper .business.biosimilar .tabContentsWrap {
  overflow: visible;
}
#wrapper .business.pl .videoWrap h3 {
  position: relative;
  z-index: 1;
  font-size: 5.625rem;
  line-height: 1.3;
  letter-spacing: -0.18px;
  color: #111;
  font-weight: 700;
  margin: 0 0 -3.5rem 2.5rem;
}
#wrapper .business.pl .videoWrap .video {
  background-image: url(/front/assets/common/images/business/img_pl_img03.png);
  padding-top: 56.3545150502%;
  padding-top: 56.25%;
}
#wrapper .business.pl .videoWrap .video iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#wrapper .business.cc .prosscessWrap.moItem {
  display: none;
}
#wrapper .business.cc ul.listWrap {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  flex-wrap: wrap;
}
#wrapper .business.cc .qualityWrap .qualityList {
  align-items: flex-start;
}
#wrapper .business.cc .qualityWrap .qualityList li {
  padding: 7.25rem 2.5rem 2.5rem;
  width: 25%;
  font-size: 1.125rem;
  line-height: 1.75;
  letter-spacing: -0.02px;
  color: #666;
  position: relative;
  background-repeat: no-repeat;
  background-position: center 3.75rem;
  background-size: 3.5rem;
}
#wrapper .business.cc .qualityWrap .qualityList li::after,
#wrapper .business.cc .qualityWrap .qualityList li::before {
  content: "";
  display: block;
}
#wrapper .business.cc .qualityWrap .qualityList li::before {
  width: 100%;
  height: 0.063rem;
  margin: 2rem 0 2.063rem;
  background-color: #e8e8e8;
}
#wrapper .business.cc .qualityWrap .qualityList li:not(:last-child)::after {
  position: absolute;
  top: 8.5rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10543.4 12299.338)' style='stroke:%23d2d2d2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/svg%3E%0A")
    no-repeat center/cover;
  transform: translateX(50%);
}
#wrapper .business.cc .qualityWrap .qualityList li:nth-child(1) {
  background-image: url(/front/assets/common/images/business/img_cc_icon01.png);
}
#wrapper .business.cc .qualityWrap .qualityList li:nth-child(2) {
  background-image: url(/front/assets/common/images/business/img_cc_icon02.png);
}
#wrapper .business.cc .qualityWrap .qualityList li:nth-child(3) {
  background-image: url(/front/assets/common/images/business/img_cc_icon03.png);
}
#wrapper .business.cc .qualityWrap .qualityList li:nth-child(4) {
  background-image: url(/front/assets/common/images/business/img_cc_icon04.png);
}
#wrapper .business.cc .qualityWrap .qualityList li span {
  display: block;
  margin-bottom: 1.188rem;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-weight: 700;
  color: #20c85a;
}
#wrapper .business.cc .prosscessWrap {
  padding-bottom: 5rem;
  position: relative;
}
#wrapper .business.cc .prosscessWrap .prosscessList {
  width: 100%;
  gap: 4.5rem;
  position: relative;
  z-index: 2;
}
#wrapper .business.cc .prosscessWrap .prosscessList li {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 13.75rem;
  max-height: 13.75rem;
  width: 20%;
  height: 100%;
  background: #fff;
  border-radius: 100%;
  position: relative;
}
#wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(even) {
  border: 1.5px solid #20c85a;
}
#wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(odd) {
  border: 1.5px solid #4a78ff;
}
#wrapper .business.cc .prosscessWrap .prosscessList li span {
  font-size: 1.25rem;
  line-height: 1.75;
  letter-spacing: -0.02px;
  font-weight: 700;
}
#wrapper .business.cc .prosscessWrap .prosscessList li:last-child {
  background: #4a78ff;
}
#wrapper .business.cc .prosscessWrap .prosscessList li:last-child span {
  color: #fff;
}
#wrapper .business.cc .prosscessWrap .prosscessList li:last-child::after {
  display: none;
}
#wrapper .business.cc .prosscessWrap .prosscessList li::after {
  display: block;
  width: 2rem;
  height: 2rem;
  content: "";
  background-image: url(/front/assets/common/images/business/img_cp_icon.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: -24%;
}
#wrapper .business.cc .prosscessWrap .arrow {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#wrapper .business.cc .prosscessWrap .arrow:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 1.6rem;
  right: 0;
  width: 1.503rem;
  height: 0.25rem;
  background-color: #d2d2d2;
  transform: rotate(45deg);
  transform-origin: center;
}
#wrapper .business.cc .prosscessWrap .arrow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1rem;
  width: 100%;
  height: 0.25rem;
  border-radius: 2px;
  background-image: linear-gradient(to right, #f8f8f8 0, #d2d2d2);
}
#wrapper .business.cc .descWrap {
  align-items: flex-start;
}
#wrapper .business.cc .descWrap .descContent,
#wrapper .business.cc .descWrap .descImg {
  width: auto;
  max-width: 100%;
  width: 20%;
}
#wrapper .business.cc .descWrap .descContent h4 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
}
#wrapper .business.cc .descWrap .descImg {
  width: 74.5833333333%;
  max-width: 67.125rem;
}
#wrapper .business.cc .brochurerWrap {
  padding: 5rem;
  border-radius: 1.875rem;
  background: #e7f1f4;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
#wrapper .business.cc .brochurerWrap p {
  margin-top: 3.188rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #999;
}
#wrapper .business.cd .descWrap .desTit {
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  font-weight: 600;
}
#wrapper .business.cd .wideWrap {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
#wrapper .business.cd .strategyWrap {
  padding: 10rem 2.75rem;
  background: #f8f8f8;
  text-align: center;
}
#wrapper .business.cd .strategyWrap .descWrap .descContent {
  width: 100%;
  max-width: 100%;
}
#wrapper .business.cd .strategyWrap .descWrap .descContent .desTit + .desPoint {
  margin-top: 1.25rem;
}
#wrapper .business.cd .strategyWrap .descWrap .descContent .desPoint {
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
}
#wrapper .business.cd .strategyWrap .descWrap .descContent p {
  font-size: 1.25rem;
  line-height: 2.125rem;
  letter-spacing: -0.02px;
}
#wrapper .business.cd .strategyWrap .cardList {
  margin: 5rem auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  width: 100%;
  max-width: 74.75rem;
  text-align: left;
}
#wrapper .business.cd .strategyWrap .cardList > li a {
  display: block;
  position: relative;
  padding: 2.5rem;
  border-radius: 1.875rem;
  width: 100%;
  height: 31.625rem;
  overflow: hidden;
}
#wrapper .business.cd .strategyWrap .cardList > li a svg {
  margin: 2.5rem auto 0;
  display: block;
  stroke-dashoffset: 0;
}
#wrapper .business.cd .strategyWrap .cardList > li a svg:nth-child(2) {
  display: none;
}
#wrapper .business.cd .strategyWrap .cardList > li a .cardNum {
  display: block;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  font-weight: 500;
}
#wrapper .business.cd .strategyWrap .cardList > li a .cardTit {
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  color: #fff;
  font-weight: 700;
}
#wrapper .business.cd .strategyWrap .cardList > li a .cardBtn {
  bottom: 1.5rem;
  right: 1.5rem;
}
#wrapper .business.cd .strategyWrap .cardList > li a .cardTxt {
  position: absolute;
  bottom: 5rem;
  left: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#wrapper .business.cd .strategyWrap .cardList > li a .cardTxt li {
  padding-left: 0.875rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: -0.02px;
  position: relative;
  color: #fff;
  box-sizing: border-box;
}
#wrapper .business.cd .strategyWrap .cardList > li a .cardTxt li::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 100%;
  background: #fff;
  transform: translateY(-50%);
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(1) {
  width: calc(39.7993311037% - 0.75rem);
  max-width: 29rem;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(1) a {
  background: #229b4c;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(1) svg {
  width: 82.7586206897%;
  max-width: 24rem;
}
#wrapper
  .business.cd
  .strategyWrap
  .cardList
  > li:nth-child(1).aos-animate
  svg {
  stroke-dasharray: 200;
  animation: 2s linear 0s 1 normal none running cardStroke1;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) {
  width: calc(60.2006688963% - 0.75rem);
  max-width: 44.25rem;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) a {
  background: #fff;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) .cardTit {
  color: #111;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) .cardNum {
  color: #20c85a;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) .cardTxt li {
  color: #666;
}
#wrapper
  .business.cd
  .strategyWrap
  .cardList
  > li:nth-child(2)
  .cardTxt
  li::after {
  background: #666;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) svg {
  margin-top: 1.25rem;
  width: 66.8789808917%;
  max-width: 26.25rem;
}
#wrapper
  .business.cd
  .strategyWrap
  .cardList
  > li:nth-child(2).aos-animate
  svg {
  stroke-dasharray: 1100;
  animation: 2s linear 0s 1 normal none running cardStroke2;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(3) {
  width: 100%;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(3) a {
  background: #2f71d5;
}
#wrapper .business.cd .strategyWrap .cardList > li:nth-child(3) svg {
  width: 66.5551839465%;
  max-width: 49.75rem;
}
#wrapper
  .business.cd
  .strategyWrap
  .cardList
  > li:nth-child(3).aos-animate
  svg {
  stroke-dasharray: 918;
  animation: 2s linear 0s 1 normal none running cardStroke3;
}
#wrapper .business.cd .strategyWrap .cardList > li.on svg {
  opacity: 0;
}
#wrapper .business.cd .cdSwiperWrap {
  padding-bottom: 100px;
}
#wrapper .business.cd .cdSwiper {
  position: relative;
}
#wrapper .business.cd .cdSwiper .slideContent {
  display: flex;
  align-items: stretch;
  background: #fff;
  height: 100dvh;
  min-height: 100vh;
  min-height: 950px;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap,
#wrapper .business.cd .cdSwiper .slideContent .slideImg {
  width: 50%;
}
#wrapper .business.cd .cdSwiper .slideContent .slideImg {
  height: 100%;
  overflow: hidden;
}
#wrapper .business.cd .cdSwiper .slideContent .slideImg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrapper .business.cd .cdSwiper .slideContent .slideImg img:nth-child(2) {
  display: none;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 200px;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent {
  width: 90%;
  max-width: 36.625rem;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTit + .desPoint {
  margin-top: 1.25rem;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap .desPoint {
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTxt {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 3.5rem;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTxt li {
  padding-left: 0.875rem;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.75;
  letter-spacing: -0.02px;
  color: #666;
}
#wrapper .business.cd .cdSwiper .slideContent .descWrap .desTxt li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.9rem;
  left: 0;
  width: 0.25rem;
  height: 0.25rem;
  background: #666;
  border-radius: 100%;
}
#wrapper .business.cd .cdSwiper .swiperControl {
  position: absolute;
  bottom: 5rem;
  bottom: 0;
  right: 3rem;
  width: 50%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlInner,
#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
  width: 100%;
  max-width: 29rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  --swiper-navigation-size: auto;
}
#wrapper .business.cd .cdSwiper .swiperControl .swiper-button-next,
#wrapper .business.cd .cdSwiper .swiperControl .swiper-button-prev,
#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
  position: static;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlInner {
  gap: 1.25rem;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlSlidePrev {
  margin-left: 0;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlSlidePrev::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M15,19l-7-7l7-7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlSlidePrev:hover::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M16,5l-7,7l7,7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlSlideNext::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23999999;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M8,5l7,7l-7,7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
#wrapper .business.cd .cdSwiper .swiperControl .controlSlideNext:hover::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.9.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,19l7-7L9,5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
#wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
  display: flex;
  gap: 0.4375rem;
  margin-top: 3rem;
  font-size: 0;
  margin-bottom: 9rem;
}
#wrapper
  .business.cd
  .cdSwiper
  .swiperControl
  .swiperPagination
  .swiper-pagination-bullet {
  width: calc(33.3333333333% - 0.2916666667rem);
  height: 0.5rem;
  border-radius: 0.25rem;
  margin: 0;
  opacity: 1;
  background: #b8b8b8;
  overflow: hidden;
}
#wrapper .business.cd .cdSwiper .swiperControl .swiperCover {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background-color: #f4f4f4;
}
#wrapper .business.cd .cdSwiper .swiperControl .swiperCover.playBtn {
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_play - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.63 1.535a1 1 0 0 1 1.74 0l6.784 11.972a1 1 0 0 1-.87 1.493H1.716a1 1 0 0 1-.87-1.493z' transform='rotate(90 8.75 12.25)' style='fill:%23111'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.5rem;
}
#wrapper .business.cd .cdSwiper .swiperControl .swiperCover.playBtn.stop {
  background-image: url("data:image/svg+xml,%3Csvg data-name='ico_pause_bold - 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg data-name='그룹 495282'%3E%3Cpath data-name='패스 880030' d='M9 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3Cpath data-name='패스 880031' d='M17 4h-2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z' style='fill:%23161616'/%3E%3C/g%3E%3C/svg%3E");
}
#wrapper
  .business.cd
  .cdSwiper.play
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  position: relative;
}
#wrapper
  .business.cd
  .cdSwiper.play
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #111;
  animation: fullDot linear 3.8s forwards;
}
#wrapper
  .business.cd
  .cdSwiper.play.stop
  .swiperPagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  animation: none;
}
#wrapper
  .business.distribution
  .tabContentsWrap
  + .innerContentsWrap
  .contentsWrap {
  padding-top: 0;
}
#wrapper .business.distribution .mapWrap {
  width: 100%;
  padding: 5.059rem 0 4.302rem;
  background: #f8f8f8;
}
#wrapper .business.distribution .mapWrap .mapImgWrap {
  width: 100%;
  max-width: 101rem;
  padding: 0 5.5rem;
  display: flex;
  gap: 3.5rem;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}
#wrapper .business.distribution .mapWrap .mapImgWrap h3 {
  width: 34.375rem;
  font-size: 2rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
}
#wrapper .business.distribution .mapWrap .mapImgWrap .mapImg {
  width: 57.6388888889%;
  max-width: 48.875rem;
  margin-right: 3rem;
}
#wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
  position: absolute;
  top: 9rem;
  left: 5.5rem;
  display: inline-flex;
  margin-top: 0;
  padding: 0.3rem 1.2rem 0.3rem 0.7rem;
  border-radius: 1.03125rem;
  background: #fff;
  align-items: center;
}
#wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel p {
  font-size: 1rem;
  line-height: 1.75rem;
  letter-spacing: -0.02px;
  font-weight: 700;
  color: #111;
}
#wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel img {
  width: 1.625rem;
  height: 1.625rem;
}
#wrapper .business.distribution .listWrap {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
#wrapper .business.distribution .corpList li {
  width: calc(50% - 0.75rem);
  padding: 2.5rem 3.5rem;
  border-radius: 1.875rem;
  border: solid 1px #d2d2d2;
}
#wrapper .business.distribution .corpList li h4 {
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  font-weight: 700;
  color: #111;
}
#wrapper .business.distribution .corpList li .flexItem {
  display: flex;
  align-items: center;
  position: relative;
  width: fit-content;
}
#wrapper .business.distribution .corpList li p {
  margin-top: 1.5rem;
  font-size: 1rem;
  line-height: 1.75;
  position: relative;
  padding-left: 1.3333rem;
}
#wrapper .business.distribution .corpList li p::before {
  width: 1rem;
  height: 1rem;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0.33rem;
  background-size: 100%;
  background-position: center;
}
#wrapper .business.distribution .corpList li p.locItem::before {
  background-image: url(/front/assets/common/images/business/imc_loc_icon.png);
}
#wrapper .business.distribution .corpList li p.mailItem::before {
  background-image: url(/front/assets/common/images/business/img_mail_icon.png);
}
#wrapper .business.distribution .corpList li p + div p {
  margin-top: 0.3889rem;
}
#wrapper .business.distribution .corpList li .btnCm {
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(/front/assets/common/images/business/img_copy_icon.png);
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
  margin-top: 0.3rem;
}
#wrapper .business.distribution .partnerList li {
  width: calc(20% - 1.2rem);
}
#wrapper .business.distribution .partnerList li img {
  display: block;
  width: 100%;
}
html.en #wrapper .business .imgGroup .imgItem {
  width: 44.25rem;
}
@keyframes cardStroke1 {
  from {
    stroke-dashoffset: 200;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes cardStroke2 {
  from {
    stroke-dashoffset: 1100;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes cardStroke3 {
  from {
    stroke-dashoffset: 918;
  }
  to {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 419px) {
  #wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTit {
    font-size: 1.6rem;
  }
}
@media (max-width: 1400px) {
  #wrapper .business.distribution .mapWrap .mapImgWrap .mapImg {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  #wrapper .business .topDesc {
    gap: 1.5rem;
    flex-direction: column;
  }
  #wrapper .business .topDesc h3,
  #wrapper .business .topDesc p {
    max-width: 100%;
  }
  #wrapper .business .topDesc p {
    margin-top: 0;
  }
  #wrapper .business .topDesc p.descMg {
    margin-right: 0;
  }
  #wrapper .business .topDesc p br {
    display: none;
  }
  #wrapper .business .topDesc.pit1 .btn_glink_line {
    margin-top: 2.5rem;
  }
  #wrapper .business .relatedPageWrap .pageList {
    gap: 2.5rem;
  }
  #wrapper .business.ability .descWrap {
    flex-direction: column;
  }
  #wrapper .business.ability .descWrap .descContent,
  #wrapper .business.ability .descWrap .descImg {
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
    padding-top: 40rem;
    max-width: 40rem;
  }
  #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
    font-size: 2.5rem;
    line-height: 3.5rem;
    letter-spacing: -0.08px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(1) {
    right: 0.81%;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(3) {
    left: 0.81%;
  }
  #wrapper .business.biosimilar .cardList li .cardTxt {
    padding: 5rem;
  }
  #wrapper .business.cd .descWrap br {
    display: none;
  }
  #wrapper .business.cd .cdSwiper .swiperControl {
    bottom: 0;
  }
  #wrapper .business.distribution .mapWrap {
    padding-bottom: 5.4rem;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap {
    flex-direction: column;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap .mapImg,
  #wrapper .business.distribution .mapWrap .mapImgWrap h3 {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
    top: unset;
    left: unset;
    right: 3.5rem;
    bottom: 0;
    transform: translateY(100%);
  }
  #wrapper .business .imgGroup .imgItem {
    left: 5%;
  }
  #wrapper .business .imgGroup .imgItem .imgPoint {
    margin-bottom: 1.5rem;
  }
  html.en #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
    top: unset;
  }
}
@media (min-width: 1023px) and (max-width: 1250px) {
  #wrapper .business.cd .cdSwiper .swiperControl {
    right: 0;
    bottom: -5rem;
  }
}
@media (max-height: 1050px) {
  #wrapper .business.cd .cdSwiper .slideContent .slideImg img {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap {
    padding-top: 5rem;
  }
  #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
    margin-top: 5vh;
  }
}
@media (max-height: 800px) {
  #wrapper .business.cd .cdSwiper .slideContent .descWrap {
    padding-top: 2rem;
  }
  #wrapper .business.cd .cdSwiper .swiperControl {
    bottom: 2rem;
  }
}
@media (max-width: 1023px) {
  #wrapper .business .linkWrap {
    width: 100%;
  }
  #wrapper .business .descWrap {
    flex-direction: column;
    gap: 1.5rem;
  }
  #wrapper .business .descWrap .descContent,
  #wrapper .business .descWrap .descImg {
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business .descWrap p {
    margin-top: 1.5rem;
  }
  #wrapper .business .descWrap.reverse {
    flex-direction: column;
  }
  #wrapper .business .descWrap.textWrap {
    flex-direction: column;
  }
  #wrapper .business .descWrap.textWrap .desPoint,
  #wrapper .business .descWrap.textWrap p {
    width: 100%;
  }
  #wrapper .business .relatedPageWrap {
    flex-direction: column;
  }
  #wrapper .business .relatedPageWrap img {
    margin-top: 2.5rem;
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business .relatedPageWrap .pageList {
    position: static;
    margin-top: 2.5rem;
    gap: 2rem;
  }
  #wrapper .business.biosimilar .cardList {
    flex-direction: column;
  }
  #wrapper .business.biosimilar .cardList li {
    width: 100%;
  }
  #wrapper .business.biosimilar .cardList li .cardTxt {
    justify-content: flex-start;
  }
  #wrapper .business.biosimilar .cardList li .cardTxt strong {
    margin-top: 2.5rem;
  }
  #wrapper .business.biosimilar .cardList li .cardTxt p {
    margin-top: 1.5rem;
  }
  #wrapper .business.biosimilar .cardList li:nth-child(1)::before {
    background-image: url(/front/assets/common/images/business/img_Mbiosimilar01.png);
  }
  #wrapper .business.biosimilar .cardList li:nth-child(2)::before {
    background-image: url(/front/assets/common/images/business/img_Mbiosimilar02.png);
  }
  #wrapper .business.cc .descWrap .descContent {
    width: 100%;
  }
  #wrapper .business.cc .descWrap .descContent h4 br.pc {
    display: none;
  }
  #wrapper .business.cc .descWrap .descImg {
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business.cc ul.listWrap {
    flex-direction: row;
  }
  #wrapper .business.cc .qualityWrap .qualityList {
    margin-top: 0;
  }
  #wrapper .business.cc .qualityWrap .qualityList li {
    width: 100%;
    padding: 6.5rem 3.5rem 3.5rem;
    background-position: center 3rem;
  }
  #wrapper .business.cc .qualityWrap .qualityList li:not(:last-child)::after {
    top: 100%;
    right: 50%;
    transform: rotate(90deg) translate(-50%, -50%);
    transform-origin: center;
  }
  #wrapper .business.cc .qualityWrap .qualityList li:last-child {
    padding-bottom: 0;
  }
  #wrapper .business.cc .qualityWrap .qualityList li br {
    display: none;
  }
  #wrapper .business.cc .brochurerWrap {
    flex-direction: column;
    align-items: flex-start;
  }
  #wrapper .business.cc .brochurerWrap p {
    margin-top: 1.25rem;
  }
  #wrapper .business.cc .brochurerWrap .linkWrap {
    margin-top: 5.063rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList {
    margin: 2.5rem auto 0;
    max-width: 100%;
    gap: 3rem;
    justify-content: center;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:not(:last-child) {
    position: relative;
  }
  #wrapper
    .business.cc
    .prosscessWrap
    .prosscessList
    li:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 6.5rem;
    left: 85%;
    width: 2rem;
    height: 2rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m-22823.738 1746.937-7-7-7 7' transform='rotate(90 -10543.4 12299.338)' style='stroke:%23d2d2d2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/%3E%3C/svg%3E%0A")
      no-repeat center/cover;
    transform: rotate(0) translate(130%, 50%);
    transform-origin: center;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li {
    width: 100%;
  }
  #wrapper .business.cc .prosscessWrap .arrow {
    display: none;
  }
  #wrapper .business.cd .strategyWrap {
    padding: 10rem 1.25rem;
  }
  #wrapper .business.cd .strategyWrap .descWrap {
    text-align: left;
  }
  #wrapper .business.cd .strategyWrap .cardList li:nth-child(1) {
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business.cd .strategyWrap .cardList li:nth-child(1) svg {
    margin-top: 1.5rem;
    width: 43.3408577878%;
    max-width: 24rem;
  }
  #wrapper .business.cd .strategyWrap .cardList li:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business.cd .strategyWrap .cardList li:nth-child(2) svg {
    margin-top: 1.5rem;
    width: 47.4040632054%;
    max-width: 26.25rem;
  }
  #wrapper .business.cd .strategyWrap .cardList li:nth-child(3) svg {
    margin-top: 1.5rem;
    width: 89.841986456%;
    max-width: 49.75rem;
  }
  #wrapper .business.cd .cdSwiperWrap {
    padding-bottom: 0;
  }
  #wrapper .business.cd .cdSwiper .slideContent {
    flex-direction: column;
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap,
  #wrapper .business.cd .cdSwiper .slideContent .slideImg {
    width: 100%;
  }
  #wrapper .business.cd .cdSwiper .slideContent .slideImg {
    height: 15rem;
  }
  #wrapper .business.cd .cdSwiper .slideContent .slideImg img {
    width: 100%;
  }
  #wrapper .business.cd .cdSwiper .slideContent .slideImg img:nth-child(1) {
    display: none;
  }
  #wrapper .business.cd .cdSwiper .slideContent .slideImg img:nth-child(2) {
    display: block;
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap {
    padding: 2.5rem 1.25rem 0;
    height: calc(100vh - 15rem);
    height: auto;
    padding-bottom: 15rem;
    padding-bottom: 5rem;
    justify-content: flex-start;
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent {
    width: 100%;
    max-width: 100%;
  }
  #wrapper .business.cd .cdSwiper .swiperControl {
    position: static;
    left: 2%;
    padding-left: 2rem;
  }
  #wrapper .business.cd .cdSwiper .swiperControl .controlInner {
    max-width: 100%;
    margin-bottom: 3rem;
    margin-bottom: 0;
  }
  #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
    margin-top: 3rem;
    margin-bottom: 0;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap {
    padding: 0 1.25rem;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
    right: 1.25rem;
  }
  #wrapper .business.distribution .corpList {
    flex-direction: column;
  }
  #wrapper .business.distribution .corpList li {
    width: 100%;
  }
  #wrapper .business.distribution .partnerList li {
    width: calc(33.3333333333% - 1rem);
  }
  #wrapper .business .descCol {
    margin-top: 3.5rem;
  }
  #wrapper .business .descCol .descContent {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  #wrapper .business .descCol .descContent .desTit {
    position: absolute;
    left: 1.5rem;
    top: 2.5rem;
  }
  #wrapper .business .descCol .descContent .desPoint {
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 1.75rem;
    bottom: 1.5rem;
  }
  #wrapper .business .descCol .descContent .desPoint .desSub {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    font-weight: 500;
    margin-top: 0.5rem;
  }
  #wrapper
    .business
    .product-box
    .product-list
    .item
    .item-content
    .content-img {
    display: none;
  }
  #wrapper
    .business
    .product-box
    .product-list
    .item
    .item-content
    .content-desc {
    width: 100%;
    margin-right: 0;
  }
  #wrapper .business .pdt_type02 {
    padding-top: 3rem;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(2) {
    right: -2.563rem;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    strong {
    top: 44%;
    font-size: 1.2rem;
  }
}
@media (max-width: 768px) {
  #wrapper .business .contentsWrap {
    padding-top: 5rem;
  }
  #wrapper .business .pc {
    display: none !important;
  }
  #wrapper .business .mo {
    display: block !important;
  }
  #wrapper .business .intervalTop {
    margin-top: 7.5rem;
  }
  #wrapper .business h3 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.06px;
  }
  #wrapper .business h4 {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business p {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  #wrapper .business .imgGroup {
    height: 27.5rem;
    border-radius: 30px;
    overflow: hidden;
  }
  #wrapper .business .imgGroup img {
    height: 100%;
    object-fit: cover;
  }
  #wrapper .business .imgGroup .imgItem {
    width: auto;
    left: 2.5rem;
    padding-right: 2.5rem;
  }
  #wrapper .business .toastWrap .toastPop {
    font-size: 0.875rem;
    left: 0;
    top: 2.5rem;
    line-height: 1;
    height: 2.25rem;
  }
  #wrapper .business .mgt_type01 {
    margin-top: 3.5rem;
  }
  #wrapper .business .pdt_type01 {
    padding-top: 2.5rem;
  }
  #wrapper .business .linkWrap {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    padding-bottom: 0.938rem;
    background-position: right 0.1rem;
  }
  #wrapper .business .cardList > li a {
    padding: 2.5rem 2rem;
  }
  #wrapper .business .descWrap.textWrap {
    margin-top: 1.5rem;
  }
  #wrapper .business .descWrap .desPoint {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business .descWrap .desPoint.type_01 {
    font-size: 2rem;
  }
  #wrapper .business .relatedPageWrap h4 {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business .relatedPageWrap .pageList {
    gap: 2.563rem;
  }
  #wrapper .business .mobileMotion {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition:
      opacity ease 0.5s,
      transform ease 0.5s;
  }
  #wrapper .business .mobileMotion.on {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  #wrapper .business.ability .videoWrap {
    margin: 2.5rem 0 7.5rem;
  }
  #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
    padding-top: 31.25rem;
    max-width: 31.25rem;
  }
  #wrapper .business.ability .motionWrap .circleWrap .scrollCircle strong {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li {
    padding: 0.35rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(2) {
    bottom: 0;
    right: 0;
    margin-bottom: 24.589010989%;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(2) {
    bottom: -3rem;
    right: 0;
    margin-bottom: 24.589010989%;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(3) {
    bottom: 0;
    left: 0;
    margin-bottom: 24.589010989%;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(3) {
    bottom: -3rem;
    left: 0;
    margin-bottom: 24.589010989%;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(1) {
    top: 0;
    right: 0;
    background-image: url(/front/assets/common/images/business/img_ability_micon01.png);
    transform: rotate(0);
    margin: 11.2864% 8% 0 0;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(3) {
    top: 0;
    left: 0;
    background-image: url(/front/assets/common/images/business/img_ability_micon02.png);
    margin: 11.2864% 0 0 8%;
  }
  #wrapper .business.ability .motionWrap .cardWrap {
    margin-top: 7.5rem;
    text-align: left;
  }
  #wrapper .business.ability .motionWrap .cardWrap h4 br {
    display: none;
  }
  #wrapper .business.ability .motionWrap .cardWrap .cardList {
    margin-top: 2.5rem;
  }
  #wrapper .business.ability .motionWrap .cardWrap .cardList > li a {
    height: 26rem;
  }
  #wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTit {
    margin-top: 0;
    word-break: break-all;
  }
  #wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardBtn {
    font-size: 0;
  }
  #wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt {
    text-align: center;
    padding: 2.5rem 2rem 4.3125rem;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap
    .cardList
    > li
    a
    .cardTxt
    ul
    > li {
    font-size: 1rem;
  }
  #wrapper .business.ability .motionWrap .cardWrap .cardList > li a .cardTxt p {
    margin-top: 0;
    font-size: 1.5rem;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap
    .abilitySwiper
    .swiperPagination {
    font-size: 0;
    display: block;
    margin-top: 1.5rem;
    text-align: center;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap
    .abilitySwiper
    .swiperPagination
    .swiper-pagination-bullet {
    width: 2.5rem;
    height: 0.5rem;
    border-radius: 0.25rem;
    background: #b8b8b8;
    opacity: 1;
  }
  #wrapper
    .business.ability
    .motionWrap
    .cardWrap
    .abilitySwiper
    .swiperPagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #111;
  }
  #wrapper .business.biosimilar .cardList li {
    min-height: auto;
  }
  #wrapper .business.biosimilar .cardList li a {
    padding: 0;
  }
  #wrapper .business.biosimilar .cardList li a > .cardTit {
    padding: 2.5rem 0 0 2rem;
  }
  #wrapper .business.biosimilar .cardList li a .cardTit {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business.biosimilar .cardList li a .cardTxt {
    padding: 2.5rem 2rem 7.438rem;
  }
  #wrapper .business.biosimilar .cardList li a .cardTxt strong {
    font-size: 1.125rem;
    line-height: 1.78;
    letter-spacing: -0.02px;
    font-weight: 700;
  }
  #wrapper .business.biosimilar .cardList li a .cardTxt p {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02px;
  }
  #wrapper .business.biosimilar .cardList li a .cardTxt .cardBtn {
    bottom: 2rem;
    right: 2rem;
  }
  #wrapper .business.cd .wideWrap {
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    left: 0;
    transform: translate(0);
  }
  #wrapper .business.cd .strategyWrap {
    max-width: 100%;
    padding: 5rem 1.25rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  #wrapper .business.cd .strategyWrap .descWrap {
    padding: 0;
  }
  #wrapper .business.cd .strategyWrap .descWrap .descContent .desTit {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  #wrapper .business.cd .strategyWrap .descWrap .descContent .desPoint {
    margin-top: 0.75rem;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business.cd .strategyWrap .descWrap .descContent p {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02px;
  }
  #wrapper .business.cd .strategyWrap .cardList {
    padding: 0;
    margin-top: 1.5rem;
  }
  #wrapper .business.cd .strategyWrap .cardList > li .cardBtn {
    width: 2.5rem;
    height: 2.5rem;
  }
  #wrapper .business.cd .strategyWrap .cardList > li a {
    padding: 2.5rem 2rem;
    height: 21.75rem;
  }
  #wrapper .business.cd .strategyWrap .cardList > li a .cardTit {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    letter-spacing: -0.15px;
  }
  #wrapper .business.cd .strategyWrap .cardList > li a .cardNum {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #wrapper .business.cd .strategyWrap .cardList > li a .cardTxt {
    left: 2.1875rem;
    bottom: 4rem;
    gap: 0.5rem;
  }
  #wrapper .business.cd .strategyWrap .cardList > li a .cardTxt li {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #wrapper .business.cd .strategyWrap .cardList > li:nth-child(1) svg {
    margin-top: 1.063rem;
    width: 96.3824455439%;
    max-width: 15rem;
    transform: translateX(-0.5rem);
  }
  #wrapper .business.cd .strategyWrap .cardList > li:nth-child(2) svg {
    margin-top: 3.607rem;
    width: 77.1059564351%;
    max-width: 12rem;
  }
  #wrapper .business.cd .strategyWrap .cardList > li:nth-child(3) svg {
    margin-top: 2.75rem;
    width: 127.7067403457%;
    max-width: 19.875rem;
    transform: translate(-2rem, 1.6005rem);
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap {
    padding: 2.5rem 1.25rem 0;
    padding-bottom: 8rem;
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent .desTit {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.cd
    .cdSwiper
    .slideContent
    .descWrap
    .descContent
    .desPoint {
    margin-top: 0.75rem;
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business.cd .cdSwiper .slideContent .descWrap .descContent .desTxt {
    gap: 0;
    margin-top: 1rem;
  }
  #wrapper
    .business.cd
    .cdSwiper
    .slideContent
    .descWrap
    .descContent
    .desTxt
    li {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02px;
  }
  #wrapper .business.cd .cdSwiper .swiperControl {
    bottom: 0;
    left: 1.25rem;
    right: 0;
    transform: translate(0);
    width: calc(100% - 2.5rem);
  }
  #wrapper .business.cd .cdSwiper .swiperControl .controlInner {
    gap: 0.5rem;
    margin-bottom: 0;
  }
  #wrapper
    .business.cd
    .cdSwiper
    .swiperControl
    .controlInner
    .swiper-button-next,
  #wrapper
    .business.cd
    .cdSwiper
    .swiperControl
    .controlInner
    .swiper-button-prev {
    width: 3rem;
    height: 3rem;
  }
  #wrapper .business.cd .cdSwiper .swiperControl .swiperPagination {
    gap: 0.5rem;
    max-width: 100%;
    margin-bottom: 0;
  }
  #wrapper
    .business.cd
    .cdSwiper
    .swiperControl
    .swiperPagination
    .swiper-pagination-bullet {
    width: 2.5rem;
  }
  #wrapper .business.pt br {
    display: none;
  }
  #wrapper .business.cc .descWrap .descContent h4 {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business.cc .qualityWrap .qualityList li {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
    padding-top: 7rem;
  }
  #wrapper .business.cc .qualityWrap .qualityList li::before {
    margin: 1.5rem 0;
  }
  #wrapper .business.cc .qualityWrap .qualityList li span {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -0.02px;
    margin-bottom: 1rem;
  }
  #wrapper .business.cc .brochurerWrap {
    padding: 2.5rem 2rem;
  }
  #wrapper .business.cc .brochurerWrap h3 {
    font-size: 2rem;
    line-height: 2.75rem;
    letter-spacing: -0.06px;
  }
  #wrapper .business.cc .brochurerWrap p {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #wrapper .business.cc .prosscessWrap.pcItem {
    display: none;
  }
  #wrapper .business.cc .prosscessWrap.moItem {
    display: block;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList {
    justify-content: center;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li {
    min-width: 13.5rem;
    min-height: 13.5rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
    left: 44%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3) {
    border: 1.5px solid #20c85a;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
    left: 44%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
    left: -18%;
    bottom: 5.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4) {
    border: 1.5px solid #4a78ff;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
    left: 44%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7) {
    border: 1.5px solid #20c85a;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7):after {
    left: 44%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8) {
    border: 1.5px solid #4a78ff;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
    left: -18%;
    bottom: 5.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(9) {
    background: #4a78ff;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(9) span {
    color: #fff;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(9):after {
    display: none;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:last-child {
    background: 0 0;
    border: 0;
  }
  #wrapper .business.pl .videoWrap h3 {
    margin: 0 0 -1.875rem 1.875rem;
    font-size: 3.125rem;
    line-height: 4.375rem;
    letter-spacing: -0.01px;
  }
  #wrapper .business.distribution .mapWrap {
    padding: 3.5rem 0 5.309rem;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap h3 {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel {
    padding: 0 0.75rem 0 0.25rem;
  }
  #wrapper .business.distribution .mapWrap .mapImgWrap .pinLabel p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
    font-weight: 500;
  }
  #wrapper .business.distribution .corpList {
    margin-top: 1.5rem;
    gap: 0.75rem;
  }
  #wrapper .business.distribution .corpList li {
    padding: 2rem;
  }
  #wrapper .business.distribution .corpList li h4 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: -0.02px;
  }
  #wrapper .business.distribution .corpList li p {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  #wrapper .business.distribution .partnerList {
    gap: 1rem;
  }
  #wrapper .business.distribution .partnerList li {
    width: calc(50% - 0.5rem);
  }
  #wrapper .business .descCol {
    flex-wrap: wrap;
  }
  #wrapper .business .descCol .descItem {
    width: 100%;
    max-width: initial;
  }
  #wrapper .business .art_product::before {
    left: -348px;
    top: -651px;
  }
  #wrapper .business .art_product::after {
    right: 399px;
    bottom: -527px;
  }
  #wrapper .business .product-box {
    padding: 5rem 0;
  }
  #wrapper .business .product-box .subTxt {
    width: 100%;
    max-width: 100%;
    margin-top: 0.55rem;
    font-size: 1.125rem;
    line-height: 1.56;
  }
  #wrapper .business .product-box .list-wrap > button {
    position: relative;
    top: 0;
    margin-top: 1.25rem;
  }
  #wrapper .business .product-box .product-list {
    margin-top: 2.3875rem;
  }
  #wrapper .business .product-box .product-list .item .item-head {
    height: auto;
    padding: 1rem 1.25rem;
  }
  #wrapper .business .product-box .product-list .item .item-head .num {
    width: 6rem;
    height: 1.9375rem;
    font-size: 1rem;
  }
  #wrapper .business .product-box .product-list .item .item-head .tit {
    font-size: 1.2rem;
    padding-right: 2.2rem;
    width: calc(100% - 7rem);
  }
  #wrapper .business .product-box .product-list .item .item-head .drop-btn {
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
  }
  #wrapper .business .product-box .product-list .item .item-content {
    padding: 2.5rem 1.25rem;
  }
  #wrapper .business .pdt_type02 {
    padding-top: 0;
  }
  html.en #wrapper .business .imgGroup .imgItem {
    width: auto;
    left: 2.5rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 580px) {
  #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
    padding-top: 20rem;
    max-width: 20rem;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(2),
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(3) {
    margin-bottom: 10%;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(1) {
    right: -1.125rem;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(3) {
    left: -0.9375rem;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(2) {
    right: -5rem;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(3) {
    left: -3rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList {
    gap: 3rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li {
    min-width: 10rem;
    min-height: 10rem;
    max-width: 10rem;
    max-height: 10rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li span {
    font-size: 1rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(1):after {
    left: 106%;
    bottom: 3.5rem;
    transform: rotate(0);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
    left: 39%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
    left: 39%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
    left: -25%;
    bottom: 3.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(5):after {
    left: 106%;
    bottom: 3.5rem;
    transform: rotate(0);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
    left: 40%;
    bottom: -2.5rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
    left: -26%;
    bottom: 3.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business .imgGroup {
    height: 31.5rem;
  }
}
@media (max-width: 480px) {
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(2) {
    width: 9.5rem;
    right: -1rem;
    font-size: 12px;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(1) {
    font-size: 12px;
  }
  html.en
    #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .pointLabel
    li:nth-child(3) {
    width: 9.375rem;
    left: -1rem;
    font-size: 12px;
  }
}
@media (max-width: 425px) {
  #wrapper .business.cc .prosscessWrap .prosscessList {
    gap: 2rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li {
    min-width: 8.5rem;
    min-height: 8.5rem;
    max-width: 8.5rem;
    max-height: 8.5rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li span {
    font-size: 1rem;
    line-height: 1.1;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(1):after {
    left: 101%;
    bottom: 3.5rem;
    transform: rotate(0);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
    left: 39%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
    left: 39%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
    left: -25%;
    bottom: 3.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(5):after {
    left: 101%;
    bottom: 3.5rem;
    transform: rotate(0);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
    left: 40%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7):after {
    left: 37%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
    left: -26%;
    bottom: 3.5rem;
    transform: rotate(180deg);
  }
}
@media (max-width: 370px) {
  #wrapper .business.ability .motionWrap .circleWrap .scrollCircle {
    padding-top: 100%;
    max-width: 100%;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(1) {
    margin: 8% 10% 0 0;
  }
  #wrapper
    .business.ability
    .motionWrap
    .circleWrap
    .scrollCircle
    .arrIcon:nth-of-type(3) {
    margin: 8% 0 0 10%;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList {
    gap: 2rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li {
    min-width: 8.5rem;
    min-height: 8.5rem;
    max-width: 8.5rem;
    max-height: 8.5rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li span {
    font-size: 1rem;
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(1):after {
    left: 101%;
    bottom: 3.5rem;
    transform: rotate(0);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(2):after {
    left: 39%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(3):after {
    left: 39%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(4):after {
    left: -25%;
    bottom: 3.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(5):after {
    left: 101%;
    bottom: 3.5rem;
    transform: rotate(0);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(6):after {
    left: 40%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(7):after {
    left: 37%;
    bottom: -2rem;
    transform: rotate(90deg);
  }
  #wrapper .business.cc .prosscessWrap .prosscessList li:nth-child(8):after {
    left: -26%;
    bottom: 3.5rem;
    transform: rotate(180deg);
  }
  #wrapper .business .imgGroup .imgItem .imgTxt {
    font-size: 1rem;
  }
}
html.ca_business.pg_summary .innerContentsWrap {
  max-width: initial !important;
}
html.ca_business.pg_summary .innerContentsWrap .contentsWrap {
  max-width: initial !important;
  width: initial !important;
}
@media (min-width: 769px) and (max-width: 1023px) {
  html.ca_business.pg_summary .innerContentsWrap {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  html.ca_business.pg_summary .innerContentsWrap {
    padding-left: 0;
    padding-right: 0;
  }
}
#wrapper .cpnt_summary_normal {
  display: flex;
  flex-direction: row;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}
#wrapper .cpnt_summary_normal .summary {
  width: 40%;
  margin-top: -0.25rem;
  margin-right: auto;
}
#wrapper .cpnt_summary_normal .summary .heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
}
#wrapper .cpnt_summary_normal .conts {
  width: 49%;
  margin-left: auto;
}
#wrapper .cpnt_summary_normal .conts p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  word-break: keep-all;
  letter-spacing: -0.02px;
  color: #666;
}
#wrapper .cpnt_summary_normal .conts p + p {
  margin-top: 1.875rem;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  #wrapper .cpnt_summary_normal {
    width: calc(100vw - 11rem);
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #wrapper .cpnt_summary_normal {
    width: calc(100vw - 5.5rem);
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  #wrapper .cpnt_summary_normal {
    width: 100%;
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #wrapper .cpnt_summary_normal .summary {
    width: initial;
  }
  #wrapper .cpnt_summary_normal .summary .heading {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -0.06px;
  }
  #wrapper .cpnt_summary_normal .summary .heading br {
    display: none;
  }
  #wrapper .cpnt_summary_normal .conts {
    width: initial;
    margin-top: 1.5rem;
  }
  #wrapper .cpnt_summary_normal .conts p {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  #wrapper .cpnt_summary_normal .conts p + p {
    margin-top: 1.25rem;
  }
}
@media (max-width: 768px) {
  #wrapper .cpnt_summary_normal {
    width: 100%;
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #wrapper .cpnt_summary_normal .summary {
    width: initial;
  }
  #wrapper .cpnt_summary_normal .summary .heading {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -0.06px;
  }
  #wrapper .cpnt_summary_normal .summary .heading br {
    display: none;
  }
  #wrapper .cpnt_summary_normal .conts {
    width: initial;
    margin-top: 1.5rem;
  }
  #wrapper .cpnt_summary_normal .conts p {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  #wrapper .cpnt_summary_normal .conts p + p {
    margin-top: 1.25rem;
  }
}
#wrapper .cpnt_summary_bgtext {
  width: 100%;
  height: 9.75rem;
  overflow: hidden;
  margin-top: 4.813rem;
}
#wrapper .cpnt_summary_bgtext [data-aos="animation-summary-text"] {
  transform: translateX(100%);
  display: block;
  transition: 4s all ease-in !important;
}
#wrapper .cpnt_summary_bgtext .innerBox {
  position: relative;
  max-width: 90rem;
  width: 100%;
  height: 9.75rem;
  margin: 0 auto;
  white-space: nowrap;
}
#wrapper .cpnt_summary_bgtext b {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 7rem;
  font-weight: 900;
  line-height: 1.4;
  white-space: nowrap;
  color: #f4f4f4;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  #wrapper .cpnt_summary_bgtext {
    width: 100%;
    padding: 0 5.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #wrapper .cpnt_summary_bgtext {
    width: 100%;
    padding: 0 2.75rem;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  #wrapper .cpnt_summary_bgtext {
    width: 100%;
    display: block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #wrapper .cpnt_summary_bgtext {
    height: 3.75rem;
    margin-top: 2.5rem;
    overflow: hidden;
  }
  #wrapper .cpnt_summary_bgtext b {
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    letter-spacing: -0.1px;
  }
  #wrapper
    .cpnt_summary_bgtext
    [data-aos="animation-summary-text"].aos-animate {
    transform: translateX(-1.25rem);
  }
}
@media (max-width: 768px) {
  #wrapper .cpnt_summary_bgtext {
    height: 3.75rem;
    margin-top: 2.5rem;
    overflow: hidden;
  }
  #wrapper .cpnt_summary_bgtext b {
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 3.75rem;
    letter-spacing: -0.1px;
  }
  #wrapper
    .cpnt_summary_bgtext
    [data-aos="animation-summary-text"].aos-animate {
    transform: translateX(-1.25rem);
  }
}
#wrapper .cpnt_summary_rolling {
  position: relative;
}
#wrapper .cpnt_summary_rolling .summary {
  z-index: 20;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-45rem);
  width: 1px;
  height: calc(100% - 41rem);
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap {
  position: sticky;
  left: 0;
  top: 0;
  width: 20.875rem;
  padding-top: 10rem;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button {
  display: block;
  left: 0;
  top: 0;
  color: #999;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button b {
  display: inline-block;
  width: 3rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  vertical-align: middle;
  color: inherit;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button strong {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
  vertical-align: middle;
  color: inherit;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button + button {
  margin-top: 1.5rem;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button.active {
  color: #111;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button.active b {
  margin-top: 0.6125rem;
  font-size: 1.25rem;
  font-weight: 700;
  vertical-align: top;
}
#wrapper .cpnt_summary_rolling .summary .anchorwrap button.active strong {
  font-size: 2.5rem;
  line-height: 1.4;
  vertical-align: top;
}
#wrapper .cpnt_summary_rolling .itemwrap {
  position: relative;
  z-index: 10;
  overflow: hidden;
}
#wrapper .cpnt_summary_rolling .itemwrap .item {
  position: relative;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 10.688rem;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:last-child {
  padding-bottom: 0;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .heading {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(-1px, -1px, -1px, -1px);
}
#wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
  position: relative;
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
  padding-left: 22.875rem;
  padding-top: 10rem;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap {
  margin-top: 0;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.maintext {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  color: #111;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.maintext em {
  color: #20c85a;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.subtext {
  margin-top: 2.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.78;
  letter-spacing: -0.02px;
  color: #666;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap {
  margin-top: 7.5rem;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul {
  display: flex;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 29rem;
  height: 29rem;
  margin-right: 1.5rem;
  padding: 2.5rem;
  border-radius: 15px;
  color: #fff;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li strong {
  display: block;
  margin-top: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: inherit;
  word-break: keep-all;
  margin-bottom: 1.25rem;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p {
  display: block;
  margin-top: auto;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
  color: inherit;
  word-break: keep-all;
}
#wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li:last-child {
  margin-right: 0;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) {
  padding-top: 0;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .deco {
  display: block;
  width: 38.5625rem;
  height: 22.875rem;
  position: absolute;
  top: 0;
  right: -28rem;
  background: url(/front/assets/common/images/introduce/img_business_swiper_deco1.png)
    no-repeat center center/cover;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) {
  background: linear-gradient(to top, #eef6f4 0, #fff 500px, #fff);
  z-index: 1;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .innerBox {
  position: relative;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
  display: block;
  width: 9.5625rem;
  height: 21.5625rem;
  position: absolute;
  bottom: -18rem;
  left: 2rem;
  background: url(/front/assets/common/images/introduce/img_business_swiper_deco2.png)
    no-repeat center center/cover;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .deco {
  display: block;
  width: 21.9375rem;
  height: 10.875rem;
  position: absolute;
  top: 0;
  right: -8rem;
  background: url(/front/assets/common/images/introduce/img_business_swiper_deco3.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(1)
  .cardwrap
  ul
  li:nth-child(1) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_01.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(1)
  .cardwrap
  ul
  li:nth-child(2) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_02.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(1)
  .cardwrap
  ul
  li:nth-child(3) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_03.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(2)
  .cardwrap
  ul
  li:nth-child(1) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_04.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(2)
  .cardwrap
  ul
  li:nth-child(2) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_05.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(2)
  .cardwrap
  ul
  li:nth-child(3) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_06.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(3)
  .cardwrap
  ul
  li:nth-child(1) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_07.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(3)
  .cardwrap
  ul
  li:nth-child(2) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_08.png)
    no-repeat center center/cover;
}
#wrapper
  .cpnt_summary_rolling
  .itemwrap
  .item:nth-child(3)
  .cardwrap
  ul
  li:nth-child(3) {
  background: url(/front/assets/common/images/introduce/bg_business_swiper_card_09.png)
    no-repeat center center/cover;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .cardwrap::before {
  content: "";
  display: block;
  position: absolute;
  left: -1000px;
  bottom: -10.688rem;
  width: 1000px;
  height: calc(100% + 10.688rem + 7.5rem + 15.5056rem);
  background: #fff;
  z-index: 3;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .cardwrap::before {
  content: "";
  display: block;
  position: absolute;
  left: -1000px;
  bottom: -10.688rem;
  width: 1000px;
  height: calc(100% + 10.688rem + 7.5rem + 15.5056rem);
  background: linear-gradient(to top, #eef6f4 0, #fff 500px, #fff);
  z-index: 3;
}
#wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .cardwrap::before {
  content: "";
  display: block;
  position: absolute;
  left: -1000px;
  bottom: -10.688rem;
  width: 1000px;
  height: calc(100% + 10.688rem + 7.5rem + 15.5056rem);
  background: #fff;
  z-index: 3;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  #wrapper .cpnt_summary_rolling .summary {
    left: 5.5rem;
    transform: none;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
    padding: 10rem 5.5rem 0;
    margin: 0 auto;
    padding-left: 22.875rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap {
    margin-top: 7.5rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
    min-height: 19.54rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
    right: 1vw;
    margin-left: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #wrapper .cpnt_summary_rolling .summary {
    left: 2.75rem;
    transform: none;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
    padding-left: 25rem;
    padding-right: 2.5rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
    min-height: 19.54rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .deco {
    right: -20rem;
    top: -15rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
    right: 10vw;
  }
}
@media (max-width: 1023px) {
  #wrapper .cpnt_summary_rolling {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .cpnt_summary_rolling .summary {
    display: none;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item {
    padding-top: 5rem;
    padding-bottom: 7.5rem;
    padding-bottom: 5rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox {
    padding: 0 1.25rem 0;
    margin: 0 auto;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .innerBox::before {
    display: none;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .heading {
    position: static;
    overflow: visible;
    width: 100%;
    height: auto;
    clip: auto;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .heading b {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .heading strong {
    display: block;
    margin-top: 0.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .textwrap {
    margin-top: 3.5rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.maintext {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .textwrap p.subtext {
    margin-top: 2rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #111;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap {
    margin-top: 5rem;
    max-width: 100%;
    padding: 0;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li {
    flex-shrink: 0;
    flex-basis: 16.5rem;
    min-height: 16.5rem;
    height: 21.5rem;
    margin-right: 1rem;
    padding: 1.5rem;
    border-radius: 15px;
    color: #fff;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li strong {
    word-break: break-all;
    font-size: 1.125rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p {
    margin-top: auto;
    font-size: 2rem;
    font-weight: 700;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p br {
    display: none;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li p {
    font-size: 1.125rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item .cardwrap ul li:last-child {
    margin-right: 0;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) {
    padding-top: 2.5rem;
    margin-top: 2.5rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(1) .deco {
    display: block;
    width: 19.28125rem;
    height: 11.4375rem;
    right: -6.8rem;
    top: -1rem;
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(2) .deco {
    display: block;
    width: 4.78125rem;
    height: 10.78125rem;
    left: auto;
    left: initial;
    right: -2rem;
    bottom: auto;
    bottom: initial;
    top: -3rem;
    transform: rotate(-45deg);
  }
  #wrapper .cpnt_summary_rolling .itemwrap .item:nth-child(3) .deco {
    display: block;
    width: 10.96875rem;
    height: 5.4375rem;
    right: -4rem;
    top: 0;
  }
  #wrapper
    .cpnt_summary_rolling
    .itemwrap
    .item:nth-child(1)
    .cardwrap::before {
    content: "";
    display: none;
  }
  #wrapper
    .cpnt_summary_rolling
    .itemwrap
    .item:nth-child(2)
    .cardwrap::before {
    content: "";
    display: none;
  }
  #wrapper
    .cpnt_summary_rolling
    .itemwrap
    .item:nth-child(3)
    .cardwrap::before {
    content: "";
    display: none;
  }
}
#wrapper section.business .cpnt_leadMoreWrap {
  width: 90rem;
  margin: 2.5rem auto 0;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  #wrapper section.business .cpnt_leadMoreWrap {
    width: calc(100vw - 11rem);
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  #wrapper section.business .cpnt_leadMoreWrap {
    width: calc(100vw - 5.5rem);
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  #wrapper section.business .cpnt_leadMoreWrap {
    width: 100%;
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  #wrapper section.business .cpnt_leadMoreWrap {
    width: 100%;
    margin-top: 0;
  }
}
#wrapper
  .business.qc
  .business_qc-item_sub
  .qc-item-box
  .qc-img-box
  .qc-img-box-list {
  width: calc((100% - 3rem) / 3);
}
.business_qc-item_sub {
  position: relative;
  z-index: 30;
  background-color: #fff;
}
@media (max-width: 1399px) {
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list {
    width: initial;
  }
}
@media (min-width: 1440px) {
  #wrapper .business.qc .business_qc-content .business_qc-item {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-title {
    margin-top: 19.8125rem;
    padding-right: 5.25rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-3125 {
    font-size: 2.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.1px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125 {
    margin-top: 5rem;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125_mo {
    display: none;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn {
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box {
    height: 1890px;
    width: 342px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc-txt-box {
    width: 100%;
    height: 281px;
    padding: 46px 0;
    margin-bottom: 120px;
    text-align: right;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc-txt-box
    .font-0875 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    text-align: left;
    color: #666;
    letter-spacing: -0.01px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc-txt-box
    .font-3125 {
    display: flex;
    justify-content: end;
    font-size: 2.9rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.1px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc-txt-box
    .font-1125 {
    display: flex;
    justify-content: end;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #111;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc-txt-box
    .font-1125:last-child {
    margin-bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc-img-box {
    margin-bottom: 120px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box
    .qc_img {
    width: 21.375rem;
    height: 17.563rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-line-box {
    width: 0.125rem;
    height: 1600px;
    background-color: rgba(232, 232, 232, 0.7);
    margin: 140px 60px 0 60px;
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-line-box
    .qc-line {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.125rem;
    height: 100%;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-line-box
    .qc-line
    .qc-line_on {
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-line-box
    .qc-line
    .qc-line_on
    .pointer {
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: 2;
    background-color: #20c85a;
    border-radius: 50%;
    box-shadow: 0 12px 16px 0 rgba(32, 200, 90, 0.24);
    left: -0.4rem;
    bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-line-box
    .qc-line
    .qc-line_on
    .pointer::before {
    display: block;
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    background-color: #20c85a;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: pin-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box.qc_left {
    justify-content: start;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box.qc_left
    .qc-txt-box {
    text-align: left;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box.qc_left
    .qc-txt-box
    .font-3125 {
    justify-content: start;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-item-ctn
    .qc-item-box.qc_left
    .qc-txt-box
    .font-1125 {
    justify-content: start;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-item-ctn_mo {
    display: none;
  }
  #wrapper .business.qc .business_qc-item_sub {
    margin-top: -44.75rem;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-1188 {
    font-size: 1.188rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    text-align: left;
    color: #20c85a;
    letter-spacing: -0.02px;
    margin-bottom: 0.938rem;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-25 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.08px;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box .font-25_mo {
    display: none;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box .qc-img-box {
    margin-top: 3.625rem;
    display: flex;
    justify-content: space-between;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc_img_sub {
    height: 21.75rem;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list {
    margin-top: 1.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list.t-1
    .font-1125 {
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list
    .font-15 {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
    margin: 1rem 0;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list
    .font-15
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list
    .font-15_mo {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list
    .font-1125 {
    display: flex;
    justify-content: center;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #666;
    text-align: center;
    letter-spacing: -0.02px;
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(2) {
    margin-top: 5rem;
    width: 100%;
    background-color: #f2fcf4;
    border-radius: 71.5px;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15 {
    display: flex;
    display: block;
    justify-content: center;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    text-align: center;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15:nth-of-type(2) {
    padding-top: 0;
    padding-bottom: 2.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo {
    display: none;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(3) {
    margin-top: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .font-25 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.08px;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box {
    width: 67.125rem;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box
    .font-1125 {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: justify;
  }
  #wrapper .business.qc .business_qc-item_sub .qc-item-box:nth-of-type(4) {
    margin-top: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .font-25 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.08px;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box {
    width: 67.125rem;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .qc_img_sub {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .qc_img_sub_mo {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .font-1125 {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: justify;
  }
  #wrapper
    .business.qc
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .font-1125:last-child {
    margin-top: 2rem;
  }
}
@media (max-width: 768px) {
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-3125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125_mo {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
    margin-top: 5rem;
    width: 100%;
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo {
    width: 100%;
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box {
    width: 0.125rem;
    height: calc(80% + 45px);
    background-color: rgba(232, 232, 232, 0.7);
    margin: 5px 0 0 10px;
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.125rem;
    height: 100%;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on {
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on
    .pointer {
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: 2;
    background-color: #20c85a;
    border-radius: 50%;
    box-shadow: 0 12px 16px 0 rgba(32, 200, 90, 0.24);
    left: -0.4rem;
    bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on
    .pointer::before {
    display: block;
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    background-color: #20c85a;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: pin-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo {
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box {
    margin-left: 3rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-0875 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    text-align: left;
    color: #666;
    letter-spacing: -0.01px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-3125 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    text-align: left;
    color: #111;
    letter-spacing: -0.06px;
    margin-bottom: 0.563rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-1125 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #111;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-img-box {
    margin-bottom: 40px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-img-box:last-child {
    margin-bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc_img {
    width: 100%;
    margin-top: 1rem;
    padding-left: 3rem;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item_sub {
    margin-top: 6.25rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-1188 {
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    text-align: left;
    color: #20c85a;
    letter-spacing: -0.02px;
    margin-bottom: 0.75rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-25_mo {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list {
    margin-top: 2.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .qc-img-txt-list {
    margin-top: 1.25rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-15 {
    display: flex;
    display: block;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
    margin: 1rem 0 0.5rem 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-15
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-1125 {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(1)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(1)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo.mt1 {
    margin-top: 1rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo.mb1 {
    margin-bottom: 0.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(3)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(3)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(1)
    .font-25 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2) {
    margin-top: 2.5rem;
    width: 100%;
    background-color: #f2fcf4;
    border-radius: 30px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo {
    padding: 0 2.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    text-align: left;
    color: #111;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo.pt1 {
    padding-top: 2rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo.pb1 {
    padding-bottom: 2rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3) {
    margin-top: 7.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .font-25 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box
    .font-1125:nth-of-type(1) {
    margin-bottom: 1.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4) {
    margin-top: 7.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .font-25 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .qc_img_sub {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .font-1125:nth-of-type(1) {
    margin: 1.5rem 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  #wrapper .business.qc .business_qc-content {
    margin: 0 5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-3125 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    text-align: left;
    color: #111;
    letter-spacing: -0.06px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125_mo {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
    margin-top: 5rem;
    width: 100%;
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo {
    width: 100%;
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box {
    width: 0.125rem;
    height: calc(80% + 45px);
    background-color: rgba(232, 232, 232, 0.7);
    margin: 5px 0 0 10px;
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.125rem;
    height: 100%;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on {
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on
    .pointer {
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: 2;
    background-color: #20c85a;
    border-radius: 50%;
    box-shadow: 0 12px 16px 0 rgba(32, 200, 90, 0.24);
    left: -0.4rem;
    bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on
    .pointer::before {
    display: block;
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    background-color: #20c85a;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: pin-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo {
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box {
    margin-left: 3rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-0875 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    text-align: left;
    color: #666;
    letter-spacing: -0.01px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-3125 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    text-align: left;
    color: #111;
    letter-spacing: -0.06px;
    margin-bottom: 0.563rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-1125 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #111;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-img-box {
    margin-bottom: 40px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-img-box:last-child {
    margin-bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc_img {
    width: 100%;
    margin-top: 1rem;
    padding-left: 3rem;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item_sub {
    margin-top: 6.25rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-1188 {
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    text-align: left;
    color: #20c85a;
    letter-spacing: -0.02px;
    margin-bottom: 0.75rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-25_mo {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list {
    margin-top: 2.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-15 {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
    margin: 1rem 0 0.5rem 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-15
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-1125 {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(1)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(1)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo.mt1 {
    margin-top: 1rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo.mb1 {
    margin-bottom: 0.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(3)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(3)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(1)
    .font-25 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2) {
    margin-top: 2.5rem;
    width: 100%;
    background-color: #f2fcf4;
    border-radius: 30px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo {
    padding: 0 2.5rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    text-align: left;
    color: #111;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo.pt1 {
    padding-top: 2rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo.pb1 {
    padding-bottom: 2rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3) {
    margin-top: 7.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .font-25 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box
    .font-1125:nth-of-type(1) {
    margin-bottom: 1.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4) {
    margin-top: 7.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .font-25 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box {
    margin-top: 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .qc_img_sub {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .font-1125:nth-of-type(1) {
    margin: 1.5rem 0;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  #wrapper .business.qc .business_qc-content {
    margin: 0 2.5rem;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-title {
    width: 100%;
    padding-bottom: 3.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-3125 {
    font-size: 3.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.1px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125 {
    margin-top: 5rem;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-title
    .font-125_mo {
    display: none;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item .qc-content {
    width: 100%;
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo {
    width: 100%;
    display: flex;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box {
    width: 0.125rem;
    height: calc(80% + 45px);
    background-color: rgba(232, 232, 232, 0.7);
    margin: 5px 0 0 10px;
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.125rem;
    height: 100%;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on {
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on
    .pointer {
    width: 1rem;
    height: 1rem;
    position: absolute;
    z-index: 2;
    background-color: #20c85a;
    border-radius: 50%;
    box-shadow: 0 12px 16px 0 rgba(32, 200, 90, 0.24);
    left: -0.4rem;
    bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-line-mo-box
    .qc-line-mo
    .qc-line-mo_on
    .pointer::before {
    display: block;
    position: absolute;
    content: "";
    width: 3rem;
    height: 3rem;
    background-color: #20c85a;
    border-radius: 50%;
    left: -1rem;
    top: -1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: pin-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo {
    position: relative;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box {
    margin-left: 3rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-0875 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    text-align: left;
    color: #666;
    letter-spacing: -0.01px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-3125 {
    font-size: 3.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.1px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-txt-box
    .font-1125 {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #111;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-img-box {
    margin-bottom: 40px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc-img-box:last-child {
    margin-bottom: 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item
    .qc-content
    .qc-item-ctn_mo
    .qc-item-box_mo
    .qc_img {
    width: 100%;
    margin-top: 1rem;
    padding-left: 3rem;
  }
  #wrapper .business.qc .business_qc-content .business_qc-item_sub {
    margin-top: 10rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-1188 {
    font-size: 1.188rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.58;
    text-align: left;
    color: #20c85a;
    letter-spacing: -0.02px;
    margin-bottom: 0.938rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-25 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.08px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .font-25_mo {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list {
    margin: 5rem 4.5rem 0 4.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-15 {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
    margin: 1rem 0 0.5rem 0;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-15
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-1125 {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list
    .font-1125_mo {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo {
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo.mt1 {
    margin-top: 1rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-15_mo.mb1 {
    margin-bottom: 0.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(2)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(3)
    .qc-img-txt-list
    .font-1125 {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box
    .qc-img-box
    .qc-img-box-list:nth-of-type(3)
    .qc-img-txt-list
    .font-1125_mo {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2) {
    margin-top: 5rem;
    width: 100%;
    background-color: #f2fcf4;
    border-radius: 71.5px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15 {
    display: flex;
    display: block;
    justify-content: center;
    padding-top: 2.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    text-align: left;
    color: #111;
    letter-spacing: -0.05px;
    text-align: center;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15
    strong {
    color: #20c85a;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15:nth-of-type(2) {
    padding-top: 0;
    padding-bottom: 2.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(2)
    .font-15_mo {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3) {
    margin-top: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .font-25 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.08px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box {
    width: 67.125rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box
    .font-1125 {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(3)
    .qc-txt-box
    .font-1125:last-child {
    margin-top: 2rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4) {
    margin-top: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .font-25 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    text-align: left;
    color: #111;
    letter-spacing: -0.08px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box {
    width: 67.125rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .qc_img_sub {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .qc_img_sub_mo {
    display: none;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .font-1125 {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    text-align: left;
    color: #666;
    letter-spacing: -0.02px;
  }
  #wrapper
    .business.qc
    .business_qc-content
    .business_qc-item_sub
    .qc-item-box:nth-of-type(4)
    .qc-txt-box
    .font-1125:last-child {
    margin-top: 2rem;
  }
}
section.summary .innerContentsWrap {
  max-width: initial;
}
section.summary .innerContentsWrap .contentsWrap {
  max-width: initial !important;
}
section.summary .innerContentsWrap .contentsWrap .contentsBody .topDesc {
  max-width: 90rem;
  margin: 0 auto;
}
section.summary .innerContentsWrap .contentsWrap .contentsBody .leadMoreWrap {
  max-width: 90rem;
  margin: 0 auto;
}
section.summary .textMotion {
  position: absolute;
  top: 29.063rem;
  right: -20rem;
  font-size: 10rem;
  line-height: 8.75rem;
  letter-spacing: -2.8px;
  color: #f4f4f4;
  font-weight: 700;
  text-align: left;
}
section.summary .objectImg_01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 24.463rem;
  height: 22.715rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .objectImg_02 {
  position: absolute;
  top: bottom;
  right: left;
  width: 24.463rem;
  height: 22.715rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .objectImg_03 {
  position: absolute;
  top: 0;
  right: 0;
  width: 24.463rem;
  height: 22.715rem;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_01 {
  position: relative;
  height: 67.5rem;
  margin-top: 12.375rem;
}
section.summary .cardSection_01 .cardNavWrap {
  position: relative;
  width: 90rem;
  height: 31.813rem;
  margin: 0 auto;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav {
  position: absolute;
  top: 10rem;
  left: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav li {
  margin-top: 1.5rem;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav li a {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 700;
  vertical-align: middle;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav li span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 500;
  vertical-align: middle;
  margin: -0.25rem 1rem 0 0;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav li:first-child {
  margin-top: 0;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav li.active a {
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  color: #111;
  font-weight: 700;
  vertical-align: middle;
}
section.summary .cardSection_01 .cardNavWrap .sectionNav li.active span {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
  vertical-align: middle;
  margin: -1rem 1rem 0 0;
}
section.summary .cardSection_01 .cardNavWrap .cardTitle {
  position: absolute;
  top: 10rem;
  left: 16.875rem;
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
  color: #111;
  font-weight: 700;
}
section.summary .cardSection_01 .cardNavWrap .cardTitle span {
  color: #20c85a;
}
section.summary .cardSection_01 .cardNavWrap .cardDesc {
  position: absolute;
  top: 19rem;
  left: 16.875rem;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 500;
}
section.summary .cardSection_01 .cardWrap {
  position: absolute;
  left: 31rem;
  width: 100%;
  text-align: left;
}
section.summary .cardSection_01 .cardWrap ul {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_01 .cardWrap ul li {
  display: inline-block;
  margin-left: 1.5rem;
}
section.summary .cardSection_01 .cardWrap ul li .cardObject {
  position: relative;
  display: block;
  width: 25rem;
  height: 25rem;
  background-color: #181b51;
  border-radius: 30px;
  padding: 0 2.5rem 0 2.5rem;
  transition: 0.25s ease;
  overflow: hidden;
}
section.summary .cardSection_01 .cardWrap ul li .cardObject .subTitle {
  position: absolute;
  top: 16.188rem;
  left: 2.5rem;
  width: 28rem;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 700;
  text-align: left;
}
section.summary .cardSection_01 .cardWrap ul li .cardObject .subDesc {
  position: absolute;
  top: 19.813rem;
  left: 2.5rem;
  width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  font-weight: 500;
  text-align: left;
}
section.summary .cardSection_01 .cardWrap ul li .cardObject.bg_01 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_01.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_01 .cardWrap ul li .cardObject.bg_02 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_02.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_01 .cardWrap ul li .cardObject.bg_03 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_03.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_01 .cardWrap ul li:first-child {
  margin-left: 0;
}
section.summary .cardSection_02 {
  position: relative;
  height: 67.5rem;
  background-image: linear-gradient(to bottom, rgba(219, 240, 240, 0), #eff7f5);
}
section.summary .cardSection_02 .cardNavWrap {
  position: relative;
  width: 90rem;
  height: 31.813rem;
  margin: 0 auto;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav {
  position: absolute;
  top: 10rem;
  left: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav li {
  margin-top: 1.5rem;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav li a {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 700;
  vertical-align: middle;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav li span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 500;
  vertical-align: middle;
  margin: -0.25rem 1rem 0 0;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav li:first-child {
  margin-top: 0;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav li.active a {
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  color: #111;
  font-weight: 700;
  vertical-align: middle;
}
section.summary .cardSection_02 .cardNavWrap .sectionNav li.active span {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
  vertical-align: middle;
  margin: -1rem 1rem 0 0;
}
section.summary .cardSection_02 .cardNavWrap .cardTitle {
  position: absolute;
  top: 10rem;
  left: 16.875rem;
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
  color: #111;
  font-weight: 700;
}
section.summary .cardSection_02 .cardNavWrap .cardTitle span {
  color: #20c85a;
}
section.summary .cardSection_02 .cardNavWrap .cardDesc {
  position: absolute;
  top: 19rem;
  left: 16.875rem;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 500;
}
section.summary .cardSection_02 .cardWrap {
  position: absolute;
  left: 31rem;
  width: 100%;
  text-align: left;
}
section.summary .cardSection_02 .cardWrap ul {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_02 .cardWrap ul li {
  display: inline-block;
  margin-left: 1.5rem;
}
section.summary .cardSection_02 .cardWrap ul li .cardObject {
  position: relative;
  display: block;
  width: 25rem;
  height: 25rem;
  background-color: #181b51;
  border-radius: 30px;
  padding: 0 2.5rem 0 2.5rem;
  transition: 0.25s ease;
  overflow: hidden;
}
section.summary .cardSection_02 .cardWrap ul li .cardObject .subTitle {
  position: absolute;
  top: 16.188rem;
  left: 2.5rem;
  width: 28rem;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 700;
  text-align: left;
}
section.summary .cardSection_02 .cardWrap ul li .cardObject .subDesc {
  position: absolute;
  top: 19.813rem;
  left: 2.5rem;
  width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  font-weight: 500;
  text-align: left;
}
section.summary .cardSection_02 .cardWrap ul li .cardObject.bg_04 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_04.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_02 .cardWrap ul li .cardObject.bg_05 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_05.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_02 .cardWrap ul li .cardObject.bg_06 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_06.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_02 .cardWrap ul li:first-child {
  margin-left: 0;
}
section.summary .cardSection_03 {
  position: relative;
  height: 60.5rem;
}
section.summary .cardSection_03 .cardNavWrap {
  position: relative;
  width: 90rem;
  height: 31.813rem;
  margin: 0 auto;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav {
  position: absolute;
  top: 10rem;
  left: 0;
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav li {
  margin-top: 1.5rem;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav li a {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 700;
  vertical-align: middle;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav li span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #999;
  font-weight: 500;
  vertical-align: middle;
  margin: -0.25rem 1rem 0 0;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav li:first-child {
  margin-top: 0;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav li.active a {
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  color: #111;
  font-weight: 700;
  vertical-align: middle;
}
section.summary .cardSection_03 .cardNavWrap .sectionNav li.active span {
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #111;
  font-weight: 700;
  vertical-align: middle;
  margin: -1rem 1rem 0 0;
}
section.summary .cardSection_03 .cardNavWrap .cardTitle {
  position: absolute;
  top: 10rem;
  left: 16.875rem;
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
  color: #111;
  font-weight: 700;
}
section.summary .cardSection_03 .cardNavWrap .cardTitle span {
  color: #20c85a;
}
section.summary .cardSection_03 .cardNavWrap .cardDesc {
  position: absolute;
  top: 16rem;
  left: 16.875rem;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 500;
}
section.summary .cardSection_03 .cardWrap {
  position: absolute;
  left: 31rem;
  width: 100%;
  text-align: left;
}
section.summary .cardSection_03 .cardWrap ul {
  font-size: 0;
  line-height: 0;
  letter-spacing: 0;
  overflow: hidden;
}
section.summary .cardSection_03 .cardWrap ul li {
  display: inline-block;
  margin-left: 1.5rem;
}
section.summary .cardSection_03 .cardWrap ul li .cardObject {
  position: relative;
  display: block;
  width: 25rem;
  height: 25rem;
  background-color: #181b51;
  border-radius: 30px;
  padding: 0 2.5rem 0 2.5rem;
  transition: 0.25s ease;
  overflow: hidden;
}
section.summary .cardSection_03 .cardWrap ul li .cardObject .subTitle {
  position: absolute;
  top: 16.188rem;
  left: 2.5rem;
  width: 28rem;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.06px;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 700;
  text-align: left;
}
section.summary .cardSection_03 .cardWrap ul li .cardObject .subDesc {
  position: absolute;
  top: 19.813rem;
  left: 2.5rem;
  width: 28rem;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
  font-weight: 500;
  text-align: left;
}
section.summary .cardSection_03 .cardWrap ul li .cardObject.bg_07 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_07.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_03 .cardWrap ul li .cardObject.bg_08 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_08.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_03 .cardWrap ul li .cardObject.bg_09 {
  background: url(/front/assets/common/images/business/bg_business_slide_card_09.png)
    0 0 no-repeat;
  background-size: 25rem 25rem;
}
section.summary .cardSection_03 .cardWrap ul li:first-child {
  margin-left: 0;
}
.art_platformState {
  margin-top: 200px !important;
}
@media (max-width: 768px) {
  .art_platformState {
    margin-top: 120px !important;
  }
}
.cpnt_platformState .innerBox {
  position: relative;
  margin: 0 auto;
}
.cpnt_platformState .summary .heading {
  font-size: 50px !important;
  font-weight: 700;
  line-height: 1.4 !important;
  letter-spacing: -0.1px !important;
  word-wrap: break-word;
}
.cpnt_platformState .summary .subtext {
  display: block;
  margin-top: 0.5rem !important;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_platformState .conts {
  margin-top: 56px;
}
.cpnt_platformState .conts ul {
  display: flex;
  flex-wrap: nowrap;
}
.cpnt_platformState .conts ul li {
  flex: 0 0 464px;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 302px;
  margin-right: 24px;
  padding: 3.5rem 2.5rem 42px;
  border-radius: 40px;
  background-color: #f4f4f4;
}
.cpnt_platformState .conts ul li:last-child {
  margin-right: 0;
}
.cpnt_platformState .conts ul li strong {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
}
.cpnt_platformState .conts ul li dl {
  margin-top: auto;
}
.cpnt_platformState .conts ul li dl div {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 7px;
}
.cpnt_platformState .conts ul li dl div > * {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.02px;
}
.cpnt_platformState .conts ul li dl div dt {
  width: 136px;
  opacity: 0.5;
}
.cpnt_platformState .conts ul li dl div dd {
  flex: 1;
}
.cpnt_platformState .swiper-control {
  position: absolute;
  right: 0;
  top: 5px;
}
.cpnt_platformState .swiper-control button {
  margin-left: 16px;
}
@media (max-width: 768px) {
  .cpnt_platformState .summary {
    position: static;
    padding-left: 0;
  }
  .cpnt_platformState .summary .heading {
    font-size: 32px !important;
    line-height: 1.38 !important;
    letter-spacing: -0.06px !important;
  }
  .cpnt_platformState .summary .subtext {
    font-size: 14px;
    margin-top: 13px !important;
  }
  .cpnt_platformState .conts {
    flex-wrap: wrap;
    margin-top: 32px;
  }
  .cpnt_platformState .conts ul {
    display: block;
    transform: translate3d(5px, 0, 0) !important;
  }
  .cpnt_platformState .conts ul li {
    min-height: 200px;
    padding: 30px 20px 28px;
    border-radius: 20px;
  }
  .cpnt_platformState .conts ul li + li {
    margin-top: 16px;
  }
  .cpnt_platformState .conts ul li strong {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_platformState .conts ul li dl {
    margin-top: 28px;
  }
  .cpnt_platformState .conts ul li dl div + div {
    margin-top: 10px;
  }
  .cpnt_platformState .conts ul li dl div > * {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_platformState .conts ul li dl div dt {
    width: 112px;
    opacity: 0.5;
  }
  .cpnt_platformState .swiper-control {
    display: none;
  }
}
.cpnt_techDev {
  margin-top: 200px;
}
.cpnt_techDev .heading {
  font-size: 40px;
  font-weight: 700;
}
.contactus.map .contentsWrap .contentsBody {
  padding: 0 !important;
}
.contactus div.mapBox {
  width: 100%;
  height: 35rem;
  border-radius: 30px;
  overflow: hidden;
}
.contactus div.mapBox iframe {
  width: 100%;
}
.contactus div.contactBox {
  margin-top: 5.125rem;
}
.contactus div.contactBox > ul {
  display: flex;
  margin-bottom: 4.188rem;
}
.contactus div.contactBox > ul li {
  width: 50%;
}
.contactus div.contactBox > ul li dl {
  display: flex;
  align-items: flex-start;
}
.contactus div.contactBox > ul li dl dt {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: -0.02px;
  line-height: 1.5rem;
  font-weight: 700;
  width: 7.625rem;
}
.contactus div.contactBox > ul li dl dd {
  display: block;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #666;
  word-break: keep-all;
}
.contactus div.contactBox > ul li dl dd p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #666;
  word-break: keep-all;
}
.contactus div.contactBox > ul li dl dd p span {
  display: block;
  color: #666;
  font-weight: 700;
}
.contactus div.contactBox > ul .inter_city_bus dl dd {
  width: auto;
}
.contactus div.contactBox > ul .inter_city_bus dl dd p {
  margin-bottom: 1rem;
}
.contactus div.contactBox > ul .inter_city_bus dl dd p:last-child {
  margin-bottom: 0;
}
.contactus div.contactBox > ul.bus p {
  margin-bottom: 1rem;
}
.contactus div.contactBox > ul.bus p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .contentsWrap.contactus-ctn {
    padding-top: 4rem !important;
  }
  .contentsWrap.contactus-ctn .contentsBody {
    padding: 0 !important;
  }
  .contactus-legal .legal-item {
    margin-bottom: 5rem;
  }
  .contactus-legal .legal-item .font-15 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-legal .legal-item .font-1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .contactus-management .management-item .font-125 {
    margin-bottom: 3.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-management .management-item .font-125:nth-of-type(1) {
    line-height: 1.7;
  }
  .contactus-management .management-item .font-125:nth-of-type(7) {
    margin-bottom: 5rem;
  }
  .contactus-management .management-item .director-box {
    display: flex;
    justify-content: end;
  }
  .contactus-management .management-item .director-box img {
    width: 11.625rem;
    height: 4.738rem;
  }
  .contactus-internal .internal-item {
    margin-bottom: 5rem;
  }
  .contactus-internal .internal-item .font-15 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item .font-1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .contactus-internal .internal-item .ml-8 {
    margin-left: 0.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) {
    margin-bottom: 7.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) .font-2 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    text-align: left;
    color: #111;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
    margin: 7.5rem 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    text-align: left;
    color: #111;
  }
  .factory_one_title {
    width: 100%;
    padding-top: 3rem;
    display: flex;
    justify-content: center;
    font-size: 3.75rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.12px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .font-125 {
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
    margin-bottom: 7.5rem;
  }
  .contactus-cctv .cctv-item {
    margin-bottom: 5rem;
  }
  .contactus-cctv .cctv-item .font-15 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .cctv-item .font-1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .termsWrap {
    width: 100%;
    position: relative;
  }
  .termsWrap .termsBody .titleMid {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
    font-weight: 600;
    margin-bottom: 1.5rem;
  }
  .termsWrap .termsBody .descTop {
    font-size: 1.25rem;
    line-height: 1.7;
    letter-spacing: -0.02px;
    font-weight: 600;
    color: #111;
    margin: 2.5rem 0 7.5rem 0;
  }
  .termsWrap .termsBody .descMid {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #666;
  }
  .termsWrap .termsBody ul li {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #666;
  }
  .termsWrap .termsBody ul.type_01 li {
    padding-left: 1rem;
  }
  .termsWrap .termsBody dl {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #666;
    padding-left: 1rem;
  }
  .termsWrap .termsBody table {
    margin-top: 3.5rem;
    width: 100%;
    table-layout: fixed;
  }
  .termsWrap .termsBody table thead tr {
    border-top: 0.125rem solid #111;
  }
  .termsWrap .termsBody table thead th {
    width: 50%;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 3.25rem 0;
    padding: 1.5rem 1rem;
  }
  .termsWrap .termsBody table tbody {
    border-top: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td {
    text-align: center;
    padding: 3.25rem 0;
    padding: 1.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td:last-child {
    border-right: none;
  }
  .termsWrap .termsBody table tbody td.tdBold {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
    font-weight: 700;
    color: #111;
  }
  .termsWrap .termsBody table + div {
    margin-top: 1.5rem;
  }
  .termsWrap .termsBody .termsItem {
    margin-bottom: 5rem;
  }
  .termsWrap .termsBody .termsItem:last-child {
    margin-bottom: 2.5rem;
  }
  .termsWrap .termsBody .termsItem .bold-line {
    border-bottom: 1px solid #111;
    color: #111;
  }
  .termsWrap .termsBody .termsItem .link-line {
    border-bottom: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li {
    margin-left: 2rem;
    word-break: keep-all;
    position: relative;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "∙";
  }
  .termsWrap .inputSelect {
    max-width: 20rem;
  }
}
@media (min-width: 1024px) and (max-width: 1599px) {
  .contentsWrap.contactus-ctn {
    padding-top: 3rem !important;
  }
  .contentsWrap.contactus-ctn .contentsBody {
    padding: 0 !important;
  }
  .contactus-content {
    margin: 0 3.5rem;
  }
  .contactus-legal .legal-item {
    margin-bottom: 5rem;
  }
  .contactus-legal .legal-item .font-15 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-legal .legal-item .font-1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .contactus-legal .legal-item:last-child {
    margin-bottom: 0;
  }
  .contactus-management .management-item .font-125 {
    margin-bottom: 3.5rem;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-management .management-item .font-125:nth-of-type(1) {
    line-height: 1.7;
  }
  .contactus-management .management-item .font-125:nth-of-type(7) {
    margin-bottom: 5rem;
  }
  .contactus-management .management-item .director-box {
    display: flex;
    justify-content: end;
  }
  .contactus-management .management-item .director-box img {
    width: 11.625rem;
    height: 4.738rem;
  }
  .contactus-internal .internal-item {
    margin-bottom: 5rem;
  }
  .contactus-internal .internal-item .font-15 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item .font-1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .contactus-internal .internal-item .ml-8 {
    margin-left: 0.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) {
    margin-bottom: 3.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) .font-2 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item:last-child {
    margin-bottom: 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
    margin: 5rem 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    text-align: left;
    color: #111;
  }
  .factory_one_title {
    width: 100%;
    padding-top: 3rem;
    display: flex;
    justify-content: center;
    font-size: 3.75rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.12px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .font-125 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
    margin-bottom: 5rem;
  }
  .contactus-cctv .cctv-item {
    margin-bottom: 5rem;
  }
  .contactus-cctv .cctv-item .font-15 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .cctv-item .font-1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .contactus-cctv .cctv-item:last-child {
    margin-bottom: 0;
  }
  .termsWrap {
    width: 100%;
    position: relative;
  }
  .termsWrap .termsBody {
    margin: 0 3.5rem;
  }
  .termsWrap .termsBody .titleMid {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .termsWrap .termsBody .descTop {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    font-weight: 500;
    color: #111;
    margin: 4rem 0 3.5rem 0;
  }
  .termsWrap .termsBody .descMid {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .termsWrap .termsBody ul li {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01;
    text-align: left;
    color: #666;
  }
  .termsWrap .termsBody ul.type_01 li {
    padding-left: 1rem;
  }
  .termsWrap .termsBody dl {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    padding-left: 1rem;
  }
  .termsWrap .termsBody table {
    margin-top: 2rem;
    width: 100%;
    table-layout: fixed;
  }
  .termsWrap .termsBody table .termsItem_br {
    display: none;
  }
  .termsWrap .termsBody table thead tr {
    border-top: 0.125rem solid #111;
  }
  .termsWrap .termsBody table thead th {
    width: 50%;
    font-size: 1rem;
    font-weight: 700;
    padding: 2rem 0;
  }
  .termsWrap .termsBody table tbody {
    border-top: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td {
    text-align: center;
    padding: 1.25rem 0.46rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td:last-child {
    border-right: none;
  }
  .termsWrap .termsBody table tbody td.tdBold {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    font-weight: 500;
    color: #666;
  }
  .termsWrap .termsBody .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01;
    text-align: left;
    color: #b8b8b8;
  }
  .termsWrap .termsBody .font-1:nth-of-type(1) {
    margin-top: 1.5rem;
  }
  .termsWrap .termsBody .termsItem {
    margin-bottom: 3.5rem;
  }
  .termsWrap .termsBody .termsItem:last-child {
    margin-bottom: 2.5rem;
  }
  .termsWrap .termsBody .termsItem .bold-line {
    border-bottom: 1px solid #111;
    color: #111;
  }
  .termsWrap .termsBody .termsItem .link-line {
    border-bottom: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li {
    margin-left: 2rem;
    word-break: keep-all;
    position: relative;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "∙";
  }
  .termsWrap .termsWrap_select {
    margin: 0 3.5rem;
  }
  .termsWrap .inputSelect {
    max-width: 20rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .contentsWrap.contactus-ctn {
    padding-top: 2.5rem !important;
  }
  .contentsWrap.contactus-ctn .contentsBody {
    padding: 0 !important;
  }
  .contactus-content {
    margin: 0 2.5rem;
  }
  .contactus-legal .legal-item {
    margin-bottom: 3.5rem;
  }
  .contactus-legal .legal-item .font-15 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-legal .legal-item .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
  .contactus-legal .legal-item:last-child {
    margin-bottom: 0;
  }
  .contactus-management .management-item .font-125 {
    margin-bottom: 3.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-management .management-item .director-box {
    display: flex;
    justify-content: end;
  }
  .contactus-management .management-item .director-box img {
    width: 11.625rem;
    height: 4.738rem;
  }
  .contactus-internal .internal-item {
    margin-bottom: 3.5rem;
  }
  .contactus-internal .internal-item .font-15 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
  .contactus-internal .internal-item .ml-8 {
    margin-left: 0.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) {
    margin-bottom: 3.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) .font-2 {
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item:last-child {
    margin-bottom: 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
    margin: 3.5rem 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .factory_one_title {
    width: 100%;
    padding-top: 3rem;
    display: flex;
    justify-content: center;
    font-size: 3.75rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.12px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .font-125 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
    margin-bottom: 3.5rem;
  }
  .contactus-cctv .cctv-item {
    margin-bottom: 3.5rem;
  }
  .contactus-cctv .cctv-item .font-15 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .cctv-item .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
  .contactus-cctv .cctv-item:last-child {
    margin-bottom: 0;
  }
  .termsWrap {
    width: 100%;
    position: relative;
  }
  .termsWrap .termsBody {
    margin: 0 2.5rem;
  }
  .termsWrap .termsBody .titleMid {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .termsWrap .termsBody .descTop {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    font-weight: 500;
    color: #111;
    margin: 4rem 0 3.5rem 0;
  }
  .termsWrap .termsBody .descMid {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .termsWrap .termsBody ul li {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01;
    text-align: left;
    color: #666;
  }
  .termsWrap .termsBody ul.type_01 li {
    padding-left: 1rem;
  }
  .termsWrap .termsBody dl {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    padding-left: 1rem;
  }
  .termsWrap .termsBody table {
    margin-top: 2rem;
    width: 100%;
    table-layout: fixed;
  }
  .termsWrap .termsBody table .termsItem_br {
    display: none;
  }
  .termsWrap .termsBody table thead tr {
    border-top: 0.125rem solid #111;
  }
  .termsWrap .termsBody table thead th {
    width: 50%;
    font-size: 1rem;
    font-weight: 700;
    padding: 2rem 0;
  }
  .termsWrap .termsBody table tbody {
    border-top: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td {
    text-align: center;
    padding: 1.25rem 0.46rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td:last-child {
    border-right: none;
  }
  .termsWrap .termsBody table tbody td.tdBold {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    font-weight: 500;
    color: #666;
  }
  .termsWrap .termsBody .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01;
    text-align: left;
    color: #b8b8b8;
  }
  .termsWrap .termsBody .font-1:nth-of-type(1) {
    margin-top: 1.5rem;
  }
  .termsWrap .termsBody .termsItem {
    margin-bottom: 3.5rem;
  }
  .termsWrap .termsBody .termsItem:last-child {
    margin-bottom: 2.5rem;
  }
  .termsWrap .termsBody .termsItem .bold-line {
    border-bottom: 1px solid #111;
    color: #111;
  }
  .termsWrap .termsBody .termsItem .link-line {
    border-bottom: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li {
    margin-left: 2rem;
    word-break: keep-all;
    position: relative;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "∙";
  }
  .termsWrap .termsWrap_select {
    margin: 0 2.5rem;
  }
  .termsWrap .inputSelect {
    max-width: 20rem;
  }
}
@media (max-width: 767px) {
  .contentsWrap.contactus-ctn {
    padding-top: 2.5rem !important;
  }
  .contentsWrap.contactus-ctn .contentsBody {
    padding: 0 !important;
  }
  .contactus-legal .legal-item {
    margin-bottom: 3.5rem;
  }
  .contactus-legal .legal-item .font-15 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-legal .legal-item .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
  .contactus-legal .legal-item:last-child {
    margin-bottom: 0;
  }
  .contactus-management .management-item .font-125 {
    margin-bottom: 3.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-management .management-item .director-box {
    display: flex;
    justify-content: end;
  }
  .contactus-management .management-item .director-box img {
    width: 11.625rem;
    height: 4.738rem;
  }
  .contactus-internal .internal-item {
    margin-bottom: 3.5rem;
  }
  .contactus-internal .internal-item .font-15 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
  .contactus-internal .internal-item .ml-8 {
    margin-left: 0.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) {
    margin-bottom: 3.5rem;
  }
  .contactus-internal .internal-item:nth-of-type(1) .font-2 {
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-internal .internal-item:last-child {
    margin-bottom: 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1),
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) {
    margin: 3.5rem 0;
  }
  .contactus-internal:nth-of-type(2) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(3) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(4) .internal-item:nth-of-type(1) .font-2,
  .contactus-internal:nth-of-type(5) .internal-item:nth-of-type(1) .font-2 {
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .factory_one_title {
    width: 100%;
    padding-top: 5.75rem;
    display: flex;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .font-125 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
    margin-bottom: 3.5rem;
  }
  .contactus-cctv .cctv-item {
    margin-bottom: 3.5rem;
  }
  .contactus-cctv .cctv-item .font-15 {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    text-align: left;
    color: #111;
  }
  .contactus-cctv .cctv-item .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
  .contactus-cctv .cctv-item:last-child {
    margin-bottom: 0;
  }
  .termsWrap {
    width: 100%;
    position: relative;
  }
  .termsWrap .termsBody .titleMid {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .termsWrap .termsBody .descTop {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    font-weight: 500;
    color: #111;
    margin: 4rem 0 3.5rem 0;
  }
  .termsWrap .termsBody .descMid {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .termsWrap .termsBody ul li {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01;
    text-align: left;
    color: #666;
  }
  .termsWrap .termsBody ul.type_01 li {
    padding-left: 1rem;
  }
  .termsWrap .termsBody dl {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    padding-left: 1rem;
  }
  .termsWrap .termsBody table {
    margin-top: 2rem;
    width: 100%;
    table-layout: fixed;
  }
  .termsWrap .termsBody table .termsItem_br {
    display: none;
  }
  .termsWrap .termsBody table thead tr {
    border-top: 0.125rem solid #111;
  }
  .termsWrap .termsBody table thead th {
    width: 50%;
    font-size: 1rem;
    font-weight: 700;
    padding: 2rem 0;
  }
  .termsWrap .termsBody table tbody {
    border-top: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td {
    text-align: center;
    padding: 1.25rem 0.46rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    border-bottom: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody table tbody td:last-child {
    border-right: none;
  }
  .termsWrap .termsBody table tbody td.tdBold {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    font-weight: 500;
    color: #666;
  }
  .termsWrap .termsBody .font-1 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01;
    text-align: left;
    color: #b8b8b8;
  }
  .termsWrap .termsBody .font-1:nth-of-type(1) {
    margin-top: 1.5rem;
  }
  .termsWrap .termsBody .termsItem {
    margin-bottom: 3.5rem;
  }
  .termsWrap .termsBody .termsItem:last-child {
    margin-bottom: 2.5rem;
  }
  .termsWrap .termsBody .termsItem .bold-line {
    border-bottom: 1px solid #111;
    color: #111;
  }
  .termsWrap .termsBody .termsItem .link-line {
    border-bottom: 1px solid #cfcfcf;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li {
    margin-left: 1rem;
    word-break: keep-all;
    position: relative;
  }
  .termsWrap .termsBody .termsItem .dot-ctn li::before {
    position: absolute;
    top: 0;
    left: 0.1rem;
    content: "∙";
  }
  .termsWrap .inputSelect {
    max-width: 20rem;
  }
}
@media (max-width: 1023px) {
  .contactus .contentsWrap .contentsBody .tabContentsWrap div.contactBox > ul {
    flex-direction: column;
    row-gap: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .contactus
    .contentsWrap
    .contentsBody
    .tabContentsWrap
    div.contactBox
    > ul
    li {
    width: 100%;
  }
  .contactus
    .contentsWrap
    .contentsBody
    .tabContentsWrap
    div.contactBox
    > ul
    li
    dl {
    flex-direction: column;
    row-gap: 1rem;
  }
  .contactus
    .contentsWrap
    .contentsBody
    .tabContentsWrap
    div.contactBox
    > ul
    li
    dl
    dd
    p
    span {
    margin-bottom: 0.5rem;
  }
}
.termsWrap .termsBody + .inputSelect {
  margin-top: 3.5rem;
}
@media (max-width: 1023px) {
  .termsWrap .termsBody + .inputSelect {
    margin-top: 2.5rem;
  }
}
.contactus-cctv .circle-line {
  position: relative;
}
.contactus-cctv .circle-line:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  content: "o";
}
.contactus-cctv .cctv-item .font-15 + div.font-1 {
  margin-top: 0;
}
.contactus-cctv .cctv-item .link-line {
  border-bottom: 1px solid #cfcfcf;
}
.contactus-cctv .cctv-item ul li {
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: -0.02px;
  text-align: left;
  color: #666;
}
.contactus-cctv .cctv-item ul.dot-ctn li {
  margin-left: 2rem;
  word-break: keep-all;
  position: relative;
}
.contactus-cctv .cctv-item ul.dot-ctn li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
}
@media (max-width: 1023px) {
  .contactus-cctv .cctv-item ul.dot-ctn li {
    margin-left: 1rem;
    word-break: keep-all;
    position: relative;
  }
  .contactus-cctv .cctv-item ul.dot-ctn li::before {
    position: absolute;
    top: 0;
    left: 0.1;
    content: "∙";
  }
  .contactus-cctv .cctv-item ul li {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    text-align: left;
    color: #666;
  }
}
.selectric-hide-select select {
  position: static;
}
@media (min-width: 1440px) {
  .customer_invest .contentsWrap {
    width: 100% !important;
  }
  .customer_error {
    display: none;
    margin-top: 0.5rem;
    font-size: 0.813rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.01px;
    color: red;
  }
  .customer_error.active {
    display: block;
  }
  .customer-email {
    display: flex;
    align-items: center;
    position: relative;
  }
  .customer-email .input-size {
    width: 13.75rem;
  }
  .customer-email .symbol_mo {
    display: none;
  }
  .customer-email .symbol {
    margin: 0 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer-email .select-size {
    margin-left: 0.5rem;
    width: 13.75rem;
  }
  .customer-email .customer_error {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
  }
  .font-b2.attach {
    margin-top: 0.813rem;
  }
  .customer-attach .item-list {
    display: flex;
    align-items: center;
  }
  .customer-attach .item-list .attach-btn input {
    display: none;
  }
  .customer-attach .item-list .attach-btn .btn-md {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 9.438rem;
    height: 3rem;
    border-radius: 4px;
    color: #fff;
    background-color: #111;
  }
  .customer-attach .item-list .txt-file-box {
    margin-left: 1rem;
  }
  .customer-attach .item-list .txt-file-box .txt-file {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer-attach .fileonly-attached {
    margin-top: 2rem;
  }
  .customer-attach .fileonly-attached .btn-ico {
    margin-bottom: 0.75rem;
    display: none;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box {
    display: flex;
    align-items: center;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
    max-width: 70.688rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box .ico {
    margin-left: 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/customer/ico_close_circle-20.png)
      no-repeat center;
    background-size: contain;
  }
  .customer-attach .fileonly-attached .btn-ico:last-child {
    margin-bottom: 0;
  }
  .customer-attach .fileonly-attached .btn-ico.active {
    display: block;
  }
  .customer-security {
    display: flex;
    align-items: center;
    position: relative;
  }
  .customer-security .input-security {
    width: 10.25rem;
  }
  .customer-security .input-security img {
    margin-top: 4px;
    width: 164px;
    height: 48px;
    border: 1px solid #d2d2d2;
    border-radius: 0.25rem;
    background-color: #f4f4f4;
  }
  .customer-security .input-security .refresh_mo {
    display: none;
  }
  .customer-security .refresh {
    margin: 0 3rem 0 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: #f4f4f4;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .customer-security .refresh .ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/customer/ico_new_refresh-24.png)
      no-repeat center;
    background-size: contain;
  }
  .customer-security .input-size {
    width: 11.75rem;
  }
  .customer-security
    .input-size
    input[type="number"]::-webkit-inner-spin-button,
  .customer-security
    .input-size
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .customer-security .customer_error {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    width: 300px;
  }
  .customer_invest-item-chk {
    margin-top: 12.5rem;
  }
  .customer_invest-item-chk .font-h4 {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.08px;
    color: #111;
  }
  .customer_invest-item-chk .customer_invest-chk-box {
    margin-top: 2.5rem;
    width: 100%;
    height: 32rem;
    overflow-y: scroll;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    padding: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b1 {
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: -0.02px;
    color: #111;
    margin-bottom: 3.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-mof {
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
    margin-bottom: 1rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #666;
    margin-bottom: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3 strong {
    color: #111;
    font-weight: 500;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3 {
    margin-bottom: 0;
  }
  .customer_invest-item-chk
    .customer_invest-chk-box
    .font-b3-list
    .font-b3:last-child {
    margin-bottom: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar {
    width: 0.35rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-thumb {
    height: 8rem;
    background: rgba(5, 5, 5, 0.1);
    border-radius: 2px;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .customer_invest-item-chk .customer_invest-chkbox {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
  }
  .customer_invest-item-chk .customer_invest-chkbox .font-b3-bold {
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .customer_invest-item-chk .customer_invest-chkbtn {
    margin-top: 5.063rem;
    display: flex;
    justify-content: end;
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .inputText.customer-datepicker .customer-datepicker-btn {
    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    background: url(/front/assets/common/images/customer/ico_calendar-20.png)
      no-repeat center;
    background-size: contain;
    overflow: hidden;
  }
  .inputText.customer-datepicker input.customer-datepicker-input {
    cursor: pointer;
  }
  .ui-datepicker {
    width: 20rem !important;
  }
}
.textarea-ctn {
  position: relative;
  display: flex;
  width: 100%;
  height: 12.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
.textarea-ctn .textarea-item {
  width: 100%;
  height: 100%;
  resize: none;
  padding: 1rem 1rem !important;
  background: #fff;
  border: 1px solid #c9cdd6;
  outline: 0;
  overflow-y: scroll;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.01px;
}
.textarea-ctn textarea::placeholder {
  color: #b8b8b8 !important;
}
.textarea-ctn textarea::-webkit-scrollbar {
  width: 0.25rem;
}
.textarea-ctn textarea::-webkit-scrollbar-thumb {
  height: 8rem;
  background: rgba(5, 5, 5, 0.1);
  border-radius: 2px;
}
.textarea-ctn textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.textarea-ctn textarea:focus {
  border: 1px solid #111;
}
.textarea-ctn.active textarea {
  border: 1px solid #111;
}
.textarea-ctn.error textarea {
  border: 1px solid red;
}
.textarea-ctn.success textarea {
  border: 1px solid #44d3e8;
}
.chkbox-item input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}
.chkbox-item input[type="checkbox"]::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  top: -1px;
  left: -1px;
  border-radius: 4px;
  transition: all 0.3s ease-out;
  cursor: pointer;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.chkbox-item input[type="checkbox"]:checked:before {
  border: 1px solid #20c85a;
  background: url(/front/assets/common/images/customer/ico_check-16.png)
    no-repeat center;
  background-size: contain;
  background-color: #fff;
}
.chkbox-item span {
  margin-left: 0.5rem;
}
@media (min-width: 1440px) {
  .innerVisualWrap .customer-main_img:nth-of-type(2) {
    display: none;
  }
  .customer-content .customer-item .h3-bold {
    font-size: 3.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.1px;
    color: #111;
  }
  .customer-content .customer-item .h6-bold {
    margin-top: 3rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list {
    width: 44.25rem;
    height: 9.813rem;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 0 3.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .customer-content
    .customer-item:nth-of-type(2)
    .item-box
    .item-list
    .h6-bold {
    margin-top: 0;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list .ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/customer/ico_arrow_right_line.png)
      no-repeat center;
    background-size: contain;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list:hover {
    border: 1px solid #111;
  }
  .customer-content
    .customer-item:nth-of-type(2)
    .item-box
    .item-list.outlink
    .ico {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url("data:image/svg+xml,%3Csvg data-name='ico_new_tab - 16' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg data-name='그룹 493507'%3E%3Cg data-name='그룹 493500'%3E%3Cg data-name='그룹 493504'%3E%3Cpath data-name='패스 871495' d='M2.842 10.13v-8.5h3.28' transform='translate(.658 2.37)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871496' d='M3.28 8.5V0H0' transform='rotate(90 1.39 10.61)' style='fill:none;stroke-linejoin:round;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3Cg data-name='그룹 493506'%3E%3Cg data-name='그룹 493505'%3E%3Cpath data-name='패스 871497' d='M11 1.253H7.5' transform='translate(2 1.747)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3Cpath data-name='패스 871498' d='M3.5 0H0' transform='rotate(-90 9.75 -3.25)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3Cpath data-name='패스 871499' d='m13.241 3.768-4 4' transform='translate(-.241 -.768)' style='fill:none;stroke:%23111;stroke-linecap:round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box:last-child {
    margin-bottom: 0;
  }
  .customer_common-content {
    width: 1440px;
  }
  .customer_common-content .customer_common-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }
  .customer_common-content .customer_common-title .h4-bold {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.08px;
    color: #111;
  }
  .customer_common-content .customer_common-title .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer_common-content .customer_common-title .font-b3 b {
    color: red;
  }
  .customer_common-content .border-1 {
    margin: 2.5rem 0 3rem 0;
    width: 90rem;
    height: 0.125rem;
    background-color: #111;
  }
  .customer_common-content .customer_common-item .customer_common-table {
    margin-bottom: 2.5rem;
    display: flex;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .font-b2 {
    width: 15.25rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .font-b2
    strong {
    color: red;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .table-item {
    width: 82.375rem;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table:nth-of-type(1)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table:nth-of-type(1)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table:nth-of-type(2)
    .font-b2 {
    margin-top: 0.875rem;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table:nth-of-type(4) {
    align-items: center;
    margin-bottom: 3rem;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table:nth-of-type(5) {
    align-items: center;
    margin-bottom: 3rem;
  }
  .customer_common-content .customer_common-item .border-2 {
    width: 90rem;
    height: 0.063rem;
    background-color: #cfcfcf;
  }
  .customer_common-content .customer_common-item .customer-subtxt {
    margin-top: 2.5rem;
  }
  .customer_common-content
    .customer_common-item
    .customer-subtxt
    .font-b3-bold {
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
    margin-bottom: 1rem;
  }
  .customer_common-content .customer_common-item .customer-subtxt .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #999;
  }
  .customer_common-content .customer_common-item .customer-subtxt .web {
    display: block;
  }
  .customer_common-content .customer_common-item .customer-subtxt .mo {
    display: none;
  }
  .customer_procure-content {
    width: 1440px;
  }
  .customer_procure-content .customer_procure-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }
  .customer_procure-content .customer_procure-title .h4-bold {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.08px;
    color: #111;
  }
  .customer_procure-content .customer_procure-title .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer_procure-content .customer_procure-title .font-b3 b {
    color: red;
  }
  .customer_procure-content .border-1 {
    margin: 2.5rem 0 3rem 0;
    width: 90rem;
    height: 0.125rem;
    background-color: #111;
  }
  .customer_procure-content .customer_procure-item .customer_procure-table {
    margin-bottom: 2.5rem;
    display: flex;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .font-b2 {
    width: 15.25rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .font-b2
    strong {
    color: red;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .table-item {
    width: 82.375rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(1)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(1)
    .table-item
    .select-size {
    width: 20rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(1)
    .table-item
    .select-size
    .selectric
    .label {
    color: #111;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(2)
    .font-b2 {
    margin-top: 0.875rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(3)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(3)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .attach.procure {
    margin-top: 0 !important;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .attach.procure
    .font-c1 {
    font-size: 0.813rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .attach.procure
    .font-c1_mo {
    display: none;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(5) {
    align-items: center;
    margin-bottom: 3rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(6) {
    align-items: center;
    margin-bottom: 3rem;
  }
  .customer_procure-content .customer_procure-item .border-2 {
    width: 90rem;
    height: 0.063rem;
    background-color: #cfcfcf;
  }
  .customer_procure-content .customer_procure-item .customer-subtxt {
    margin-top: 2.5rem;
  }
  .customer_procure-content
    .customer_procure-item
    .customer-subtxt
    .font-b3-bold {
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
    margin-bottom: 1rem;
  }
  .customer_procure-content .customer_procure-item .customer-subtxt .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #999;
  }
  .customer_procure-content .customer_procure-item .customer-subtxt .web {
    display: block;
  }
  .customer_procure-content .customer_procure-item .customer-subtxt .mo {
    display: none;
  }
  .customer_cdmo-content {
    width: 1440px;
  }
  .customer_cdmo-content .customer_cdmo-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }
  .customer_cdmo-content .customer_cdmo-title .h4-bold {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.08px;
    color: #111;
  }
  .customer_cdmo-content .customer_cdmo-title .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer_cdmo-content .customer_cdmo-title .font-b3 b {
    color: red;
  }
  .customer_cdmo-content .border-1 {
    margin: 2.5rem 0 3rem 0;
    width: 90rem;
    height: 0.125rem;
    background-color: #111;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 strong {
    color: red;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .chk-item-list {
    display: flex;
    align-items: center;
    gap: 1.5rem;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item {
    margin-top: 1.5rem;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item
    .chkbox-item
    .font-b3 {
    margin-left: 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .cdmo_en {
    flex-wrap: wrap;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item
    .cdmo_en
    .chkbox-item {
    width: 36.1rem;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item
    .cdmo_en
    .chkbox-item:nth-of-type(1) {
    width: 6.3rem;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item
    .cdmo_en
    .chkbox-item:nth-of-type(2) {
    width: 35rem;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item
    .cdmo_en
    .chkbox-item:nth-of-type(4) {
    margin-top: 0;
  }
  .customer_cdmo-content .customer_cdmo-chklist .border-2 {
    margin: 2.5rem 0;
    width: 90rem;
    height: 0.063rem;
    background-color: #cfcfcf;
  }
  .customer_cdmo-content .customer_cdmo-chklist .border-2:last-child {
    margin: 2.5rem 0 3rem 0;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table {
    margin-bottom: 2.5rem;
    display: flex;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 {
    width: 15.25rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table
    .font-b2
    strong {
    color: red;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .table-item {
    width: 82.375rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(1)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(1)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(2)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(2)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(3)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(3)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(4)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(4)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(5)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(5)
    .table-item
    .input-size {
    width: 36.625rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(6)
    .font-b2 {
    margin-top: 0.875rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(7)
    .attach
    .font-c1 {
    font-size: 0.813rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(8) {
    align-items: center;
    margin-bottom: 3rem;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table:nth-of-type(9) {
    align-items: center;
    margin-bottom: 3rem;
  }
  .customer_cdmo-content .customer_cdmo-item .border-2 {
    width: 90rem;
    height: 0.063rem;
    background-color: #cfcfcf;
  }
  .customer_report-content {
    width: 1440px;
  }
  .customer_report-content .customer_report-title {
    display: flex;
    align-items: end;
    justify-content: space-between;
  }
  .customer_report-content .customer_report-title .h4-bold {
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.08px;
    color: #111;
  }
  .customer_report-content .customer_report-title .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer_report-content .customer_report-title .font-b3 b {
    color: red;
  }
  .customer_report-content .border-1 {
    margin: 2.5rem 0 3rem 0;
    width: 90rem;
    height: 0.125rem;
    background-color: #111;
  }
  .customer_report-content .customer_report-item .customer_report-table {
    margin-bottom: 2.5rem;
    display: flex;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2 {
    width: 15.25rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2
    strong {
    color: red;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2_mo {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .table-item {
    width: 82.375rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(1)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(1)
    .table-item
    .select-size
    .selectric
    .label {
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(2)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(3)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .customer-datepicker {
    width: 20rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(5)
    .font-b2 {
    margin-top: 0.713rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(6)
    .font-b2 {
    margin-top: 0.875rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(7)
    .font-b2 {
    margin-top: 0.875rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(8) {
    align-items: center;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(8)
    .tel_mob {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(9) {
    align-items: center;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(10)
    .attach
    .font-c1 {
    font-size: 0.813rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(11) {
    margin-bottom: 2rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(11)
    .font-b2 {
    margin-top: 0.875rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(12) {
    margin-bottom: 3rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(12)
    .customer_report-mail
    .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer_report-content .customer_report-item .border-2 {
    width: 90rem;
    height: 0.063rem;
    background-color: #cfcfcf;
  }
}
@media (max-width: 767px) {
  .customer_wrap {
    padding: 0 0 11.25rem 0 !important;
  }
  .innerVisualWrap .customer-main_img:nth-of-type(1) {
    display: none;
  }
  .customer_invest .contentsWrap {
    max-width: 767px;
    padding: 3rem 0 0 0 !important;
  }
  .customer-content {
    margin: 0 auto;
  }
  .customer-content .customer-item:nth-of-type(1) .h3-bold {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .customer-content .customer-item:nth-of-type(1) .h6-bold {
    margin-top: 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list {
    width: 100%;
    height: 5.813rem;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 0 2rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .customer-content
    .customer-item:nth-of-type(2)
    .item-box
    .item-list
    .h6-bold {
    margin-top: 0;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list .ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/customer/ico_arrow_right_line.png)
      no-repeat center;
    background-size: contain;
  }
  .customer_common-content {
    margin-top: 2.5rem !important;
  }
  .customer_common-content .customer_common-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_common-content .customer_common-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_common-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .font-b2
    strong {
    color: red;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_common-content .customer_common-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_procure-content {
    margin-top: 2.5rem !important;
  }
  .customer_procure-content .customer_procure-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_procure-content .customer_procure-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_procure-content .customer_procure-title .font-b3 b {
    color: red;
  }
  .customer_procure-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .font-b2
    strong {
    color: red;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_procure-content
    .customer_procure-item
    .inputSelect.select-size
    select {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_procure-content
    .customer_procure-item
    .inputSelect.select-size
    .selectric
    .label {
    color: #111;
  }
  .customer_procure-content .customer_procure-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .font-b2.attach {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .font-b2.attach
    .font-c1 {
    display: none;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .font-b2.attach
    .font-c1_mo {
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_cdmo-content {
    margin-top: 2.5rem !important;
  }
  .customer_cdmo-content .customer_cdmo-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_cdmo-content .customer_cdmo-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_cdmo-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 {
    width: 100%;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 strong {
    color: red;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_cdmo-content .customer_cdmo-chklist .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 2rem 0;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item.chk-item-ctn
    .chk-item-list
    .chkbox-item {
    margin-bottom: 1rem;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo {
    display: flex;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo label {
    width: 1.5rem;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table
    .font-b2
    strong {
    color: red;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_cdmo-content .customer_cdmo-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_report-content {
    margin-top: 2.5rem !important;
  }
  .customer_report-content .customer_report-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_report-content .customer_report-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_report-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2
    strong {
    color: red;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2_mo {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2_mo
    strong {
    color: red;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_report-content
    .customer_report-item
    .inputSelect.select-size
    select {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .inputSelect.select-size
    .selectric
    .label {
    color: #111;
  }
  .customer_report-content .customer_report-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(2)
    .textarea-ctn
    textarea::-webkit-scrollbar-thumb,
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(3)
    .textarea-ctn
    textarea::-webkit-scrollbar-thumb {
    height: 4rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(5)
    .textarea-ctn {
    height: 7.5rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(5)
    .textarea-ctn
    textarea::-webkit-scrollbar-thumb {
    height: 4rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker {
    width: 100%;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker
    .ui-datepicker {
    margin-left: 100px;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker
    .customer-datepicker-btn {
    display: block;
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    background: url(/front/assets/common/images/customer/ico_calendar-20.png)
      no-repeat center;
    background-size: contain;
    overflow: hidden;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker
    input.customer-datepicker-input {
    cursor: pointer;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(6)
    .font-b2
    br {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(8)
    .font-b2
    br {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(9)
    .font-b2
    br {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(11)
    .customer_report-mail {
    margin-top: 1rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(11)
    .customer_report-mail
    .font-b3 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(12)
    .customer_report-mail
    .font-b3 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer-subtxt .font-b3-bold {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer-subtxt .font-b3 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer-subtxt .web {
    display: none;
  }
  .customer-subtxt .mo {
    display: block;
  }
  .customer_invest-item-chk {
    margin-top: 5rem;
  }
  .customer_invest-item-chk .font-h4 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .customer_invest-item-chk .customer_invest-chk-box {
    margin-top: 1.5rem;
    width: 100%;
    height: 16.875rem;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    padding: 1.5rem;
    overflow-y: scroll;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #111;
    margin-bottom: 3.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-mof {
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    margin-bottom: 1rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    margin-bottom: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3 strong {
    color: #111;
    font-weight: 500;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3 {
    margin-bottom: 0;
  }
  .customer_invest-item-chk
    .customer_invest-chk-box
    .font-b3-list
    .font-b3:last-child {
    margin-bottom: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar {
    width: 0.35rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-thumb {
    height: 8rem;
    background: rgba(5, 5, 5, 0.1);
    border-radius: 2px;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .customer_invest-item-chk .customer_invest-chkbox {
    margin-top: 1rem;
    display: flex;
    align-items: center;
  }
  .customer_invest-item-chk .customer_invest-chkbox .font-b3-bold {
    font-size: 0.875rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_invest-item-chk .customer_invest-chkbox .chkbox-item span {
    margin-left: 0.25rem;
  }
  .customer_invest-item-chk .customer_invest-chkbtn {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .customer_invest-item-chk .customer_invest-chkbtn .btnSmall {
    width: 50%;
    height: 3rem;
  }
  .table-item.customer-email .inputText.input-size:nth-of-type(1) {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
  }
  .table-item.customer-email .inputText.input-size:nth-of-type(1) .symbol_mo {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    width: 2rem;
    text-align: right;
    margin-right: 0.5rem;
  }
  .table-item.customer-email .symbol {
    display: none;
  }
  .table-item.customer-email .inputSelect.select-size {
    margin-top: 0.75rem;
  }
  .table-item.customer-email .inputSelect.select-size select {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .table-item.customer-security .input-security {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
  }
  .table-item.customer-security .input-security img {
    width: 164px;
    height: 48px;
  }
  .table-item.customer-security .input-security .refresh_mo-btn {
    margin-left: 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: #f4f4f4;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .table-item.customer-security .input-security .refresh_mo-btn .ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/customer/ico_new_refresh-24.png)
      no-repeat center;
    background-size: contain;
  }
  .table-item.customer-security
    .input-size
    input[type="number"]::-webkit-inner-spin-button,
  .table-item.customer-security
    .input-size
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .table-item.customer-security .refresh {
    display: none;
  }
  .table-item.customer-security .customer_error {
    width: 300px;
  }
  .customer-attach .item-list {
    width: 100%;
  }
  .customer-attach .item-list .attach-btn {
    width: 100%;
    margin-bottom: 1rem;
  }
  .customer-attach .item-list .attach-btn input {
    display: none;
  }
  .customer-attach .item-list .attach-btn .btn-md {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100% !important;
    height: 3rem;
    border-radius: 4px;
    color: #fff;
    background-color: #111;
  }
  .customer-attach .item-list .txt-file-box .txt-file {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer-attach .fileonly-attached {
    margin-top: 1rem;
  }
  .customer-attach .fileonly-attached .btn-ico {
    display: none;
    margin-bottom: 0.5rem;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box {
    display: flex;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box .font-b3 {
    max-width: 15.688rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box .ico {
    margin: 0.075rem 0 0 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/customer/ico_close_circle-20.png)
      no-repeat center;
    background-size: contain;
  }
  .customer-attach .fileonly-attached .btn-ico:last-child {
    margin-bottom: 0;
  }
  .customer-attach .fileonly-attached .btn-ico.active {
    display: block;
  }
  .customer_error {
    display: none;
    margin-top: 0.5rem;
    font-size: 0.813rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.01px;
    color: red;
  }
  .customer_error.active {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .innerVisualWrap .customer-main_img:nth-of-type(2) {
    display: none;
  }
  .customer_invest .contentsWrap {
    max-width: 1439px;
  }
  .customer_invest .contentsWrap .contentsBody {
    margin: 0 4.5rem;
  }
  .customer-content {
    margin: 0 auto;
  }
  .customer-content .customer-item .h3-bold {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .customer-content .customer-item .h6-bold {
    margin-top: 1.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list {
    width: 50%;
    height: 8.813rem;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .customer-content
    .customer-item:nth-of-type(2)
    .item-box
    .item-list
    .h6-bold {
    margin-top: 0;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list .ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/customer/ico_arrow_right_line.png)
      no-repeat center;
    background-size: contain;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box .item-list.active {
    border: 1px solid #111;
  }
  .customer-content .customer-item:nth-of-type(2) .item-box:last-child {
    margin-bottom: 0;
  }
  .customer_common-content {
    margin-top: 2.5rem !important;
  }
  .customer_common-content .customer_common-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_common-content .customer_common-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_common-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .font-b2
    strong {
    color: red;
  }
  .customer_common-content
    .customer_common-item
    .customer_common-table
    .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_common-content .customer_common-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_procure-content {
    margin-top: 2.5rem !important;
  }
  .customer_procure-content .customer_procure-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_procure-content .customer_procure-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_procure-content .customer_procure-title .font-b3 b {
    color: red;
  }
  .customer_procure-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .font-b2
    strong {
    color: red;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table
    .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_procure-content
    .customer_procure-item
    .inputSelect.select-size
    select {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_procure-content
    .customer_procure-item
    .inputSelect.select-size
    .selectric
    .label {
    color: #111;
  }
  .customer_procure-content .customer_procure-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .font-b2.attach {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .font-b2.attach
    .font-c1 {
    display: none;
  }
  .customer_procure-content
    .customer_procure-item
    .customer_procure-table:nth-of-type(4)
    .font-b2.attach
    .font-c1_mo {
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_cdmo-content {
    margin-top: 2.5rem !important;
  }
  .customer_cdmo-content .customer_cdmo-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_cdmo-content .customer_cdmo-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_cdmo-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 {
    width: 100%;
    margin-bottom: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .font-b2 strong {
    color: red;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-item .chkbox-item {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer_cdmo-content .customer_cdmo-chklist .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 2rem 0;
  }
  .customer_cdmo-content
    .customer_cdmo-chklist
    .chk-item.chk-item-ctn
    .chk-item-list
    .chkbox-item {
    margin-bottom: 1rem;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo {
    display: flex;
  }
  .customer_cdmo-content .customer_cdmo-chklist .chk-list_mo label {
    width: 1.5rem;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_cdmo-content
    .customer_cdmo-item
    .customer_cdmo-table
    .font-b2
    strong {
    color: red;
  }
  .customer_cdmo-content .customer_cdmo-item .customer_cdmo-table .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_cdmo-content .customer_cdmo-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_report-content {
    margin-top: 2.5rem !important;
  }
  .customer_report-content .customer_report-title .h4-bold {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .customer_report-content .customer_report-title .font-b3 {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .customer_report-content .border-1 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    margin: 1.5rem 0 2.5rem 0;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2 {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2
    strong {
    color: red;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2_mo {
    width: 100%;
    margin-bottom: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .font-b2_mo
    strong {
    color: red;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table
    .table-item {
    width: 100%;
    margin-bottom: 2rem;
  }
  .customer_report-content
    .customer_report-item
    .inputSelect.select-size
    select {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .inputSelect.select-size
    .selectric
    .label {
    color: #111;
  }
  .customer_report-content .customer_report-item .border-2 {
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
    margin: 0.5rem 0 2rem 0;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(2)
    .textarea-ctn
    .textarea-item,
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(3)
    .textarea-ctn
    .textarea-item {
    padding: 0.8rem 1rem !important;
    overflow-y: hidden;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(5)
    .textarea-ctn {
    height: 3rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(5)
    .textarea-ctn
    .textarea-item {
    padding: 0.8rem 1rem !important;
    overflow-y: hidden;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker {
    width: 100%;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker
    .ui-datepicker {
    margin-left: 100px;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker
    .customer-datepicker-btn {
    display: block;
    position: absolute;
    top: 0.875rem;
    right: 0.875rem;
    cursor: pointer;
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0;
    line-height: 0;
    background: url(/front/assets/common/images/customer/ico_calendar-20.png)
      no-repeat center;
    background-size: contain;
    overflow: hidden;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(4)
    .table-item
    .inputText.customer-datepicker
    input.customer-datepicker-input {
    cursor: pointer;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(6)
    .font-b2
    br {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(8)
    .font-b2
    br {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(9)
    .font-b2
    br {
    display: none;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(11)
    .customer_report-mail {
    margin-top: 1.5rem;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(11)
    .customer_report-mail
    .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer_report-content
    .customer_report-item
    .customer_report-table:nth-of-type(12)
    .customer_report-mail
    .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer-subtxt .font-b3-bold {
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer-subtxt .font-b3 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
  }
  .customer-subtxt .web {
    display: block;
  }
  .customer-subtxt .mo {
    display: none;
  }
  .customer_invest-item-chk {
    margin-top: 5rem;
  }
  .customer_invest-item-chk .font-h4 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .customer_invest-item-chk .customer_invest-chk-box {
    margin-top: 2rem;
    width: 100%;
    height: 18rem;
    border: 1px solid #b8b8b8;
    border-radius: 4px;
    padding: 2.5rem;
    overflow-y: scroll;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b1 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #111;
    margin-bottom: 3.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-mof {
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    margin-bottom: 1rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3 {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #666;
    margin-bottom: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3 strong {
    color: #111;
    font-weight: 500;
  }
  .customer_invest-item-chk .customer_invest-chk-box .font-b3-list .font-b3 {
    margin-bottom: 0;
  }
  .customer_invest-item-chk
    .customer_invest-chk-box
    .font-b3-list
    .font-b3:last-child {
    margin-bottom: 2.5rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar {
    width: 0.35rem;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-thumb {
    height: 8rem;
    background: rgba(5, 5, 5, 0.1);
    border-radius: 2px;
  }
  .customer_invest-item-chk .customer_invest-chk-box::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .customer_invest-item-chk .customer_invest-chkbox {
    margin-top: 1rem;
    display: flex;
    align-items: center;
  }
  .customer_invest-item-chk .customer_invest-chkbox .font-b3-bold {
    font-size: 0.875rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .customer_invest-item-chk .customer_invest-chkbox .chkbox-item span {
    margin-left: 0.25rem;
  }
  .customer_invest-item-chk .customer_invest-chkbtn {
    margin-top: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
  }
  .customer_invest-item-chk .customer_invest-chkbtn .btnSmall {
    width: 50%;
    height: 3rem;
  }
  .table-item.customer-email .inputText.input-size:nth-of-type(1) {
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
  }
  .table-item.customer-email .inputText.input-size:nth-of-type(1) .symbol_mo {
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    width: 2rem;
    text-align: right;
    margin-right: 0.5rem;
  }
  .table-item.customer-email .symbol {
    display: none;
  }
  .table-item.customer-email .inputSelect.select-size {
    margin-top: 0.75rem;
  }
  .table-item.customer-email .inputSelect.select-size select {
    font-size: 0.875rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #111;
  }
  .table-item.customer-security {
    display: flex;
    align-items: center;
    position: relative;
  }
  .table-item.customer-security .input-security {
    width: 10.25rem;
  }
  .table-item.customer-security .input-security img {
    margin-top: 4px;
    width: 164px;
    height: 48px;
  }
  .table-item.customer-security .input-security .refresh_mo {
    display: none;
  }
  .table-item.customer-security .refresh {
    margin: 0 3rem 0 0.5rem;
    width: 3rem;
    height: 3rem;
    background-color: #f4f4f4;
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .table-item.customer-security .refresh .ico {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/customer/ico_new_refresh-24.png)
      no-repeat center;
    background-size: contain;
  }
  .table-item.customer-security .input-size {
    width: 11.75rem;
  }
  .table-item.customer-security
    .input-size
    input[type="number"]::-webkit-inner-spin-button,
  .table-item.customer-security
    .input-size
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .table-item.customer-security .customer_error {
    position: absolute;
    bottom: -1.5rem;
    left: 0;
    width: 300px;
  }
  .customer-attach .item-list {
    width: 100%;
  }
  .customer-attach .item-list .attach-btn {
    width: 100%;
    margin-bottom: 1rem;
  }
  .customer-attach .item-list .attach-btn input {
    display: none;
  }
  .customer-attach .item-list .attach-btn .btn-md {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 100% !important;
    height: 3rem;
    border-radius: 4px;
    color: #fff;
    background-color: #111;
  }
  .customer-attach .item-list .txt-file-box {
    margin-left: 1rem;
  }
  .customer-attach .item-list .txt-file-box .txt-file {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .customer-attach .fileonly-attached {
    margin-top: 2rem;
  }
  .customer-attach .fileonly-attached .btn-ico {
    display: none;
    margin-bottom: 0.75rem;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box {
    display: flex;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box .font-b3 {
    max-width: 31.688rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .customer-attach .fileonly-attached .btn-ico .attach_file-box .ico {
    margin: 0.075rem 0 0 0.5rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/customer/ico_close_circle-20.png)
      no-repeat center;
    background-size: contain;
  }
  .customer-attach .fileonly-attached .btn-ico:last-child {
    margin-bottom: 0;
  }
  .customer-attach .fileonly-attached .btn-ico.active {
    display: block;
  }
  .customer_error {
    display: none;
    margin-top: 0.5rem;
    font-size: 0.813rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: -0.01px;
    color: red;
  }
  .customer_error.active {
    display: block;
  }
}
.cpnt_esg_kv.environment .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv.weather .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_weather.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv.governance .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_governance.png)
      no-repeat center bottom/cover;
}
.cpnt_esg_kv.governance .innerBox .summary {
  max-width: 52.5rem;
  width: 100%;
}
.cpnt_esg_kv .innerBox {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: 43.75rem;
  overflow: hidden;
  padding: 0 10%;
  gap: 10%;
  border-radius: 30px;
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv .innerBox .summary {
  flex: 1;
  width: 40%;
  color: #fff;
}
.cpnt_esg_kv .innerBox .summary .heading {
  display: block;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #20c85a;
}
.cpnt_esg_kv .innerBox .summary p {
  display: block;
  margin-top: 1.5rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.4;
  color: inherit;
  word-break: keep-all;
}
.cpnt_esg_kv .innerBox .conts {
  flex-shrink: 0;
  flex-basis: 30%;
  min-width: 21rem;
  color: #fff;
}
.cpnt_esg_kv .innerBox .conts strong {
  display: block;
  padding: 0 0 1.5rem 0;
  border-bottom: solid 0.125rem #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts strong ~ strong {
  margin-top: 5rem;
}
.cpnt_esg_kv .innerBox .conts dl.t1 {
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts dl.t1 div {
  display: flex;
  line-height: 2.375rem;
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts dl.t1 dt {
  padding: 0.438rem 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.24px;
  color: #d2d2d2;
}
.cpnt_esg_kv .innerBox .conts dl.t1 dd {
  margin-left: 1.25rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts dl.t2 {
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts dl.t2 div {
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts dl.t2 dt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
  color: inherit;
}
.cpnt_esg_kv .innerBox .conts dl.t2 dd {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.32px;
  color: #d2d2d2;
}
.cpnt_esg_kv .innerBox .conts dl {
  padding: 1.5rem 0 0 0;
}
.cpnt_esg_kv .innerBox .conts dl + dl {
  margin-top: 5rem;
}
.cpnt_esg_kv .innerBox .conts dl div + div {
  margin-top: 0.75rem;
}
@media (max-width: 1023px) {
  .cpnt_esg_kv .innerBox {
    display: block;
    height: auto;
    min-height: 33.75rem;
    padding: 3.375rem 1.875rem;
  }
  .cpnt_esg_kv .innerBox .summary {
    width: initial;
    min-width: initial;
  }
  .cpnt_esg_kv .innerBox .summary .heading {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv .innerBox .summary p {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv .innerBox .conts {
    width: initial;
    min-width: initial;
  }
  .cpnt_esg_kv .innerBox .conts strong,
  .cpnt_esg_kv .innerBox .conts strong ~ strong {
    margin-top: 2.5rem;
    font-size: 1.25rem;
  }
  .cpnt_esg_kv .innerBox .conts dl.t1 div + div {
    margin-top: 0;
  }
  .cpnt_esg_kv .innerBox .conts dl.t1 dt {
    font-size: 1rem;
  }
  .cpnt_esg_kv .innerBox .conts dl.t1 dd {
    font-size: 1.5rem;
  }
  .cpnt_esg_kv .innerBox .conts dl.t2 dd {
    margin-top: 0;
  }
  .cpnt_esg_kv.governance .innerBox {
    background:
      linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
      url(/front/assets/common/images/esg/img_sub_esg_visual_governance_mo.png)
        no-repeat center bottom/cover;
  }
}
.cpnt_esg_kv2 .innerBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 43.75rem;
  overflow: hidden;
  padding: 0 10%;
  border-radius: 30px;
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_society3.png)
    no-repeat center center/cover;
}
.cpnt_esg_kv2 .innerBox .summary {
  width: 37.5rem;
  text-align: left;
  color: #fff;
}
.cpnt_esg_kv2 .innerBox .summary .heading {
  display: block;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #20c85a;
}
.cpnt_esg_kv2 .innerBox .summary p {
  display: block;
  margin-top: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  color: inherit;
  word-break: keep-all;
}
.cpnt_esg_kv2 .innerBox .conts {
  min-width: 37.5rem;
  margin-top: 5.125rem;
  text-align: left;
  color: #fff;
}
.cpnt_esg_kv2 .innerBox .conts dl {
  color: inherit;
}
.cpnt_esg_kv2 .innerBox .conts dl dt {
  padding: 0 0 1.563rem 0;
  border-bottom: solid 0.125rem #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.01px;
  color: inherit;
}
.cpnt_esg_kv2 .innerBox .conts dl dd {
  margin-top: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: inherit;
}
@media (max-width: 1023px) {
  .cpnt_esg_kv2 .innerBox {
    display: block;
    height: auto;
    padding: 3.375rem 1.875rem;
  }
  .cpnt_esg_kv2 .innerBox .summary {
    width: initial;
    min-width: initial;
  }
  .cpnt_esg_kv2 .innerBox .summary .heading {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv2 .innerBox .summary p {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_kv2 .innerBox .conts {
    width: initial;
    min-width: initial;
    margin-top: 4.438rem;
  }
  .cpnt_esg_kv2 .innerBox .conts dl dt {
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv2 .innerBox .conts dl dd {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
}
.cpnt_esg_kv4 .innerBox {
  padding: 5.5rem 6.125rem 5.688rem 7.625rem;
  border-radius: 30px;
}
.cpnt_esg_kv4.environment .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv4 .summary {
  display: flex;
  justify-content: space-between;
}
.cpnt_esg_kv4 .summary .heading {
  margin-top: -0.5rem;
  padding-right: 3rem;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01px;
  color: #20c85a;
}
.cpnt_esg_kv4 .summary p {
  width: 39.625rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #fff;
}
.cpnt_esg_kv4 .conts {
  margin-top: 4.938rem;
}
.cpnt_esg_kv4 .conts ul {
  display: flex;
  justify-content: center;
}
.cpnt_esg_kv4 .conts ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 17.5rem;
  height: 7.5rem;
  border-radius: 60px;
  background-color: #20c85a;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.05px;
  text-align: center;
  color: #fff;
}
.cpnt_esg_kv4 .conts ul li + li {
  background-color: #399afe;
  margin-left: -2.75rem;
}
.cpnt_esg_kv4 .conts > span {
  display: block;
  width: 13.25rem;
  height: 5.5rem;
  margin: -0.8rem auto 0 auto;
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_kv4 .conts > strong {
  display: block;
  margin-top: 2.524rem;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  color: #fff;
}
@media (max-width: 1023px) {
  .cpnt_esg_kv4 .innerBox {
    padding: 3.75rem 1.875rem;
  }
  .cpnt_esg_kv4 .summary {
    display: block;
  }
  .cpnt_esg_kv4 .summary .heading {
    margin-top: 0;
    padding-right: 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv4 .summary p {
    width: 100%;
    margin-top: 1rem;
    font-size: 1rem;
  }
  .cpnt_esg_kv4 .conts {
    margin-top: 6.25rem;
  }
  .cpnt_esg_kv4 .conts ul {
    display: flex;
    justify-content: center;
  }
  .cpnt_esg_kv4 .conts ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52%;
    height: 5rem;
    border-radius: 40px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv4 .conts ul li + li {
    background-color: #399afe;
    margin-left: -2.75rem;
  }
  .cpnt_esg_kv4 .conts > span {
    width: 9.702rem;
    height: 6.538rem;
    margin: -1.8rem auto 0 auto;
    background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png)
      no-repeat center center/100% auto;
  }
  .cpnt_esg_kv4 .conts > strong {
    margin-top: 2.5rem;
    font-size: 1.5rem;
    font-weight: 700;
  }
}
.cpnt_esg_kv5 .innerBox {
  padding: 5.5rem 6.125rem 5.688rem 7.625rem;
  border-radius: 30px;
}
.cpnt_esg_kv5.weather .innerBox {
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_weather.png)
    no-repeat center center/cover;
}
.cpnt_esg_kv5 .summary {
  display: flex;
  justify-content: space-between;
}
.cpnt_esg_kv5 .summary .heading {
  margin-top: -0.25rem;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.01px;
  color: #20c85a;
}
.cpnt_esg_kv5 .summary p {
  width: 60%;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #fff;
  word-break: keep-all;
}
.cpnt_esg_kv5 .conts {
  margin-top: 8.688rem;
  margin-left: 40%;
}
.cpnt_esg_kv5 .conts strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  text-align: left;
  color: #fff;
}
.cpnt_esg_kv5 .conts ul {
  display: flex;
  justify-content: left;
  margin-top: 2.5rem;
}
.cpnt_esg_kv5 .conts ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.75rem;
  height: 10.5rem;
  padding: 0 0.5rem;
  border-radius: 86px;
  background-color: #20c85a;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  text-align: center;
  color: #fff;
  word-break: keep-all;
}
.cpnt_esg_kv5 .conts ul li + li {
  margin-left: -1.5rem;
}
.cpnt_esg_kv5 .conts ul li:nth-child(even) {
  border: 1px solid #fff;
  background-color: transparent;
}
html.en .cpnt_esg_kv5 .innerBox .conts ul li {
  padding: 0 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.05px;
}
.cpnt_esg_kv5 .btn_glink_line {
  width: 35%;
  bottom: 3.5rem;
  border-color: #fff;
  color: #fff;
  padding-right: 3%;
}
@media (max-width: 1300px) {
  .cpnt_esg_kv5 .conts ul li {
    width: 9rem;
    height: 9rem;
  }
}
@media (max-width: 1140px) {
  .cpnt_esg_kv5 .conts ul li {
    width: 8.2rem;
    height: 8.2rem;
  }
}
@media (max-width: 1023px) {
  .cpnt_esg_kv5 .innerBox {
    padding: 3.75rem 1.875rem 3rem;
  }
  .cpnt_esg_kv5 .summary {
    display: block;
  }
  .cpnt_esg_kv5 .summary .heading {
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv5 .summary p {
    width: 100%;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5;
  }
  .cpnt_esg_kv5 .conts {
    margin-top: 4rem;
    margin-left: 0;
  }
  .cpnt_esg_kv5 .conts strong {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_kv5 .conts ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 17rem;
    margin-top: 1.5rem;
  }
  .cpnt_esg_kv5 .conts ul li {
    flex-shrink: 0;
    flex-basis: 8.75rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 70px;
    font-size: 0.875rem;
    line-height: 1.29;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_kv5 .conts ul li + li {
    margin-left: 0;
  }
  .cpnt_esg_kv5 .conts ul li:nth-child(1) {
    z-index: 5;
  }
  .cpnt_esg_kv5 .conts ul li:nth-child(2) {
    margin-left: -1.25rem;
    border: 1px solid #fff;
    background-color: transparent;
    margin-left: -1.25rem;
  }
  .cpnt_esg_kv5 .conts ul li:nth-child(3) {
    margin-top: -1.25rem;
    border: 1px solid #fff;
    background-color: transparent;
  }
  .cpnt_esg_kv5 .conts ul li:nth-child(4) {
    z-index: 5;
    margin-top: -1.25rem;
    margin-left: -1.25rem;
    border: 0 solid #fff;
    background-color: #20c85a;
  }
  html.en .cpnt_esg_kv5 .innerBox .conts ul li {
    font-size: 0.875rem;
  }
  .cpnt_esg_kv5 .btn_glink_line {
    width: 100%;
    bottom: 0;
    margin-top: 4.188rem;
  }
}
.cpnt_esg_kv3.society1 .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_society3.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv3.society2 .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_society2.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv3.society2 div.innerBox .heading {
  color: #fff;
}
.cpnt_esg_kv3.society2 div.innerBox .heading b {
  color: #20c85a;
}
.cpnt_esg_kv3.governance1 .innerBox {
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_governance.png)
    no-repeat center center/cover;
}
.cpnt_esg_kv3.governance2 .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_governance2.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv3.governance3 .innerBox {
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_governance3.png)
      no-repeat center center/cover;
}
.cpnt_esg_kv3.governance3 .innerBox .cpnt_tooltip {
  min-width: 19.938rem;
}
.cpnt_esg_kv3 .innerBox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 43.75rem;
  overflow: hidden;
  padding: 0 10%;
  border-radius: 30px;
}
.cpnt_esg_kv3 .innerBox .summary {
  width: 40.5rem;
  padding-right: 3rem;
  text-align: left;
  color: #fff;
}
.cpnt_esg_kv3 .innerBox .summary .heading {
  display: block;
  font-size: 3.125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #20c85a;
}
.cpnt_esg_kv3 .innerBox .summary p {
  display: block;
  margin-top: 1.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: inherit;
  word-break: keep-all;
}
.cpnt_esg_kv3 .innerBox .summary .btn_link {
  display: inline-flex;
  align-items: center;
  height: 3rem;
  position: relative;
  margin-top: 2.5rem;
  padding: 0 3.375rem 0 1.875rem;
  padding: 0 1.875rem;
  border-radius: 4px;
  background-color: #111;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
}
.cpnt_esg_kv3 .innerBox .summary .btn_down {
  display: inline-flex;
  align-items: center;
  max-width: 19.938rem;
  width: 100%;
  height: 3rem;
  position: relative;
  margin-top: 2.5rem;
  padding: 0 3.375rem 0 1.875rem;
  border-radius: 4px;
  background-color: #111;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
  word-break: keep-all;
}
.cpnt_esg_kv3 .innerBox .summary .btn_down::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20_white.png)
    no-repeat left top/100% auto;
}
.cpnt_esg_kv3 .innerBox .summary > ul {
  margin-top: 3.875rem;
  padding-right: 0.6rem;
  text-align: left;
}
.cpnt_esg_kv3 .innerBox .summary > ul::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
.cpnt_esg_kv3 .innerBox .summary > ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  border-radius: 50%;
  border: 1px solid #fff;
  vertical-align: top;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.05px;
  color: #fff;
}
html.en .cpnt_esg_kv3 .innerBox .summary ul li {
  padding: 0 0.75rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.05px;
}
.cpnt_esg_kv3 .innerBox .summary > ul > li + li {
  margin-left: -0.9rem;
}
.cpnt_esg_kv3 .innerBox .summary > ul > li:nth-child(1) {
  z-index: 10;
  border-color: #20c85a;
  background-color: #20c85a;
}
.cpnt_esg_kv3 .innerBox .summary > ul > li:nth-child(2) {
  z-index: 9;
}
.cpnt_esg_kv3 .innerBox .summary > ul > li:nth-child(3) {
  z-index: 8;
}
.cpnt_esg_kv3 .innerBox .summary p span {
  font-weight: 400;
  font-size: 1rem;
}
.cpnt_esg_kv3 .innerBox .conts {
  flex-shrink: 0;
  flex-basis: 22.875rem;
  min-width: 16rem;
  text-align: left;
  color: #fff;
}
.cpnt_esg_kv3 .innerBox .conts .btnList > * + * {
  margin-top: 3rem;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .cpnt_esg_kv3 .innerBox {
    padding: 0 6%;
  }
  .cpnt_esg_kv3 .innerBox .conts {
    flex-basis: 16rem;
    min-width: 16rem;
  }
}
@media (max-width: 1023px) {
  .cpnt_esg_kv3.v2 .innerBox {
    padding-top: 3.75rem;
  }
  .cpnt_esg_kv3 .innerBox {
    display: block;
    height: auto;
    padding: 3.375rem 1.875rem;
  }
  .cpnt_esg_kv3 .innerBox .summary {
    width: initial;
    min-width: initial;
    padding-right: 0;
  }
  .cpnt_esg_kv3 .innerBox .summary .heading {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv3 .innerBox .summary p {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_kv3 .innerBox .summary p br {
    display: none;
  }
  .cpnt_esg_kv3 .innerBox .summary .btn_down,
  .cpnt_esg_kv3 .innerBox .summary .btn_link {
    max-width: 100%;
    width: 100%;
  }
  .cpnt_esg_kv3 .innerBox .summary > ul {
    margin-top: 2.5rem;
    margin-right: -0.75rem;
    padding-right: 0.6rem;
  }
  .cpnt_esg_kv3 .innerBox .summary > ul > li {
    width: 8.75rem;
    height: 8.75rem;
    font-size: 0.875rem;
    line-height: 1.29;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_kv3 .innerBox .summary > ul > li + li {
    margin-left: -1.2rem;
  }
  .cpnt_esg_kv3 .innerBox .conts {
    width: initial;
    min-width: initial;
    margin-top: 8.375rem;
  }
  .cpnt_esg_kv3 .innerBox .conts dl dt {
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_kv3 .innerBox .conts dl dd {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_kv3 .innerBox .conts .btnList > * {
    max-width: 100%;
  }
  html.en .cpnt_esg_kv3 .innerBox .summary ul li {
    font-size: 0.875rem;
  }
  .cpnt_esg_kv3.governance3 .innerBox .cpnt_tooltip {
    height: 10.375rem;
    min-width: initial;
    width: calc(100% - 3.75rem);
  }
}
.cpnt_esg_visual .innerBox {
  width: 100%;
  height: 43.75rem;
  overflow: hidden;
  border-radius: 30px;
  background-blend-mode: overlay;
  mix-blend-mode: overlay;
}
.cpnt_esg_visual.environment .innerBox {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: relative;
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_environment.png)
      no-repeat center center/cover;
}
.cpnt_esg_visual.environment .innerBox > p {
  position: relative;
  padding: 0 1.5rem 0 3rem;
  font-size: 3.124rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
  word-break: keep-all;
  color: #fff;
}
.cpnt_esg_visual.environment .innerBox > p b {
  color: #20c85a;
}
.cpnt_esg_visual.environment .conts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4rem 3rem 4rem 1.5rem;
}
.cpnt_esg_visual.environment .conts ul {
  text-align: center;
  padding-top: 3rem;
}
.cpnt_esg_visual.environment .conts ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 11.25rem;
  height: 11.25rem;
  position: relative;
  margin-top: -3rem;
  border-radius: 50%;
  vertical-align: top;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.05px;
  color: #fff;
}
.cpnt_esg_visual.environment .conts ul li + li {
  margin-left: -0.7rem;
}
.cpnt_esg_visual.environment .conts ul li:nth-child(1) {
  z-index: 10;
  background-color: #20c85a;
}
.cpnt_esg_visual.environment .conts ul li:nth-child(2) {
  z-index: 9;
  background-color: #4a78ff;
}
.cpnt_esg_visual.environment .conts ul li:nth-child(3) {
  z-index: 8;
  background-color: #44d3e8;
}
.cpnt_esg_visual.environment .conts span {
  display: block;
  width: 13.25rem;
  height: 5.5rem;
  margin: -0.3rem auto 0 auto;
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_visual.environment .conts strong {
  display: block;
  padding: 0.5rem 0 0 0;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.07px;
  text-align: center;
  color: #fff;
}
.cpnt_esg_visual.society .innerBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_society.png)
      no-repeat center center/cover;
}
.cpnt_esg_visual.society .innerBox > p {
  padding: 5.96rem 5rem 0;
  font-size: 3.124rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
  word-break: keep-all;
  color: #fff;
}
html.en .cpnt_esg_visual.society .innerBox > p {
  text-align: center;
  font-size: 2.5rem;
}
html.en .cpnt_esg_visual.society .conts ul li {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 1.25rem;
}
.cpnt_esg_visual.society .innerBox > p b {
  color: #20c85a;
}
.cpnt_esg_visual.society .conts strong {
  display: block;
  margin-top: 3.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: -0.01px;
  color: #fff;
}
html.en .cpnt_esg_visual .innerBox .conts strong {
  font-size: 1.5rem;
}
html.en .cpnt_esg_visual .innerBox .conts ul li {
  padding: 0 0.75rem;
  font-size: 1.125rem;
}
.cpnt_esg_visual.society .conts ul {
  margin-top: 1.3rem;
  padding-right: 0.6rem;
  text-align: center;
}
.cpnt_esg_visual.society .conts ul::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
.cpnt_esg_visual.society .conts ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  border-radius: 50%;
  border: 1px solid #fff;
  vertical-align: top;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.05px;
  color: #fff;
}
.cpnt_esg_visual.society .conts ul li + li {
  margin-left: -0.9rem;
}
.cpnt_esg_visual.society .conts ul li:nth-child(1) {
  z-index: 10;
  border-color: #20c85a;
  background-color: #20c85a;
}
.cpnt_esg_visual.society .conts ul li:nth-child(2) {
  z-index: 9;
}
.cpnt_esg_visual.society .conts ul li:nth-child(3) {
  z-index: 8;
}
.cpnt_esg_visual.society2 .innerBox {
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_society2.png)
      no-repeat center center/cover;
}
.cpnt_esg_visual.society2 .innerBox > p {
  width: 35rem;
  padding: 0;
  font-size: 3.124rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
  text-align: center;
  word-break: keep-all;
  color: #fff;
}
.cpnt_esg_visual.society2 .innerBox > p b {
  color: #20c85a;
}
.cpnt_esg_visual.society2 .conts {
  width: 35rem;
}
.cpnt_esg_visual.society2 .conts strong {
  display: block;
  margin-top: 3.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1rem;
  letter-spacing: -0.01px;
  color: #fff;
}
.cpnt_esg_visual.society2 .conts ul {
  margin-top: 1.3rem;
  padding-right: 0.6rem;
  text-align: center;
}
.cpnt_esg_visual.society2 .conts ul::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
  overflow: hidden;
}
.cpnt_esg_visual.society2 .conts ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  border-radius: 50%;
  border: 1px solid #fff;
  vertical-align: top;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.05px;
  color: #fff;
}
.cpnt_esg_visual.society2 .conts ul li + li {
  margin-left: -0.9rem;
}
.cpnt_esg_visual.society2 .conts ul li:nth-child(1) {
  z-index: 10;
  border-color: #20c85a;
  background-color: #20c85a;
}
.cpnt_esg_visual.society2 .conts ul li:nth-child(2) {
  z-index: 9;
}
.cpnt_esg_visual.society2 .conts ul li:nth-child(3) {
  z-index: 8;
}
.cpnt_esg_visual.society2 .btn_glink_line {
  margin-top: 2.5rem;
}
.cpnt_esg_visual.governance .innerBox {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background:
    linear-gradient(rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.4)),
    url(/front/assets/common/images/esg/img_sub_esg_visual_governance.png)
      no-repeat center center/cover;
}
.cpnt_esg_visual.governance .innerBox .info {
  flex: 1;
  padding: 6.188rem 6.188rem 0;
  color: #fff;
}
.cpnt_esg_visual.governance .innerBox .info strong {
  display: block;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: -0.01px;
  color: inherit;
}
.cpnt_esg_visual.governance .innerBox .info p {
  margin-top: 5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.67;
  letter-spacing: -0.05px;
  word-break: keep-all;
  color: inherit;
}
.cpnt_esg_visual.governance .innerBox .info .btn_link {
  display: inline-flex;
  align-items: center;
  height: 3rem;
  position: relative;
  margin-top: 2.5rem;
  padding: 0 3.375rem 0 1.875rem;
  border-radius: 4px;
  background-color: #111;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
}
.cpnt_esg_visual.governance .innerBox .info .btn_link::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png)
    no-repeat left top/100% auto;
}
.cpnt_esg_visual.governance .innerBox .conts {
  flex-basis: 32.25rem;
  flex-shrink: 0;
  width: 41%;
  padding: 8.875rem 6.125rem 0 6.375rem;
  background-color: rgba(18, 18, 18, 0.7);
}
.cpnt_esg_visual.governance .innerBox .conts ul li + li {
  margin-top: 3.5rem;
}
.cpnt_esg_visual.governance .innerBox .conts .item {
  display: flex;
  align-items: center;
  height: 5rem;
  position: relative;
  padding-left: 7rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  color: #fff;
}
.cpnt_esg_visual.governance .innerBox .conts .item::before {
  content: "";
  display: block;
  width: 5rem;
  height: 5rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 10px;
}
.cpnt_esg_visual.governance .innerBox .conts ul li:nth-child(1) .item::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_visual_governance1.png)
    no-repeat left top/100% auto;
}
.cpnt_esg_visual.governance .innerBox .conts ul li:nth-child(2) .item::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_visual_governance2.png)
    no-repeat left top/100% auto;
}
.cpnt_esg_visual.governance .innerBox .conts ul li:nth-child(3) .item::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_visual_governance3.png)
    no-repeat left top/100% auto;
}
.cpnt_esg_visual.governance .innerBox .conts .btn_gdown_line {
  display: block;
  position: relative;
  width: 100%;
  margin: 3.5rem auto 0;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
}
.cpnt_esg_visual.governance .innerBox .conts .btn_gdown_line::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20_white.png)
    no-repeat center center/100% auto;
}
@media (max-width: 1480px) {
  .cpnt_esg_visual.governance .innerBox .info {
    flex-shrink: 0;
    flex-basis: 48.75rem;
    padding-left: 4.02vw;
    padding-right: 4.02vw;
  }
  .cpnt_esg_visual.governance .innerBox .conts {
    flex-shrink: 1;
    flex-basis: auto;
    padding-left: 4.02vw;
    padding-right: 4.02vw;
  }
}
@media (max-width: 1180px) {
  .cpnt_esg_visual.governance .innerBox .info p {
    margin-top: 3rem;
  }
  .cpnt_esg_visual.governance .innerBox .info {
    flex-shrink: 1;
    flex-basis: auto;
  }
  .cpnt_esg_visual.governance .innerBox .conts {
    flex-shrink: 0;
    flex-basis: 21.625rem;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_esg_visual.environment .indexBox > p {
    font-size: 2.6rem;
  }
  .cpnt_esg_visual.governance .innerBox .info {
    padding-top: 4rem;
  }
  .cpnt_esg_visual.governance .innerBox .info p {
    margin-top: 3rem;
    font-size: 1.4rem;
  }
  .cpnt_esg_visual.governance .innerBox .info p br {
    display: none;
  }
}
@media (max-width: 1023px) {
  .cpnt_esg_visual .innerBox {
    height: 33.75rem;
    height: 46.25rem;
  }
  .cpnt_esg_visual.environment .innerBox {
    display: block;
    text-align: center;
  }
  .cpnt_esg_visual.environment .innerBox > p {
    width: 16.25rem;
    margin: 0 auto;
    padding: 3.75rem 0 0 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
  }
  .cpnt_esg_visual.environment .conts {
    padding: 0;
  }
  .cpnt_esg_visual.environment .conts ul {
    margin-top: 2.125rem;
  }
  .cpnt_esg_visual.environment .conts ul li {
    width: 6.25rem;
    height: 6.25rem;
    margin-left: -0.75rem;
    border-radius: 50%;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_visual.environment .conts span {
    display: block;
    width: 7.5rem;
    height: 4rem;
    margin: -0.3rem auto 0 auto;
  }
  .cpnt_esg_visual.environment .conts strong {
    padding: 1.625rem 0 0 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_visual.society .innerBox {
    height: 43.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .cpnt_esg_visual.society .innerBox > p {
    padding: 3.75rem 0 0 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  html.en .cpnt_esg_visual.society .innerBox > p {
    text-align: center;
    font-size: 1.5rem;
  }
  html.en .cpnt_esg_visual.society .conts {
    margin-top: 0;
  }
  html.en .cpnt_esg_visual.society .conts strong {
    margin-top: 1.375rem;
    font-size: 1.25rem;
    line-height: 1.5;
  }
  html.en .cpnt_esg_visual.society .conts ul {
    margin-top: 1.5rem;
  }
  html.en .cpnt_esg_visual.society .conts ul li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.15;
    font-size: 0.875rem;
  }
  .cpnt_esg_visual.society .conts {
    max-width: 17rem;
    margin-top: 6.25rem;
  }
  .cpnt_esg_visual.society .conts strong {
    margin-top: 0;
    margin-left: 0.125rem;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_visual.society .conts ul {
    margin-top: 1.3rem;
    margin-right: -0.75rem;
    padding-right: 0.6rem;
    text-align: center;
  }
  .cpnt_esg_visual.society .conts ul li {
    width: 8.75rem;
    height: 8.75rem;
    font-size: 0.875rem;
    line-height: 1.29;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_visual.society .conts ul li + li {
    margin-left: -0.75rem;
  }
  .cpnt_esg_visual.society .conts ul li:last-child {
    margin-top: -2rem;
  }
  .cpnt_esg_visual.society2 .innerBox {
    justify-content: flex-start;
  }
  .cpnt_esg_visual.society2 .innerBox > p {
    width: 16.25rem;
    padding: 3.75rem 0 0 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_visual.society2 .conts {
    max-width: 17rem;
    margin-top: 6.25rem;
  }
  .cpnt_esg_visual.society2 .conts strong {
    width: 16.25rem;
    margin-top: 0;
    margin-left: 0.125rem;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_visual.society2 .conts ul {
    margin-top: 1.3rem;
    margin-right: -0.75rem;
    padding-right: 0.6rem;
  }
  .cpnt_esg_visual.society2 .conts ul li {
    width: 8.75rem;
    height: 8.75rem;
    font-size: 0.875rem;
    line-height: 1.29;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_visual.society2 .conts ul li + li {
    margin-left: -0.75rem;
  }
  .cpnt_esg_visual.society2 .btn_glink_line {
    margin-top: 16.5rem;
    max-width: 17.25rem;
  }
  .cpnt_esg_visual.governance .innerBox {
    display: block;
    height: auto;
  }
  .cpnt_esg_visual.governance .innerBox .info {
    flex: 1;
    padding: 3.75rem 1.875rem 2.5rem;
    color: #fff;
  }
  .cpnt_esg_visual.governance .innerBox .info strong {
    font-size: 1.5rem;
    line-height: 1.813rem;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_visual.governance .innerBox .info p {
    margin-top: 2.5rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_visual.governance .innerBox .info .btn_link {
    height: 3rem;
    margin-top: 2.5rem;
    padding: 0 3.375rem 0 1.875rem;
    font-size: 1rem;
    letter-spacing: -0.2px;
  }
  .cpnt_esg_visual.governance .innerBox .conts {
    width: 100%;
    padding: 2.25rem 1.875rem 3.75rem;
  }
  .cpnt_esg_visual.governance .innerBox .conts ul li + li {
    margin-top: 2rem;
  }
  .cpnt_esg_visual.governance .innerBox .conts .item {
    padding-left: 4.75rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
    color: #fff;
  }
  .cpnt_esg_visual.governance .innerBox .conts .item::before {
    width: 3.5rem;
    height: 3.5rem;
  }
  .cpnt_esg_visual.governance .innerBox .conts .btn_gdown_line {
    width: 100%;
    margin: 1.938rem auto 0;
    padding-bottom: 1rem;
    border-bottom: 0.125rem solid #fff;
    font-size: 1rem;
    line-height: 1.188rem;
    letter-spacing: -0.02px;
  }
}
.cpnt_esg_slide .heading {
  display: flex;
  align-items: center;
  height: 3.75rem;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
.cpnt_esg_slide .heading span {
  display: flex;
  align-items: center;
  height: 1.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #999;
}
.cpnt_esg_slide .heading strong {
  display: flex;
  align-items: center;
  height: 3.75rem;
  margin-top: 1rem;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
.cpnt_esg_slide .innerBox {
  position: relative;
  overflow: visible;
  margin-top: 2.5rem;
}
.cpnt_esg_slide .innerBox > ul {
  overflow: visible;
  display: flex;
  align-items: stretch;
}
.cpnt_esg_slide .innerBox > ul > li {
  width: calc((100% - 1.5rem) / 2);
  height: auto;
  margin-right: 1.5rem;
}
.cpnt_esg_slide .innerBox > ul > li:last-child {
  margin-right: 0;
}
.cpnt_esg_slide .innerBox .item {
  display: flex;
  flex-direction: column;
  height: 30.813rem;
  min-height: auto;
  height: 100%;
  overflow: hidden;
  padding: 3.5rem 3.25rem 3.5rem 3.75rem;
  border-radius: 30px;
  background-color: #f4f4f4;
}
.cpnt_esg_slide .innerBox .item .summary {
  display: block;
  position: relative;
  height: 8.25rem;
  padding-left: 10.25rem;
}
.cpnt_esg_slide .innerBox .item .summary::before {
  content: "";
  display: block;
  width: 8.25rem;
  height: 8.25rem;
  position: absolute;
  left: 0;
  top: 0;
  margin-right: 2rem;
  border-radius: 30px;
  background: #fff url(/front/assets/common/images/esg/ico_sub_esg_slide_.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_slide .innerBox .item .summary::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
  clear: both;
}
.cpnt_esg_slide .innerBox .item .summary b {
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  text-align: left;
  color: #666;
}
.cpnt_esg_slide .innerBox .item.slogan .summary b,
.cpnt_esg_slide .innerBox .item.target .summary b {
  position: absolute;
  right: 0;
  top: 0;
}
.cpnt_esg_slide .swiper-control {
  display: flex;
  position: absolute;
  top: -6.25rem;
  right: 50%;
  margin-right: -45rem;
}
.cpnt_esg_slide .swiper-control > button + * {
  margin-left: 1.25rem;
}
.cpnt_esg_slide .conts_t1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.5rem 1.5rem 0 1.5rem;
}
.cpnt_esg_slide .conts_t1 ul {
  text-align: center;
  padding-top: 3rem;
}
.cpnt_esg_slide .conts_t1 ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 11.25rem;
  height: 11.25rem;
  position: relative;
  margin-top: -3rem;
  border-radius: 50%;
  vertical-align: top;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.05px;
  color: #fff;
}
.cpnt_esg_slide .conts_t1 ul li + li {
  margin-left: -0.7rem;
}
.cpnt_esg_slide .conts_t1 ul li:nth-child(1) {
  z-index: 10;
  background-color: #20c85a;
}
.cpnt_esg_slide .conts_t1 ul li:nth-child(2) {
  z-index: 9;
  background-color: #4a78ff;
}
.cpnt_esg_slide .conts_t1 ul li:nth-child(3) {
  z-index: 8;
  background-color: #44d3e8;
}
.cpnt_esg_slide .conts_t1 span {
  display: block;
  width: 13.25rem;
  height: 5.5rem;
  margin: -2rem auto 0 auto;
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_environment_arrow.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_slide .conts_t1 strong {
  display: block;
  padding: 0.5rem 0 0 0;
  font-size: 2.188rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.07px;
  text-align: center;
}
.cpnt_esg_slide.environment .innerBox .item .summary b {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
.cpnt_esg_slide .innerBox .item .summary strong {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  text-align: left;
}
.cpnt_esg_slide.environment .innerBox .item .summary strong {
  margin-top: 0;
}
.cpnt_esg_slide .innerBox .item .conts {
  padding-top: 3.438rem;
}
.cpnt_esg_slide.safetyAndHealth .innerBox .item .conts {
  padding-top: 5.563rem;
}
.cpnt_esg_slide.environment .innerBox .item .conts {
  padding-top: 3.438rem;
}
.cpnt_esg_slide .innerBox .item.slogan .conts,
.cpnt_esg_slide .innerBox .item.target .conts {
  margin-top: auto;
}
.cpnt_esg_slide .innerBox .item .conts dl div + div {
  margin-top: 1.5rem;
}
.cpnt_esg_slide .innerBox .item .conts dl div dt {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.32px;
  color: #666;
}
.cpnt_esg_slide .innerBox .item .conts dl div dd {
  margin-top: 0.65rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
}
.cpnt_esg_slide .innerBox .item .conts dl.type_oneline div {
  display: flex;
  align-items: center;
}
.cpnt_esg_slide .innerBox .item .conts dl.type_oneline div dd {
  margin-top: 0;
  margin-left: 1rem;
}
.cpnt_esg_slide .innerBox .item .conts ul {
  margin-bottom: -0.3125rem;
}
.cpnt_esg_slide .innerBox .item .conts ul li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.02px;
  word-break: keep-all;
  color: #666;
}
.cpnt_esg_slide .innerBox .item .conts ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.9375rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 2px;
  background-color: #666;
}
.cpnt_esg_slide .innerBox .item.content .summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.cpnt_esg_slide .innerBox .item.content .summary span {
  text-align: left;
}
.cpnt_esg_slide.safety .innerBox .item.slogan .summary::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_slide_safety_slogan.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_slide.safety .innerBox .item.content.num1 .summary::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_slide_safety1.png) no-repeat
    center center/100% auto;
}
.cpnt_esg_slide.safety .innerBox .item.content.num2 .summary::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_slide_safety2.png) no-repeat
    center center/100% auto;
}
.cpnt_esg_slide.safety .innerBox .item.content.num3 .summary::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_slide_safety3.png) no-repeat
    center center/100% auto;
}
.cpnt_esg_slide.environment .innerBox .item.target .summary::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_slide_environment0.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_slide.environment .innerBox .item.content.num2 .summary::before {
  background: #fff
    url(/front/assets/common/images/esg/ico_sub_esg_slide_environment2.png)
    no-repeat center center/100% auto;
}
@media (max-width: 1480px) {
  .cpnt_esg_slide .swiper-control {
    right: 1.25rem;
    margin-right: 0;
  }
}
@media (max-width: 1023px) {
  .cpnt_esg_slide .heading {
    height: 1.813rem;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_slide .innerBox {
    margin-top: 1.5rem;
  }
  .cpnt_esg_slide .innerBox > ul > li {
    width: 100%;
    margin-right: 1.25rem;
  }
  .cpnt_esg_slide .innerBox > ul > li:last-child {
    margin-right: 0;
  }
  .cpnt_esg_slide .innerBox .swiper-control {
    display: none;
  }
  .cpnt_esg_slide .innerBox .item {
    min-height: 28rem;
    padding: 2.5rem 1.313rem 2.125rem 1.25rem;
    border-radius: 30px;
  }
  .cpnt_esg_slide .innerBox .item .summary {
    height: 5rem;
    padding-left: 6.25rem;
  }
  .cpnt_esg_slide .innerBox .item .summary::before {
    width: 5rem;
    height: 5rem;
    border-radius: 10px;
  }
  .cpnt_esg_slide .innerBox .item .summary b {
    display: block;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    text-align: left;
    color: #666;
  }
  .cpnt_esg_slide.environment .innerBox .item .summary b {
    position: static;
    text-align: left;
  }
  .cpnt_esg_slide .innerBox .item .summary strong {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
  }
  .cpnt_esg_slide.environment .innerBox .item .summary strong {
    margin-top: 1.5rem;
  }
  .cpnt_esg_slide .innerBox .item .conts {
    padding-top: 3.438rem;
    margin-top: auto;
  }
  .cpnt_esg_slide.safetyAndHealth .innerBox .item .conts {
    padding-top: 5.563rem;
  }
  .cpnt_esg_slide.environment .innerBox .item .conts {
    padding-top: 3.438rem;
  }
  .cpnt_esg_slide .conts_t1 {
    padding: 0;
  }
  .cpnt_esg_slide .conts_t1 ul {
    margin-top: 2.125rem;
  }
  .cpnt_esg_slide .conts_t1 ul li {
    width: 6.25rem;
    height: 6.25rem;
    margin-left: -0.75rem;
    border-radius: 50%;
    font-size: 0.875rem;
    line-height: 1.43;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_slide .conts_t1 span {
    display: block;
    width: 7.5rem;
    height: 4rem;
    margin: -0.3rem auto 0 auto;
  }
  .cpnt_esg_slide .conts_t1 strong {
    padding: 1.625rem 0 0 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_slide .innerBox .item.slogan .conts,
  .cpnt_esg_slide .innerBox .item.target .conts {
    margin-top: auto;
  }
  .cpnt_esg_slide .innerBox .item .conts dl div + div {
    margin-top: 1.5rem;
  }
  .cpnt_esg_slide .innerBox .item .conts dl div dt {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_slide .innerBox .item .conts dl div dd {
    margin-top: 0.25rem;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_slide .innerBox .item .conts dl.type_oneline div {
    display: block;
  }
  .cpnt_esg_slide .innerBox .item .conts dl.type_oneline div dd {
    margin-top: 0.25rem;
    margin-left: 0;
  }
  .cpnt_esg_slide .innerBox .item .conts ul {
    margin-bottom: -0.3125rem;
  }
  .cpnt_esg_slide .innerBox .item .conts ul li {
    padding-left: 0.625rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_slide .innerBox .item .conts ul li::before {
    left: 0;
    top: 0.438rem;
  }
  .cpnt_esg_slide .innerBox .item.content .summary {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .cpnt_esg_slide .innerBox .item.content .summary span {
    text-align: left;
  }
  .cpnt_esg_slide .swiper-paging {
    display: block;
  }
  .cpnt_esg_slide .swiper-control {
    display: none;
  }
}
.cpnt_esg_viewlink {
  display: flex;
  padding: 5rem;
  border-radius: 30px;
  background-color: #e7f1f4;
}
.cpnt_esg_viewlink .summary {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.cpnt_esg_viewlink .summary > span {
  display: block;
  height: 1.5rem;
  margin-top: 0.5rem;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_esg_viewlink .summary > b {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.875rem;
  letter-spacing: 0.96px;
  text-transform: uppercase;
}
.cpnt_esg_viewlink .summary > b::before {
  content: "";
  display: block;
  max-height: 5rem;
  height: 7.2vw;
}
.cpnt_esg_viewlink .summary > p {
  display: block;
  margin-top: 1.125rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_esg_viewlink .heading > span {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  word-break: keep-all;
}
.cpnt_esg_viewlink .heading > strong {
  display: block;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.01px;
  word-break: keep-all;
}
.cpnt_esg_viewlink .heading > span + strong {
  margin-top: 0.8rem;
}
.cpnt_esg_viewlink .conts {
  display: flex;
  flex-basis: 22.975rem;
  flex-shrink: 0;
  max-width: 22.975rem;
  margin-left: auto;
}
.cpnt_esg_viewlink .conts ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: auto;
}
.cpnt_esg_viewlink .conts ul li + li {
  margin-top: 3.188rem;
}
.cpnt_esg_viewlink .conts ul li a {
  display: block;
  position: relative;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  padding-right: 1.5rem;
}
.cpnt_esg_viewlink .conts ul li a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: calc(50% - 0.615rem);
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_viewlink .btn_gmore {
  margin: 0.725rem 1rem 0 auto;
}
.cpnt_esg_viewlink .btn_link {
  display: inline-flex;
  align-items: center;
  height: 3rem;
  position: relative;
  margin-top: 3.25rem;
  padding: 0 3.375rem 0 1.875rem;
  border-radius: 4px;
  background-color: #111;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #fff;
}
.cpnt_esg_viewlink .btn_link::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20_white.png)
    no-repeat left top/100% auto;
}
.cpnt_esg_viewlink .btn_gdown_line {
  display: inline-block;
  display: block;
  width: 100%;
  position: absolute;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.02px;
}
.cpnt_esg_viewlink .btn_gdown_line::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_viewlink.governance {
  justify-content: space-evenly;
}
.cpnt_esg_viewlink.governance .summary {
  width: 42%;
}
.cpnt_esg_viewlink.governance .conts {
  flex-shrink: 0;
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 40rem;
  width: 50%;
  height: 30%;
}
.cpnt_esg_viewlink.governance .conts .img {
  content: "";
  display: block;
  max-width: 40rem;
  width: 100%;
  max-height: 23.375rem;
  height: 25.3vw;
  border-radius: 10px;
  background: url(/front/assets/common/images/esg/img_sub_esg_report.png)
    no-repeat center center/cover;
}
.cpnt_esg_viewlink.governance .conts ul {
  max-width: 22.875rem;
  margin-top: 3.25rem;
}
.cpnt_esg_viewlink.governance {
  position: relative;
}
.cpnt_esg_viewlink.governance > * {
  position: relative;
  z-index: 10;
}
.cpnt_esg_viewlink.governance::after {
  content: "ESG";
  width: 30.975rem;
  height: 17.938rem;
  position: absolute;
  left: 5rem;
  bottom: -4.688rem;
  z-index: 5;
  opacity: 0.4;
  font-size: 15rem;
  font-weight: 900;
  line-height: 17.938rem;
  letter-spacing: 7.2px;
  color: #fff;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_esg_viewlink .conts {
    flex: 1;
    min-width: 14.375rem;
    margin-left: 3rem;
  }
  .cpnt_esg_viewlink.governance .summary {
    width: 70%;
  }
  .cpnt_esg_viewlink.governance .conts {
    flex-basis: 30%;
    width: 30%;
  }
  .cpnt_esg_viewlink.governance .conts .img {
    height: 14vw;
  }
}
@media (max-width: 768px) {
  .cpnt_esg_viewlink {
    display: block;
    padding: 2.5rem 1.25rem 3.75rem;
  }
  .cpnt_esg_viewlink .summary > span {
    height: 2.688rem;
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    -webkit-line-clamp: 2;
  }
  .cpnt_esg_viewlink .summary > b {
    margin-top: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.56rem;
    letter-spacing: -0.02px;
    text-transform: none;
  }
  .cpnt_esg_viewlink .summary > p {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
    -webkit-line-clamp: 5;
  }
  .cpnt_esg_viewlink .heading > span {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_viewlink .heading > strong {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_viewlink .heading > span + strong {
    margin-top: 1rem;
  }
  .cpnt_esg_viewlink .conts {
    display: block;
    min-width: 100%;
    width: 100%;
    margin-top: 3.875rem;
  }
  .cpnt_esg_viewlink .conts ul {
    margin-top: 0;
  }
  .cpnt_esg_viewlink .conts ul li + li {
    margin-top: 1.938rem;
  }
  .cpnt_esg_viewlink .conts ul li a {
    padding-bottom: 1rem;
    border-bottom: 0.125rem solid #111;
    font-size: 1rem;
    line-height: 1.188rem;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_viewlink .btn_more {
    height: 1.5rem;
    margin: 1.313rem 1rem 0 auto;
    padding-right: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_viewlink .btn_more::after {
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow2_right_20.png)
      no-repeat center center/100% auto;
  }
  .cpnt_esg_viewlink .btn_link {
    height: 2.5rem;
    margin-top: 2rem;
    padding: 0 2.5rem 0 1.25rem;
    font-size: 0.875rem;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_viewlink .btn_link::after {
    width: 1rem;
    height: 1rem;
    right: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_plus_20_white.png)
      no-repeat left top/100% auto;
  }
  .cpnt_esg_viewlink.governance .summary {
    width: 100%;
    margin-right: 0;
  }
  .cpnt_esg_viewlink.governance .conts {
    width: 100%;
  }
  .cpnt_esg_viewlink.governance .conts .img {
    height: 45vw;
  }
  .cpnt_esg_viewlink.governance .conts::before {
    width: 100%;
    height: 10.25rem;
    height: 45.5vw;
  }
  .cpnt_esg_viewlink.governance .conts ul {
    width: 100%;
    margin-top: 3.25rem;
    max-height: 23.375rem;
  }
  .cpnt_esg_viewlink.governance::after {
    display: none;
  }
}
.cpnt_esg_chat {
  display: flex;
  align-items: center;
  position: relative;
}
.cpnt_esg_chat .heading {
  position: absolute;
  left: 3.5rem;
  top: 3.5rem;
  z-index: 10;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #fff;
}
.cpnt_esg_chat ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7.625rem 5.5rem 3.5rem 3.5rem;
  border-radius: 30px;
  background-color: #1fc85a;
}
.cpnt_esg_chat ul li {
  display: inline-flex;
  align-items: center;
  position: relative;
  overflow: visible;
  min-height: 3.875rem;
  padding: 0.8725rem 5rem;
  border-radius: 30px;
  background-color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  word-break: keep-all;
}
.cpnt_esg_chat ul li + li {
  margin-top: 1.625rem;
}
.cpnt_esg_chat ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 1.938rem;
  top: -0.625rem;
  width: 0.75rem;
  height: 0.625rem;
  background: url(/front/assets/common/images/esg/bg_sub_esg_speechbubbleT.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_chat p {
  margin-left: auto;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.1px;
  text-align: right;
  color: #999;
  word-break: keep-all;
}
.cpnt_esg_chat p b {
  color: #111;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_esg_chat p {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .cpnt_esg_chat {
    display: block;
  }
  .cpnt_esg_chat .heading {
    left: 1.125rem;
    top: 2.5rem;
  }
  .cpnt_esg_chat ul {
    padding: 6.625rem 1.25rem 2.5rem;
  }
  .cpnt_esg_chat ul li {
    min-height: 3.375rem;
    padding: 1rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_chat ul li + li {
    margin-top: 1.625rem;
  }
  .cpnt_esg_chat p {
    margin-left: 0;
    margin-top: 5rem;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
}
.cpnt_esg_latest2 {
  position: relative;
}
.cpnt_esg_latest2 .innerBox {
  display: flex;
  justify-content: space-between;
}
.cpnt_esg_latest2::before {
  content: "";
  position: absolute;
  left: -100%;
  z-index: 10;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
html.en .cpnt_esg_latest2 .summary .heading {
  color: #111;
}
.cpnt_esg_latest2 .summary {
  flex-shrink: 0;
  flex-basis: 35%;
  padding-right: 3%;
  position: relative;
  z-index: 20;
  background-color: #fff;
}
.cpnt_esg_latest2 .summary em {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
  color: #20c85a;
}
.cpnt_esg_latest2 .summary .heading {
  margin-top: 1rem;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #999;
}
.cpnt_esg_latest2 .summary .heading b {
  color: #111;
}
.cpnt_esg_latest2 .summary p {
  margin-top: 2.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02px;
  color: #666;
  word-break: keep-all;
}
.cpnt_esg_latest2 .conts {
  flex-shrink: 0;
  width: 60%;
}
.cpnt_esg_latest2 .conts > ul > li {
  width: 36.563rem;
  height: 28.75rem;
}
.cpnt_esg_latest2 .conts .item {
  position: relative;
  height: 100%;
  padding: 3rem 3.5rem;
  border-radius: 30px;
  background-color: #f4f4f4;
  margin-left: 1.25rem;
}
.cpnt_esg_latest2 .conts .item b {
  position: absolute;
  right: 3.5rem;
  top: 2.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_esg_latest2 .conts .item strong {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
}
.cpnt_esg_latest2 .conts .item ul {
  overflow: hidden;
  overflow-y: auto;
  height: 14.438rem;
  margin-top: 2rem;
}
.cpnt_esg_latest2 .conts .item ul::-webkit-scrollbar {
  width: 0.25rem;
}
.cpnt_esg_latest2 .conts .item ul::-webkit-scrollbar-thumb {
  height: 70%;
  border-radius: 0.25rem;
  background-color: #111;
}
.cpnt_esg_latest2 .conts .item ul::-webkit-scrollbar-track {
  background-color: #b8b8b8;
}
.cpnt_esg_latest2 .conts .item ul.type_01 {
  height: 8.438rem;
}
.cpnt_esg_latest2 .conts .item ul li {
  position: relative;
  padding-left: 0.625rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02px;
  word-break: keep-all;
  color: #666;
}
.cpnt_esg_latest2 .conts .item ul li:not(:first-child) {
  margin-top: 0.625rem;
}
.cpnt_esg_latest2 .conts .item ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.9375rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 2px;
  background-color: #666;
}
.cpnt_esg_latest2 .swiper-control {
  position: absolute;
  right: 0;
  top: -6.25rem;
}
.cpnt_esg_latest2 .swiper-control .btn_next {
  margin-left: 1.25rem;
}
@media (max-width: 1023px) {
  .cpnt_esg_latest2 .innerBox {
    display: block;
  }
  .cpnt_esg_latest2 .summary {
    padding-right: 0;
  }
  .cpnt_esg_latest2 .summary em {
    display: block;
    font-size: 1.125rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_latest2 .summary .heading {
    margin-top: 1.25rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
    color: #999;
  }
  .cpnt_esg_latest2 .summary p {
    margin-top: 2.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -0.02px;
    color: #666;
  }
  .cpnt_esg_latest2 .conts {
    margin-top: 5rem;
    width: 100%;
  }
  .cpnt_esg_latest2 .conts > ul > li {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .cpnt_esg_latest2 .conts > ul > li:not(:last-child) {
    margin-right: 1.25rem;
  }
  .cpnt_esg_latest2 .conts .item {
    position: relative;
    height: 28.75rem;
    padding: 2.5rem 1.25rem;
    border-radius: 30px;
    background-color: #f4f4f4;
    margin: 0;
  }
  .cpnt_esg_latest2 .conts .item b {
    display: block;
    position: static;
    right: 0;
    top: 0;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
  }
  .cpnt_esg_latest2 .conts .item strong {
    display: block;
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_latest2 .conts .item ul {
    margin-top: 2.5rem;
  }
  .cpnt_esg_latest2 .conts .item ul li {
    position: relative;
    padding-left: 0.625rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    word-break: keep-all;
  }
  .cpnt_esg_latest2 .conts .item ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.9375rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 2px;
    background-color: #666;
  }
  .cpnt_esg_latest2 .swiper-control {
    display: none;
  }
}
.cpnt_esg_latest::before {
  content: "";
  display: block;
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
}
.cpnt_esg_latest .innerBox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  position: relative;
  overflow: visible;
  padding-top: 6.25rem;
}
.cpnt_esg_latest .innerBox .summary {
  flex-shrink: 0;
  flex-basis: 35%;
  padding-right: 3%;
  position: relative;
  z-index: 20;
  margin-top: -0.3rem;
  background-color: #fff;
  box-shadow: -50px 0 0 10px #fff;
}
.cpnt_esg_latest .innerBox .summary::before {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.cpnt_esg_latest .innerBox .summary .heading {
  display: block;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
.cpnt_esg_latest .innerBox .summary .heading b {
  color: #999;
}
.cpnt_esg_latest .innerBox .summary p {
  display: block;
  margin-top: 1.9rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02px;
  color: #666;
  word-break: keep-all;
}
.cpnt_esg_latest .innerBox .summary span {
  display: block;
  margin-top: 2.1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #b8b8b8;
}
.cpnt_esg_latest .innerBox .summary span.sign {
  display: block;
  width: 26.25rem;
  height: 3.031rem;
  margin-top: 2.1rem;
  padding-left: 26.25rem;
  overflow: hidden;
  background: url(/front/assets/common/images/esg/img_sub_esg_business_sign.png)
    no-repeat right center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #b8b8b8;
}
.cpnt_esg_latest .innerBox .conts {
  position: relative;
  z-index: 10;
  width: 60%;
}
.cpnt_esg_latest .innerBox .conts > ul {
  overflow: visible;
  display: flex;
}
.cpnt_esg_latest .innerBox .conts > ul > li {
  width: 36.563rem;
  height: 28.75rem;
  margin-right: 1.5rem;
}
.cpnt_esg_latest .innerBox .conts > ul > li:last-child {
  margin-right: 0;
}
.cpnt_esg_latest .innerBox .conts > ul > li {
  opacity: 0;
}
.cpnt_esg_latest .innerBox .conts > ul > li.swiper-slide-active,
.cpnt_esg_latest .innerBox .conts > ul > li.swiper-slide-active + li,
.cpnt_esg_latest .innerBox .conts > ul > li.swiper-slide-prev {
  opacity: 1;
}
.cpnt_esg_latest .innerBox .conts .item {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 4rem 3.5rem;
  border-radius: 30px;
  background: url(/front/assets/common/images/esg/bg_sub_esg_community.png)
    no-repeat center center/100% auto;
  transition: all 0.3s ease-out;
  cursor: pointer;
}
.cpnt_esg_latest .innerBox .conts .item strong {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
}
.cpnt_esg_latest .innerBox .conts .item button {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  width: 3.5rem;
  height: 3.5rem;
  padding-left: 3.5rem;
  border-radius: 1.75rem;
  background-color: #20c85a;
  transition: all 0.3s ease-in-out;
}
.cpnt_esg_latest .innerBox .conts .item button::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1.125rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.cpnt_esg_latest .innerBox .conts .item button::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.125rem;
  height: 1.125rem;
  border-radius: 0.125rem;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}
.cpnt_esg_latest .innerBox .conts .item ul {
  position: relative;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 1rem;
  transition: all 0.1s;
}
.cpnt_esg_latest .innerBox .conts .item ul::-webkit-scrollbar {
  width: 0.25rem;
}
.cpnt_esg_latest .innerBox .conts .item ul::-webkit-scrollbar-thumb {
  height: 70%;
  border-radius: 0.25rem;
  background-color: #111;
}
.cpnt_esg_latest .innerBox .conts .item ul::-webkit-scrollbar-track {
  background-color: #b8b8b8;
}
.cpnt_esg_latest .innerBox .conts .item ul li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.02px;
  word-break: keep-all;
  color: #666;
}
.cpnt_esg_latest .innerBox .conts .item ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.9375rem;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 2px;
  background-color: #666;
}
.cpnt_esg_latest .innerBox .conts .item p {
  position: relative;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  overflow-y: auto;
  margin-top: 1rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2.125rem;
  letter-spacing: -0.02px;
  word-break: keep-all;
  color: #666;
  transition: all 0.4s ease-in;
}
.cpnt_esg_latest .innerBox .conts .item p::-webkit-scrollbar {
  width: 0.25rem;
  background: red;
}
.cpnt_esg_latest .innerBox .conts .item p::-webkit-scrollbar-thumb {
  height: 70%;
  border-radius: 0.25rem;
  background-color: #111;
}
.cpnt_esg_latest .innerBox .conts .item p::-webkit-scrollbar-track {
  background-color: #b8b8b8;
}
.cpnt_esg_latest .innerBox .conts .item.isToggle {
  background: #f4f4f4 !important;
}
.cpnt_esg_latest .innerBox .conts .item.isToggle button {
  background-color: #fff;
  transform: rotate(45deg);
  z-index: 30;
}
.cpnt_esg_latest .innerBox .conts .item.isToggle button::before {
  background-color: #111;
}
.cpnt_esg_latest .innerBox .conts .item.isToggle button::after {
  background-color: #111;
}
.cpnt_esg_latest .innerBox .conts .item.isToggle ul {
  z-index: 10;
  opacity: 1;
  margin-top: 2.5rem;
  transition: all 0.4s ease-in;
}
.cpnt_esg_latest .innerBox .conts .item.isToggle p {
  z-index: 10;
  opacity: 1;
  margin-top: 2.5rem;
}
.cpnt_esg_latest .innerBox.responsibility .conts > ul > li:nth-child(1) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility1.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.responsibility .conts > ul > li:nth-child(2) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility2.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.responsibility .conts > ul > li:nth-child(3) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility3.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.responsibility .conts > ul > li:nth-child(4) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_responsibility4.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.mplement .conts > ul > li:nth-child(1) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_mplement1.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.mplement .conts > ul > li:nth-child(2) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_mplement2.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.mplement .conts > ul > li:nth-child(2) .item strong {
  width: 60%;
  text-indent: -0.5rem;
  letter-spacing: -0.05rem;
}
.cpnt_esg_latest .innerBox.mplement .conts > ul > li:nth-child(3) .item strong {
  width: 50%;
  letter-spacing: -0.05rem;
}
.cpnt_esg_latest .innerBox.mplement .conts > ul > li:nth-child(3) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_mplement3.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.growth .conts > ul > li:nth-child(1) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_growth1.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.growth .conts > ul > li:nth-child(2) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_growth2.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.business .conts > ul > li:nth-child(1) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_business1.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.business .conts > ul > li:nth-child(2) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_business2.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.business .conts > ul > li:nth-child(3) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_business3.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.business .conts > ul > li:nth-child(4) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_business4.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox.business .conts > ul > li:nth-child(5) .item {
  background: url(/front/assets/common/images/esg/bg_sub_esg_business5.png)
    no-repeat center center/cover;
}
.cpnt_esg_latest .innerBox .btn_more {
  display: block;
  position: relative;
  width: 22.875rem;
  margin: 3.5rem auto 0 0;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
}
.cpnt_esg_latest .innerBox .btn_more::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_latest .swiper-control {
  position: absolute;
  right: 0;
  top: -6.25rem;
  top: 0;
}
.cpnt_esg_latest .swiper-control .btn_next {
  margin-left: 1.25rem;
}
@media (max-width: 1290px) {
  .cpnt_esg_latest .innerBox .conts > ul > li {
    width: 95%;
  }
}
@media (max-width: 1184px) {
  .cpnt_esg_latest .innerBox {
    display: block;
    margin-top: 0;
    padding-top: 0;
  }
  .cpnt_esg_latest .innerBox .summary {
    width: 100%;
    min-width: 100%;
    margin-top: 0;
    margin-right: 0;
    padding-top: 0;
    box-shadow: none;
    padding: 0;
  }
  .cpnt_esg_latest .innerBox .summary .heading {
    font-size: 2rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_latest .innerBox .summary p {
    margin-top: 2.5rem;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_latest .innerBox .summary span {
    margin-top: 2.5rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_latest .innerBox .conts {
    width: 100%;
    margin-top: 5rem;
  }
  .cpnt_esg_latest .innerBox .conts > ul > li {
    width: 100%;
    height: 28.75rem;
    margin-right: 1.25rem;
  }
  .cpnt_esg_latest .innerBox .conts > ul > li:last-child {
    margin-right: 0;
  }
  .cpnt_esg_latest .innerBox .conts .item {
    padding: 2.5rem 2rem;
  }
  .cpnt_esg_latest .innerBox .conts .item strong {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_latest .innerBox .conts .item button {
    right: 2rem;
    bottom: 2rem;
  }
  .cpnt_esg_latest .innerBox .conts .item ul li {
    padding-left: 0.875rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_latest .innerBox .conts .item ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0.625rem;
    width: 0.25rem;
    height: 0.25rem;
  }
  .cpnt_esg_latest .innerBox .conts .item p {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_latest .innerBox .btn_more {
    width: 100%;
    margin: 2.563rem auto 0;
    padding-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.188rem;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_latest .innerBox .swiper-control {
    display: none;
  }
}
.cpnt_esg_governance {
  text-align: right;
}
.cpnt_esg_governance .innerBox {
  display: flex;
  align-items: flex-start;
  text-align: left;
}
.cpnt_esg_governance .summary {
  flex-shrink: 0;
  flex-basis: 30rem;
  width: 30rem;
  margin-right: 1.25rem;
}
.cpnt_esg_governance .conts {
  margin-left: auto;
  margin-top: 6.25rem;
}
.cpnt_esg_governance .summary .heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 3.75rem;
  letter-spacing: -0.01px;
}
.cpnt_esg_governance .summary p {
  margin-top: 2.5rem;
  margin-bottom: -0.25rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02px;
  word-break: keep-all;
  color: #999;
}
.cpnt_esg_governance ul.conts {
  display: inline-flex;
  flex-flow: row nowrap;
}
.cpnt_esg_governance ul.conts li {
  width: 12.5rem;
  height: 12.5rem;
  position: relative;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}
.cpnt_esg_governance ul.conts li:last-child {
  margin-right: 0;
}
.cpnt_esg_governance ul.conts li .item {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 1rem 1.875rem 1rem;
  border-radius: 30px;
  background-color: #f4f4f4;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.02px;
}
.cpnt_esg_governance ul.conts li .item::before {
  content: "";
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 50%;
  top: 2.5rem;
  transform: translateX(-50%);
}
.cpnt_esg_governance .btn_link {
  display: inline-block;
  position: relative;
  width: 18.5rem;
  margin-top: 3.5rem;
  padding-right: 3.75rem;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  letter-spacing: -0.02px;
}
.cpnt_esg_governance .btn_link::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0.125rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance .btn_tooltip {
  display: inline-block;
  position: relative;
  width: 18.5rem;
  margin-top: 3.5rem;
  padding-right: 3.75rem;
  padding-bottom: 1.28rem;
  padding-bottom: 1.28rem;
  border-bottom: 0.125rem solid #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  text-align: left;
  white-space: nowrap;
  letter-spacing: -0.02px;
}
.cpnt_esg_governance .btn_tooltip::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance .btn_tooltip.isMo {
  position: relative !important;
  bottom: 0 !important;
  margin-top: 2rem;
}
.cpnt_esg_governance .innerBox .summary > .btn_gdown_line {
  width: 18.5rem;
  margin-top: 3.5rem;
}
.cpnt_esg_governance .innerBox .conts li .btn_glink_line {
  width: 18.5rem;
  margin-top: 3.5rem;
}
.cpnt_esg_governance.ethic {
  text-align: right;
}
.cpnt_esg_governance.ethic .summary {
  max-width: 36.625rem;
}
.cpnt_esg_governance.ethic ul li:nth-child(1) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_ethic1.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.ethic ul li:nth-child(2) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_ethic2.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.ethic ul li:nth-child(3) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_ethic3.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.management {
  text-align: right;
}
.cpnt_esg_governance.management .summary {
  max-width: 36.625rem;
}
.cpnt_esg_governance.management ul li:nth-child(1) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_management1.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.management ul li:nth-child(2) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_management2.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.management ul li:nth-child(3) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_management3.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.structure {
  text-align: center;
}
.cpnt_esg_governance.structure .summary {
  max-width: 29rem;
}
.cpnt_esg_governance.structure ul li:nth-child(1) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure1.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.structure ul li:nth-child(2) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure2.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.structure ul li:nth-child(3) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure3.png)
    no-repeat center center/100% auto;
}
.cpnt_esg_governance.structure ul li:nth-child(4) .item::before {
  background: url(/front/assets/common/images/esg/ico_sub_esg_governance_structure4.png)
    no-repeat center center/100% auto;
}
@media (max-width: 1280px) {
  .cpnt_esg_governance .innerBox {
    display: block;
  }
  .cpnt_esg_governance .innerBox .summary {
    max-width: 100%;
  }
  .cpnt_esg_governance .innerBox .conts {
    margin-top: 2rem;
  }
  .cpnt_esg_governance.management {
    text-align: left;
  }
  .cpnt_esg_governance .innerBox ul.conts {
    flex-wrap: wrap;
  }
  .cpnt_esg_governance .btn_gdown_line,
  .cpnt_esg_governance .btn_glink_line,
  .cpnt_esg_governance .btn_tooltip {
    margin-top: 2rem !important;
  }
}
@media (max-width: 768px) {
  .cpnt_esg_governance .btn_gdown_line,
  .cpnt_esg_governance .btn_glink_line,
  .cpnt_esg_governance .btn_tooltip {
    margin-top: 2rem !important;
  }
}
@media (max-width: 768px) {
  .cpnt_esg_governance .innerBox {
    display: block;
  }
  .cpnt_esg_governance .conts {
    margin-left: 0;
  }
  .cpnt_esg_governance .summary .heading {
    font-size: 1.5rem;
    line-height: 1.813rem;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_governance .summary p {
    margin-top: 2.5rem;
    margin-bottom: -0.25rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_governance ul.conts {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
  }
  .cpnt_esg_governance ul.conts li {
    flex-basis: calc((100vw - 5.125rem) / 2);
    flex-shrink: 0;
    width: calc((100vw - 5.125rem) / 2);
    height: 9.25rem;
    margin-right: 0;
  }
  .cpnt_esg_governance ul.conts li:nth-child(odd) {
    margin-right: 1.5rem;
  }
  .cpnt_esg_governance ul.conts li:nth-child(n + 3) {
    margin-top: 1.5rem;
  }
  .cpnt_esg_governance ul.conts li .item {
    display: block;
    padding: 5.5rem 1rem 0.125rem 1rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_esg_governance ul.conts li .item::before {
    content: "";
    width: 2.5em;
    height: 2.5rem;
  }
  .cpnt_esg_governance .btn_link {
    width: 100%;
    position: relative;
    margin-top: 2rem;
    padding-right: 3.75rem;
    padding-bottom: 1.28rem;
    border-bottom: 0.125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_governance .btn_link::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_arrow_right_20.png)
      no-repeat center center/100% auto;
  }
  .cpnt_esg_governance .btn_tooltip {
    display: inline-block;
    display: block;
    width: 100%;
    position: absolute;
    padding-bottom: 1.28rem;
    border-bottom: 0.125rem solid #111;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: left;
    white-space: nowrap;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_governance .btn_tooltip::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25rem;
    height: 1.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png)
      no-repeat center center/100% auto;
  }
  .cpnt_esg_governance.management .summary {
    max-width: auto;
  }
  .cpnt_esg_governance.structure {
    text-align: center;
    padding-bottom: 0;
  }
  .cpnt_esg_governance.structure .summary {
    max-width: auto;
  }
}
.cpnt_esg_subvisual {
  width: 100%;
}
.cpnt_esg_subvisual .img {
  display: block;
  width: 100%;
  height: 32.5rem;
  background: url(/front/assets/common/images/esg/img_sub_esg_visual_risk.png)
    no-repeat center center;
  background-size: cover;
}
.cpnt_esg_subvisual .img.risk {
  background-image: url(/front/assets/common/images/esg/img_sub_esg_visual_risk.png);
}
.cpnt_esg_subvisual .img.directors {
  background-image: url(/front/assets/common/images/esg/img_sub_esg_visual_directors.png);
}
.cpnt_toggle_content {
  display: flex;
  padding-top: 4.5rem;
}
.cpnt_toggle_content .summary {
  max-width: 50%;
  margin-right: auto;
}
.cpnt_toggle_content .summary .heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  word-break: keep-all;
}
.cpnt_toggle_content .summary .btn_toggle_view {
  position: relative;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  overflow: hidden;
  width: 7.4375rem;
  height: 3rem;
  padding-left: 7.4375rem;
  border-radius: 4px;
  background-color: #111;
  color: #fff;
}
.cpnt_toggle_content .summary .btn_toggle_view::before {
  content: "전체 보기";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
}
.cpnt_toggle_content.active .summary .btn_toggle_view {
  background-color: #20c85a !important;
}
.cpnt_toggle_content.active .summary .btn_toggle_view::before {
  content: "전체 닫기";
}
html.en .cpnt_toggle_content .summary .btn_toggle_view::before {
  content: "Visa alla";
}
html.en .cpnt_toggle_content.active .summary .btn_toggle_view::before {
  content: "Stäng alla";
}
.cpnt_toggle_content .conts {
  width: 60.323rem;
}
.cpnt_toggle_content .conts > ol {
  border-top: solid 0.125rem #111;
}
.cpnt_toggle_content .conts > ol > li {
  position: relative;
  padding: 3.688rem 0 5.125rem 12.375rem;
  border-bottom: solid 0.125rem rgba(18, 18, 18, 0.2);
  transition: 0.3s ease-out;
  cursor: pointer;
}
.cpnt_toggle_content .conts > ol > li::before {
  content: "00";
  display: block;
  height: 1.688rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.688rem;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_toggle_content .conts > ol > li::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 1rem;
  top: 5.85rem;
  background: url(/front/assets/common/images/esg/ico_sub_arrow_bottom_32.png)
    no-repeat center center/100% auto;
  transition: 0.3s all ease;
}
.cpnt_toggle_content .conts > ol > li.active::after {
  transform: rotate(180deg);
}
.cpnt_toggle_content .conts > ol > li:nth-child(1)::before {
  content: "01";
}
.cpnt_toggle_content .conts > ol > li:nth-child(2)::before {
  content: "02";
}
.cpnt_toggle_content .conts > ol > li:nth-child(3)::before {
  content: "03";
}
.cpnt_toggle_content .conts > ol > li:nth-child(4)::before {
  content: "04";
}
.cpnt_toggle_content .conts > ol > li:nth-child(5)::before {
  content: "05";
}
.cpnt_toggle_content .conts > ol > li:nth-child(6)::before {
  content: "06";
}
.cpnt_toggle_content .conts > ol > li:nth-child(7)::before {
  content: "07";
}
.cpnt_toggle_content .conts > ol > li:nth-child(8)::before {
  content: "08";
}
.cpnt_toggle_content .conts > ol > li:nth-child(9)::before {
  content: "09";
}
.cpnt_toggle_content .conts > ol > li:nth-child(10)::before {
  content: "10";
}
.cpnt_toggle_content .conts > ol > li strong {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  padding-right: 3rem;
}
.cpnt_toggle_content .conts > ol > li strong b {
  color: #20c85a;
}
.cpnt_toggle_content .conts > ol > li ul {
  height: 0;
  margin-top: 0;
  overflow: hidden;
  clip: rect("-1px,-1px,-1px,-1px");
  transition: 0.3s ease-out;
}
.cpnt_toggle_content .conts > ol > li ul li {
  position: relative;
  padding-left: 0.875rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_toggle_content .conts > ol > li.active ul {
  height: auto;
  margin-top: 2.5rem;
  overflow: visible;
  clip: auto;
}
.cpnt_toggle_content .conts > ol > li ul li::before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  left: 0;
  top: 0.725rem;
  border-radius: 2px;
  background-color: #666;
}
.cpnt_toggle_content .conts > ol > li ul li + li {
  margin-top: 0.625rem;
}
.cpnt_toggle_content .conts > ol > li:nth-child(1) {
  background: url(/front/assets/common/images/esg/ico_sub_esg_risk1.png)
    no-repeat left 0.5rem top 3.5rem/5rem auto;
}
.cpnt_toggle_content .conts > ol > li:nth-child(2) {
  background: url(/front/assets/common/images/esg/ico_sub_esg_risk2.png)
    no-repeat left 0.5rem top 3.5rem/5rem auto;
}
.cpnt_toggle_content .conts > ol > li:nth-child(3) {
  background: url(/front/assets/common/images/esg/ico_sub_esg_risk3.png)
    no-repeat left 0.5rem top 3.5rem/5rem auto;
}
.cpnt_toggle_content .conts > ol > li:nth-child(4) {
  background: url(/front/assets/common/images/esg/ico_sub_esg_risk4.png)
    no-repeat left 0.5rem top 3.5rem/5rem auto;
}
.cpnt_toggle_content .conts > ol > li:nth-child(5) {
  background: url(/front/assets/common/images/esg/ico_sub_esg_risk5.png)
    no-repeat left 0.5rem top 3.5rem/5rem auto;
}
@media (max-width: 1023px) {
  .cpnt_toggle_content {
    display: block;
    padding-top: 0;
  }
  .cpnt_toggle_content .summary {
    display: flex;
    align-items: flex-end;
    width: initial;
    max-width: initial;
  }
  .cpnt_toggle_content .summary .heading {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -0.06px;
  }
  .cpnt_toggle_content .summary .btn_toggle_view {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 5.75rem;
    height: 2.5rem;
    margin-left: auto;
    margin-bottom: 0.5rem;
    padding-left: 5.75rem;
    border-radius: 4px;
    background-color: #111;
    color: #fff;
  }
  .cpnt_toggle_content .summary .btn_toggle_view::before {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
  .cpnt_toggle_content .conts {
    width: 100%;
    min-width: 100%;
    margin-top: 1.5rem;
  }
  .cpnt_toggle_content .conts > ol > li {
    position: relative;
    padding: 1.5rem 0 2rem 4.5rem;
    background-size: 3rem;
    background-position: left 0.25rem top 1.5rem;
    cursor: pointer;
  }
  .cpnt_toggle_content .conts > ol > li::before {
    height: 0.938rem;
    font-size: 0.813rem;
    line-height: 0.938em;
    letter-spacing: -0.01px;
    color: #111;
  }
  .cpnt_toggle_content .conts > ol > li strong {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding-right: 2.5rem;
  }
  .cpnt_toggle_content .conts > ol > li::after {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    right: 1rem;
    top: 2.25rem;
    background: url(/front/assets/common/images/esg/ico_sub_arrow_up_24.png)
      no-repeat center center/100% auto;
    transition: 0.3s all ease;
    transform: rotate(180deg);
  }
  .cpnt_toggle_content .conts > ol > li.active::after {
    transform: rotate(0);
  }
  .cpnt_toggle_content .conts > ol > li:nth-child(1) {
    background-position: left 0.25rem top 1.5rem;
    background-size: 3rem auto;
  }
  .cpnt_toggle_content .conts > ol > li:nth-child(2) {
    background-position: left 0.25rem top 1.5rem;
    background-size: 3rem auto;
  }
  .cpnt_toggle_content .conts > ol > li:nth-child(3) {
    background-position: left 0.25rem top 1.5rem;
    background-size: 3rem auto;
  }
  .cpnt_toggle_content .conts > ol > li:nth-child(4) {
    background-position: left 0.25rem top 1.5rem;
    background-size: 3rem auto;
  }
  .cpnt_toggle_content .conts > ol > li:nth-child(5) {
    background-position: left 0.25rem top 1.5rem;
    background-size: 3rem auto;
  }
}
.cpnt_esg_sub {
  display: flex;
}
.cpnt_esg_sub .summary {
  max-width: 50%;
  margin-right: auto;
}
.cpnt_esg_sub .summary .heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  word-break: keep-all;
}
.cpnt_esg_sub .conts {
  width: 45.69%;
  min-width: 44.25rem;
  margin-left: auto;
}
.cpnt_esg_sub.default .conts p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  word-break: keep-all;
  letter-spacing: -0.02px;
  color: #666;
  text-align: justify;
}
.cpnt_esg_sub.default .conts p + p {
  margin-top: 1.875rem;
}
@media (max-width: 1023px) {
  .cpnt_esg_sub {
    display: block;
  }
  .cpnt_esg_sub .summary {
    width: initial;
    max-width: initial;
  }
  .cpnt_esg_sub .summary .heading {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -0.06px;
  }
  .cpnt_esg_sub .conts {
    min-width: 100%;
  }
  .cpnt_esg_sub.default .conts {
    width: initial;
    margin-top: 1.5rem;
  }
  .cpnt_esg_sub.default .conts p {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .cpnt_esg_sub.default .conts p + p {
    margin-top: 1.25rem;
  }
}
.cpnt_esg_disclosure .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.08px;
}
.cpnt_esg_disclosure .boardBoxType_01 > ul > li::after {
  background-image: url(/front/assets/common/images/esg/ico_sub_esg_download_20.png);
}
@media (max-width: 1023px) {
  .cpnt_esg_disclosure .rightObject {
    width: 100% !important;
  }
  .cpnt_esg_disclosure .inputSelect {
    margin-top: 1.5rem;
    width: 100% !important;
  }
}
.cpnt_subscript {
  margin-top: 2.5rem;
}
.cpnt_subscript > p,
.cpnt_subscript > ul > li {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #999;
  word-break: keep-all;
}
.cpnt_subscript > p.referenceMark {
  position: relative;
  padding-left: 0.875rem;
  color: #b8b8b8;
}
.cpnt_subscript > p.referenceMark::before {
  content: "※";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
.cpnt_subscript > p b {
  font-weight: 700;
  color: #666;
}
.cpnt_subscript > ul li {
  position: relative;
  padding-left: 0.825rem;
}
.cpnt_subscript > ul li + li {
  margin-top: 0.375rem;
}
.cpnt_subscript > ul li::before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  left: 0;
  top: 0.625rem;
  border-radius: 50%;
  background-color: #999;
}
.cpnt_subscript > p + ul {
  margin-top: 0.675rem;
}
.cpnt_esg_table .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.08px;
  word-break: keep-all;
}
.cpnt_esg_table .heading sup {
  font-size: 1.5rem;
}
.cpnt_esg_table .heading + .cpnt_table,
.cpnt_esg_table .listHead + .cpnt_table {
  margin-top: 2.5rem;
}
@media (max-width: 1023px) {
  .cpnt_esg_table .heading {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_esg_table .cpnt_table {
    margin-top: 1.5rem;
  }
}
.cpnt_table td,
.cpnt_table th {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  text-align: left;
  color: #666;
  word-break: break-all;
}
.cpnt_table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
  border-top: solid 0.125rem #111;
}
.cpnt_table table thead th {
  padding: 3.25rem 0;
  padding: 1.5rem 0.5rem;
  border-bottom: solid 0.063rem #d2d2d2;
  font-weight: 700;
  text-align: center;
  color: #111;
}
.cpnt_table table thead th p,
.cpnt_table table thead th strong {
  font-weight: 700;
}
.cpnt_table table tbody td,
.cpnt_table table tbody th,
.cpnt_table table tfoot td,
.cpnt_table table tfoot th {
  padding: 1.25rem 1.25rem;
  border-bottom: solid 0.063rem #d2d2d2;
  color: #666;
}
.cpnt_table table tbody tr:last-child * {
  border-color: #cfcfcf;
}
.cpnt_table table tbody img {
  max-width: 15rem;
  width: 100%;
  max-height: 8rem;
  object-fit: contain;
}
.cpnt_table table.ck-table-resized strong,
.cpnt_table table.ck-table-resized thead th p {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .cpnt_table {
    overflow-x: auto;
  }
  .cpnt_table::-webkit-scrollbar {
    height: 8px;
  }
  .cpnt_table::-webkit-scrollbar-thumb {
    width: 30%;
    background: #bbb;
    border-radius: 4px;
  }
  .cpnt_table::-webkit-scrollbar-track {
    background: #f8f8f8;
  }
  .cpnt_table table {
    width: 964px;
  }
  .cpnt_table table thead td,
  .cpnt_table table thead th {
    font-size: 1rem;
  }
  .cpnt_table table tbody td,
  .cpnt_table table tbody th,
  .cpnt_table tfoot td,
  .cpnt_table tfoot th {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
}
.cpnt_table.t-esg table tbody td,
.cpnt_table.t-esg table tbody th {
  padding: 4.25rem 2.469rem;
}
.cpnt_table.t-esg table tbody td + td,
.cpnt_table.t-esg table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-esg table tbody tr td:nth-child(1),
.cpnt_table.t-esg table tbody tr td:nth-child(3),
.cpnt_table.t-esg table tbody tr td:nth-child(5) {
  text-align: center;
}
@media (max-width: 1023px) {
  .cpnt_table.t-esg table tbody td,
  .cpnt_table.t-esg table tbody th {
    padding: 1.5rem 1rem;
  }
}
.cpnt_table.t-esg.t-w2 table tbody tr > :nth-child(2),
.cpnt_table.t-esg.t-w2 table tbody tr > :nth-child(3),
.cpnt_table.t-esg.t-w2 table tbody tr > :nth-child(4) {
  word-break: keep-all;
}
.cpnt_table.t-director table tbody td,
.cpnt_table.t-director table tbody th {
  padding: 4.25rem 2.469rem;
}
.cpnt_table.t-director table tbody td + td,
.cpnt_table.t-director table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-director table tbody tr td:nth-child(1),
.cpnt_table.t-director table tbody tr td:nth-child(3),
.cpnt_table.t-director table tbody tr td:nth-child(5) {
  text-align: center;
}
@media (max-width: 1023px) {
  .cpnt_table.t-director table tbody td,
  .cpnt_table.t-director table tbody th {
    padding: 1.5rem 1rem;
  }
}
.cpnt_table.t-committee table tbody td,
.cpnt_table.t-committee table tbody th {
  padding: 4.25rem 2.469rem;
  padding: 1.5rem 0.5rem;
  text-align: center;
}
.cpnt_table.t-committee table tbody td + td,
.cpnt_table.t-committee table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-committee table tbody tr td:last-child {
  text-align: left;
}
.cpnt_table.t-committee table tbody tr td:nth-child(1),
.cpnt_table.t-committee table tbody tr td:nth-child(4) {
  word-break: keep-all;
}
@media (max-width: 1023px) {
  .cpnt_table.t-committee table tbody td,
  .cpnt_table.t-committee table tbody th {
    padding: 1.5rem 1rem;
  }
}
.cpnt_table.t-dividend {
  overflow: auto;
  padding-bottom: 20px;
}
.cpnt_table.t-dividend table tbody th {
  padding: 4.25rem 2.469rem;
  padding: 1.5rem 0.5rem;
  text-align: center;
}
.cpnt_table.t-dividend table tbody td {
  padding: 4.25rem 2.469rem;
  padding: 1.5rem 0.5rem;
  text-align: right;
}
.cpnt_table.t-dividend table tbody td + td,
.cpnt_table.t-dividend table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-dividend table tbody tr.text td,
.cpnt_table.t-dividend table tbody tr.text th {
  text-align: center;
}
.cpnt_table.t-dividend table tbody tr:first-child td,
.cpnt_table.t-dividend table tbody tr:first-child th {
  text-align: center;
}
.cpnt_table.t-dividend table tbody tr td:first-child {
  text-align: center;
}
@media (max-width: 1023px) {
  .cpnt_table.t-dividend table tbody td,
  .cpnt_table.t-dividend table tbody th {
    padding: 1.5rem 1rem;
  }
}
.cpnt_table.t-votingRight table thead th {
  padding: 1.5rem 1rem;
}
.cpnt_table.t-votingRight table tbody th {
  padding: 4.25rem 2.469rem;
  padding: 1.5rem 1rem;
  text-align: left;
  font-weight: 500;
}
.cpnt_table.t-votingRight table tbody tr.sub th {
  padding-left: 3rem;
}
.cpnt_table.t-votingRight table tbody td {
  padding: 4.25rem 2.469rem;
  padding: 1.5rem 0.5rem;
  text-align: center;
}
.cpnt_table.t-votingRight table tbody td {
  border-right: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-votingRight table tbody tr td:first-child {
  text-align: left;
}
.cpnt_table.t-votingRight
  table
  tbody
  tr
  td:first-child[colspan]:not([colsapn="1"]) {
  text-align: left;
}
.cpnt_table.t-votingRight table tbody tr td:last-child {
  border-right: none;
  text-align: center;
}
.cpnt_table.t-votingRight table tbody tr.text td,
.cpnt_table.t-votingRight table tbody tr.text th {
  text-align: center;
}
.cpnt_table.t-votingRight table thead tr th:nth-child(5) {
  word-break: keep-all;
}
.cpnt_table.t-votingRight table tbody tr th:nth-child(1) {
  word-break: keep-all;
}
@media (max-width: 1023px) {
  .cpnt_table.t-votingRight table {
    width: 820px;
  }
}
.cpnt_table.t-product table tbody td,
.cpnt_table.t-product table tbody th {
  min-height: 15rem;
  padding: 0 0;
  text-align: center;
}
.cpnt_table.t-center table tbody td + td,
.cpnt_table.t-center table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-center table tbody td,
.cpnt_table.t-center table tbody th {
  height: 19.125rem;
  height: auto;
  padding: 1.5rem 0.5rem;
  text-align: center;
}
.cpnt_table.t-center table tbody td em,
.cpnt_table.t-center table tbody th em {
  display: block;
  margin-top: 1rem;
  text-align: center;
}
.cpnt_table.t-center table tbody tr.text td {
  text-align: center;
}
@media (max-width: 1023px) {
  .cpnt_table.t-center table tbody img {
    width: 6.5rem;
    height: auto;
  }
}
.cpnt_table.t-certification table tbody td + td,
.cpnt_table.t-certification table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-certification table tbody td,
.cpnt_table.t-certification table tbody th {
  height: 19.125rem;
  height: auto;
  padding: 1.5rem 0.5rem;
  text-align: center;
}
.cpnt_table.t-certification table tbody td em,
.cpnt_table.t-certification table tbody th em {
  display: block;
  margin-top: 1rem;
  text-align: center;
}
.cpnt_table.t-certification table tbody tr.text td {
  text-align: center;
}
.cpnt_table.t-certification table tbody tr td:nth-child(3) {
  word-break: break-all;
}
@media (max-width: 1023px) {
  .cpnt_table.t-certification table tbody img {
    width: 6.5rem;
    height: auto;
  }
}
.cpnt_table.t-evaluation table tbody td + td,
.cpnt_table.t-evaluation table tbody th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-evaluation table tbody td,
.cpnt_table.t-evaluation table tbody th {
  height: 19.125rem;
  height: 5rem;
  padding: 1rem 1rem;
  text-align: center;
}
.cpnt_table.t-evaluation table tbody td em,
.cpnt_table.t-evaluation table tbody th em {
  display: block;
  margin-top: 1rem;
  text-align: center;
}
@media (max-width: 1023px) {
  .cpnt_table.t-evaluation table tbody img {
    width: 6.5rem;
    height: auto;
  }
}
.cpnt_table.t-ownershipStructure table tbody td + td,
.cpnt_table.t-ownershipStructure table tbody th + td,
.cpnt_table.t-ownershipStructure table tfoot td + td,
.cpnt_table.t-ownershipStructure table tfoot th + td {
  border-left: solid 0.063rem #d2d2d2;
}
.cpnt_table.t-ownershipStructure table tbody td,
.cpnt_table.t-ownershipStructure table tbody th,
.cpnt_table.t-ownershipStructure table tfoot td,
.cpnt_table.t-ownershipStructure table tfoot th,
.cpnt_table.t-ownershipStructure table thead th {
  height: 19.125rem;
  height: auto;
  height: 6.5rem;
  padding: 1.5rem 1rem 1.5rem 1rem !important;
}
.cpnt_table.t-ownershipStructure table tbody th,
.cpnt_table.t-ownershipStructure table tfoot th {
  text-align: left;
}
.cpnt_table.t-ownershipStructure table tbody td {
  text-align: right;
}
.cpnt_table.t-ownershipStructure table tbody td:nth-child(3)::after {
  content: " %";
}
.cpnt_table.t-ownershipStructure table tfoot td,
.cpnt_table.t-ownershipStructure table tfoot th {
  font-weight: 700;
  color: #111;
}
.cpnt_table.t-ownershipStructure table tfoot td {
  text-align: right;
}
.cpnt_table.t-ownershipStructure table tfoot td:nth-child(3)::after {
  content: " %";
}
@media (max-width: 1400px) {
  .cpnt_table.t-ownershipStructure table tbody td,
  .cpnt_table.t-ownershipStructure table tbody th,
  .cpnt_table.t-ownershipStructure table tfoot td,
  .cpnt_table.t-ownershipStructure table tfoot th {
    padding: 1.5rem 0.5rem 1.5rem 0.5rem !important;
  }
}
@media (max-width: 1200px) {
  .cpnt_table.t-ownershipStructure table tbody td,
  .cpnt_table.t-ownershipStructure table tbody th,
  .cpnt_table.t-ownershipStructure table tfoot td,
  .cpnt_table.t-ownershipStructure table tfoot th {
    font-size: 1rem;
  }
}
.cpnt_activity p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: -0.02px;
  word-break: keep-all;
}
.cpnt_activity strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.05px;
  word-break: keep-all;
}
.cpnt_activity p + strong,
.cpnt_activity strong ~ strong {
  margin-top: 3.5rem;
}
.cpnt_activity ul {
  margin-top: 1.5rem;
}
.cpnt_activity ul li {
  position: relative;
  padding-left: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.02px;
  color: #666;
  word-break: keep-all;
}
.cpnt_activity ul li::before {
  content: "-";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1023px) {
  .cpnt_activity p {
    font-size: 1rem;
    line-height: 1.75;
  }
  .cpnt_activity ul li {
    font-size: 0.875rem;
    line-height: 1.57;
  }
}
article.innerMovieWrap {
  max-width: calc(100vw - 5.5rem);
  margin: 0 auto;
}
article.innerMovieWrap .fullMovieWrap {
  margin: 0 auto;
}
article.innerMovieWrap .fullMovieWrap .vimeoWrap {
  width: 100%;
  position: relative;
  padding: 56.25% 0 0 0;
  margin: 0 auto;
}
article.innerMovieWrap .fullMovieWrap .gvideo,
article.innerMovieWrap .fullMovieWrap iframe,
article.innerMovieWrap .fullMovieWrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  article.innerMovieWrap {
    width: 100%;
    max-width: 90rem;
  }
  article.innerMovieWrap .fullMovieWrap {
    max-width: 90%;
    position: relative;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  article.innerMovieWrap {
    width: 100%;
    max-width: calc(100vw - 5.5rem);
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  article.innerMovieWrap {
    width: 100%;
    max-width: initial;
    padding: 0 1.25rem;
  }
}
@media (max-width: 768px) {
  article.innerMovieWrap {
    width: 100%;
    max-width: initial;
    padding: 0 1.25rem;
  }
}
.cpnt_silde_3rd .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.08px;
}
.cpnt_silde_3rd .heading + .innerBox {
  margin-top: 2.5rem;
}
.cpnt_silde_3rd .boardTopType_01 {
  margin-bottom: 0;
}
.cpnt_silde_3rd .innerBox {
  position: relative;
}
.cpnt_silde_3rd .innerBox::before {
  content: "";
  display: block;
  max-width: 75rem;
  width: 100%;
  height: 30rem;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.85) translate(-8.5%, 0);
  z-index: 1;
  border-radius: 30px;
  background-color: #f4f4f4;
}
.cpnt_silde_3rd .innerBox::after {
  content: "";
  display: block;
  max-width: 75rem;
  width: 100%;
  height: 30rem;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0.85) translate(8.5%, 0);
  z-index: 1;
  border-radius: 30px;
  background-color: #f4f4f4;
}
.cpnt_silde_3rd ul {
  z-index: 5;
}
.cpnt_silde_3rd ul li {
  max-width: 75rem;
  width: 100%;
  height: 30rem;
  transition: all 0.3s ease;
}
.cpnt_silde_3rd .item {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 30px;
  background-color: #f4f4f4;
  transition: all 0.4s ease;
}
.cpnt_silde_3rd .item > * {
  transition: all 0.3s ease;
}
.cpnt_silde_3rd .item .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30rem;
  height: 30rem;
}
.cpnt_silde_3rd .item .img img {
  max-width: 100%;
  max-height: 100%;
}
.cpnt_silde_3rd .item .summary {
  padding: 5rem 3.75rem;
  width: calc(100% - 30rem);
}
.cpnt_silde_3rd .item .summary strong {
  display: block;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_silde_3rd .item .summary time {
  display: block;
  opacity: 0.6;
  margin-top: 1rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
}
.cpnt_silde_3rd .item .summary p {
  display: block;
  margin-top: 2.5rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_silde_3rd ul li.swiper-slide-prev {
  transform: scale(0.85) translateX(97.2%);
  z-index: 5;
  transition: all 0.6s ease 0.2s;
}
.cpnt_silde_3rd ul li.swiper-slide-prev .item {
  box-shadow: 0 0 0 0 rgba(18, 18, 18, 0.5);
}
.cpnt_silde_3rd ul li.swiper-slide-prev .item > * {
  opacity: 0;
}
.cpnt_silde_3rd ul li.swiper-slide-next {
  transform: scale(0.85) translateX(-97.2%);
  z-index: 5;
  transition: all 0.6s ease 0.4s;
}
.cpnt_silde_3rd ul li.swiper-slide-next .item {
  box-shadow: 0 0 0 0 rgba(18, 18, 18, 0.5);
}
.cpnt_silde_3rd ul li.swiper-slide-next .item > * {
  opacity: 0;
}
.cpnt_silde_3rd ul li.swiper-slide-active {
  transform: scale(1) translateX(0);
  z-index: 10;
  opacity: 1;
  transition: all 0.6s ease 0s;
}
.cpnt_silde_3rd ul li.swiper-slide-active .item {
  box-shadow: 0 1rem 3rem 0 rgba(18, 18, 18, 0.3);
}
.cpnt_silde_3rd ul li.swiper-slide-active .item > * {
  opacity: 1;
}
.cpnt_silde_3rd .swiper-control {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 10;
}
.cpnt_silde_3rd .swiper-control .btn_prev {
  position: absolute;
  left: 1.875rem;
  transform: translateY(-50%);
}
.cpnt_silde_3rd .swiper-control .btn_next {
  position: absolute;
  right: 1.875rem;
  transform: translateY(-50%);
}
.cpnt_silde_3rd .innerBox {
  display: absolute;
  height: 0;
  overflow: hidden;
  clip: rect(-1px, -1px, -1px, -1px);
}
@media (max-width: 1300px) {
  .cpnt_silde_3rd .innerBox {
    display: static;
    height: auto;
    overflow: visible;
    clip: auto;
  }
  .cpnt_silde_3rd .boardTopType_01 {
    display: absolute;
    height: 0;
    overflow: hidden;
    clip: rect(-1px, -1px, -1px, -1px);
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_silde_3rd .innerBox::after,
  .cpnt_silde_3rd .innerBox::before {
    display: none;
  }
}
@media (max-width: 768px) {
  .cpnt_silde_3rd {
    margin: 0 1.25rem;
  }
  .cpnt_silde_3rd .heading {
    font-size: 1.5rem;
  }
  .cpnt_silde_3rd .innerBox::after,
  .cpnt_silde_3rd .innerBox::before {
    display: none;
  }
  .cpnt_silde_3rd .swiper-control {
    display: none;
  }
  .cpnt_silde_3rd ul {
    margin-left: 0;
  }
  .cpnt_silde_3rd ul li {
    width: 100%;
    height: calc(100vw - 2.5rem);
    margin-right: 1.25rem;
  }
  .cpnt_silde_3rd .item {
    flex-direction: column;
    border-radius: 10px;
  }
  .cpnt_silde_3rd .item .img {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    border-radius: 10px;
  }
  .cpnt_silde_3rd .item .summary {
    position: relative;
    z-index: 10;
    margin-top: auto;
    padding: 1.25rem 1.25rem;
    background-color: rgba(18, 18, 18, 0.24);
    width: 100%;
  }
  .cpnt_silde_3rd .item .summary strong {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
    color: #fff;
  }
  .cpnt_silde_3rd .item .summary time {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #fff;
  }
  .cpnt_silde_3rd .item .summary p {
    height: 0;
    margin: 0;
  }
  .cpnt_silde_3rd ul li.swiper-slide-prev {
    transform: scale(1) translateX(0);
    z-index: 5;
  }
  .cpnt_silde_3rd ul li.swiper-slide-prev .item {
    box-shadow: 0 0 0 0 rgba(18, 18, 18, 0.5);
  }
  .cpnt_silde_3rd ul li.swiper-slide-prev .item > * {
    opacity: 1;
  }
  .cpnt_silde_3rd ul li.swiper-slide-next {
    transform: scale(1) translateX(0);
    z-index: 5;
  }
  .cpnt_silde_3rd ul li.swiper-slide-next .item {
    box-shadow: 0 0 0 0 rgba(18, 18, 18, 0.5);
  }
  .cpnt_silde_3rd ul li.swiper-slide-next .item > * {
    opacity: 1;
  }
  .cpnt_silde_3rd ul li.swiper-slide-active {
    transform: scale(1) translateX(0);
    z-index: 10;
  }
  .cpnt_silde_3rd ul li.swiper-slide-active .item {
    box-shadow: 0 0 0 0 rgba(18, 18, 18, 0.5);
  }
  .cpnt_silde_3rd ul li.swiper-slide-active .item > * {
    opacity: 1;
  }
  .cpnt_silde_3rd .swiper-paging {
    position: absolute;
    height: auto;
    overflow: visible;
  }
}
.cpnt_media_bgtext {
  width: 100%;
  height: 8rem;
  position: relative;
  z-index: -1;
}
.cpnt_media_bgtext b {
  width: 106rem;
  position: absolute;
  left: 50%;
  bottom: -2rem;
  margin-left: -54rem;
  font-size: 9.8vw;
  font-weight: 900;
  line-height: 16.375rem;
  letter-spacing: 5.28px;
  white-space: nowrap;
  text-align: center;
  color: #f4f4f4;
}
@media (max-width: 768px) {
  .cpnt_media_bgtext {
    display: none;
  }
}
.cpnt_midea_board {
  margin-top: 5rem;
}
.cpnt_midea_board .heading {
  position: absolute;
  top: -0.5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  width: 60%;
}
@media (max-width: 1023px) {
  .cpnt_midea_board .heading {
    position: initial;
    top: 0;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
}
@media (max-width: 1023px) {
  .cpnt_midea_board .cpnt_controllLine {
    width: 30%;
    position: absolute;
    top: 0;
    right: 20px;
  }
}
.cpnt_midea_board .listHead .rightObject {
  text-align: right;
}
.cpnt_midea_board .cpnt_controllLine + ul {
  margin-top: 2.5rem;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_midea_board {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
@media (max-width: 768px) {
  .cpnt_midea_board {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .cpnt_midea_board .btn_gmore {
    font-size: 1rem;
  }
  .cpnt_midea_board .btn_gmore::after {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.cpnt_media_video {
  position: relative;
  transition: all 0.4s ease-out;
  margin-top: 4rem;
  text-align: center;
  transition: all 2s ease;
}
.cpnt_media_video .vimeoWrap {
  width: 100%;
  height: 56vw;
  padding-top: 56vw;
  min-height: auto;
  overflow: hidden;
  margin: 0 auto;
  transition: all 2s ease;
}
.cpnt_media_video .gvideo,
.cpnt_media_video iframe,
.cpnt_media_video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: all 2s ease;
}
.cpnt_media_video .heading {
  display: block;
  max-width: 74.75rem;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  opacity: 0;
  z-index: 10;
  margin-left: -37.375rem;
  padding: 0 2.5rem;
  font-size: 5.625rem;
  font-weight: 700;
  line-height: 6.75rem;
  text-align: left;
  letter-spacing: -0.18px;
  transition: all 0.3s ease-out 1s;
}
.cpnt_media_video.isMotion {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  padding-top: 7.2rem;
}
.cpnt_media_video.isMotion .vimeoWrap {
  width: 74.875rem;
  height: 42.125rem;
  padding-top: 42.125rem;
  border-radius: 30px;
}
.cpnt_media_video.isMotion .heading {
  top: 3.5rem;
  top: 3.5rem;
  opacity: 1;
}
@media (max-width: 768px) {
  .cpnt_media_video {
    margin-top: 5rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cpnt_media_video .heading {
    font-size: 1.5rem;
    letter-spacing: -0.05px;
  }
  .cpnt_media_video .vimeoWrap {
    height: calc(57vw - 2.5rem);
    padding-top: calc(57vw - 2.5rem);
    border-radius: 30px;
  }
  .cpnt_media_video.isMotion {
    padding-top: 0;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
  }
  .cpnt_media_video.isMotion .vimeoWrap {
    max-width: 100%;
    width: 100%;
    max-height: calc(57vw - 2.5rem);
    height: calc(57vw - 2.5rem);
    padding-top: calc(57vw - 2.5rem);
  }
}
.cpnt_media_latest .cpnt_controllLine + .item,
.cpnt_media_latest .heading + .item {
  margin-top: 2.5rem;
}
.cpnt_media_latest > a .item {
  margin-top: 2.5rem;
}
.cpnt_media_latest .ritems {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cpnt_media_latest .ritems p.ritemsTitle {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
}
.cpnt_media_latest .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
}
.cpnt_media_latest .item {
  display: flex;
  align-items: stretch;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  padding: 3.15rem;
  background-color: #f4f4f4;
}
.cpnt_media_latest .item .imgwrap {
  flex-shrink: 0;
  width: 48%;
  overflow: hidden;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/0.678296;
}
.cpnt_media_latest .item .imgwrap img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: all 0.3s ease;
}
.cpnt_media_latest .item .infowrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 3.15rem;
}
.cpnt_media_latest .item .infowrap b {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.188rem;
  letter-spacing: -0.02px;
}
.cpnt_media_latest .item .infowrap b + strong {
  margin-top: 2rem;
}
.cpnt_media_latest .item .infowrap strong {
  display: block;
  font-size: 2rem;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.375;
  letter-spacing: -0.06px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_media_latest .item .infowrap p {
  display: block;
  margin-top: 1rem;
  font-size: 1.25rem;
  font-size: 1.085rem;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.05px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_media_latest .item .btn_othermore {
  width: 6.875rem;
  height: 6.875rem;
  position: absolute;
  right: 0;
  bottom: -6.875rem;
  padding-left: 6.875rem;
  transition: all 0.3s ease;
}
.cpnt_media_latest .item .btn_othermore::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/front/assets/common/images/introduce/btn_sub_introduce_arrow.png)
    no-repeat center center/100% auto;
}
.cpnt_media_latest .item:hover .imgwrap img {
  transform: scale(1.1);
}
.cpnt_media_latest .item:hover .btn_othermore {
  bottom: 0;
}
@media (max-width: 1023px) {
  .cpnt_media_latest .heading {
    font-size: 1.5rem;
    letter-spacing: -0.05px;
    width: 60%;
  }
  .cpnt_media_latest {
    margin-top: 5rem;
  }
  .cpnt_media_latest .item {
    display: block;
    flex-direction: column;
    align-items: stretch;
    max-height: initial;
    height: auto;
    position: relative;
    overflow: hidden;
    padding: 2rem;
    border-radius: 30px;
  }
  .cpnt_media_latest .item .imgwrap {
    margin: 0 auto;
    overflow: hidden;
    max-height: 360px;
    width: initial;
  }
  .cpnt_media_latest .item .infowrap {
    padding: 3rem 0 0 0;
    width: 100%;
  }
  .cpnt_media_latest .item .infowrap b {
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: -0.01px;
  }
  .cpnt_media_latest .item .infowrap strong {
    font-size: 1.5rem;
    line-height: 1.53;
    letter-spacing: -0.05px;
  }
  .cpnt_media_latest .item .infowrap p {
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .cpnt_media_latest .item .btn_othermore {
    top: 0;
  }
  .cpnt_media_latest .btn_gmore {
    width: 33.75%;
    text-align: right;
  }
}
.cpnt_media_latest .btn_gmore {
  position: absolute;
  right: 0;
  top: 0.625rem;
  font-size: 1.25rem;
}
.cpnt_media_latest .btn_gmore::after {
  width: 0.8rem;
  height: 0.8rem;
}
@media (max-width: 1023px) {
  .cpnt_media_latest .btn_gmore {
    top: 0;
    font-size: 1rem;
  }
}
.cpnt_media_brochure .innerBox {
  display: flex;
  align-items: flex-end;
}
.cpnt_media_brochure .innerBox .summary {
  flex: 1;
}
.cpnt_media_brochure .innerBox .summary b {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
}
.cpnt_media_brochure .innerBox .summary .heading {
  display: block;
  margin-top: 1rem;
  font-size: 5.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.18px;
  word-break: keep-all;
}
.cpnt_media_brochure .innerBox .summary p {
  margin-top: 3.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.05px;
  color: #666;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpnt_media_brochure .innerBox .btnwrap {
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 22.875rem;
  margin-left: auto;
  padding-bottom: 0.5rem;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_media_brochure .innerBox .summary {
    margin-right: 1rem;
  }
  .cpnt_media_brochure .innerBox .summary .heading {
    font-size: 1.5rem;
  }
  .cpnt_media_brochure .innerBox .summary p {
    font-size: 1.4rem;
  }
  .cpnt_media_brochure .innerBox .summary p br {
    display: none;
  }
  .cpnt_media_brochure .innerBox .btnwrap {
    max-width: 16rem;
  }
}
@media (max-width: 768px) {
  .cpnt_media_brochure .innerBox {
    flex-direction: column;
    align-items: normal;
  }
  .cpnt_media_brochure .innerBox .summary b {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .cpnt_media_brochure .innerBox .summary .heading {
    margin-top: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.08px;
  }
  .cpnt_media_brochure .innerBox .summary p {
    margin-top: 2rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .cpnt_media_brochure .innerBox .btnwrap {
    max-width: 100%;
    margin-left: 0;
    padding-top: 5rem;
    padding-bottom: 0;
  }
}
.cpnt_media_gallery {
  position: relative;
  padding: 10rem 0 12.5rem;
  background-color: #f4f4f4;
}
.cpnt_media_gallery .heading {
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}
.cpnt_media_gallery .heading b {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_media_gallery .heading strong {
  display: block;
  margin-top: 1rem;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.04px;
}
.cpnt_media_gallery .swiper-control {
  position: absolute;
  right: 0;
  top: -11.25rem;
  text-align: right;
}
.cpnt_media_gallery .swiper-control button + button {
  margin-left: 1.25rem;
}
.cpnt_media_gallery .btn_gmore {
  position: absolute;
  top: 12.175rem;
  right: 0;
}
.cpnt_media_gallery .listwrap {
  display: flex;
  max-width: 90rem;
  width: 100%;
  position: relative;
  margin: 7.5rem auto 0;
}
.cpnt_media_gallery .listwrap li {
  flex: 1;
  position: relative;
  margin-right: 2.5rem;
  background-color: #f4f4f4;
}
.cpnt_media_gallery .listwrap li:last-child {
  margin-right: 0;
}
.cpnt_media_gallery .listwrap li.active {
  flex-shrink: 0;
  max-width: 30rem;
  flex-grow: 0;
  flex-basis: 29.6vw;
}
.cpnt_media_gallery .listwrap li.active .imgwrap {
  width: 29.6vw;
  max-width: 30rem;
  max-height: 20rem;
  height: 19.5vw;
  border-radius: 10px;
}
.cpnt_media_gallery .listwrap .item {
  display: block;
}
.cpnt_media_gallery .listwrap .item .imgwrap {
  display: block;
  width: 100%;
  height: 10rem;
  overflow: hidden;
  border-radius: 10px;
}
.cpnt_media_gallery .listwrap .item .imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cpnt_media_gallery .listwrap .item .infowrap {
  margin-top: 2.5rem;
}
.cpnt_media_gallery .listwrap .item .infowrap strong {
  display: -webkit-box;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -0.02px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.cpnt_media_gallery .listwrap .item .infowrap time {
  display: block;
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.188rem;
  letter-spacing: -0.02px;
  color: #b8b8b8;
}
@media (max-width: 1023px) {
  .cpnt_media_gallery {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .cpnt_media_gallery .heading {
    width: 60%;
    margin: initial;
  }
  .cpnt_media_gallery .heading b {
    font-size: 1.25rem;
    line-height: 1.313rem;
  }
  .cpnt_media_gallery .heading strong {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    letter-spacing: -0.08px;
  }
  .cpnt_media_gallery .swiper-control {
    width: 100%;
    position: static;
    margin-left: 0;
    margin-top: 1.25rem;
    text-align: right;
  }
  .cpnt_media_gallery .swiper-control button + button {
    margin-left: 1.25rem;
  }
  .cpnt_media_gallery .btn_gmore {
    position: absolute;
    top: 3.6rem;
    left: auto;
    left: initial;
    right: 0;
    font-size: 1rem;
    width: 33.75%;
    text-align: right;
  }
  .cpnt_media_gallery .btn_gmore.gallery_en {
    left: initial !important;
    top: 3.6rem;
  }
  .cpnt_media_gallery .listwrap {
    display: block;
    margin: 1.25rem auto 0;
  }
  .cpnt_media_gallery .listwrap li {
    flex-shrink: 0;
    flex-basis: 100%;
    position: relative;
    margin-right: 1.25rem;
  }
  .cpnt_media_gallery .listwrap li.active {
    flex-shrink: 0;
    max-width: 100%;
    flex-grow: 0;
    flex-basis: 100%;
  }
  .cpnt_media_gallery .listwrap li.active .imgwrap {
    width: 100%;
    max-width: 100%;
    max-height: 50vw;
    height: 50vw;
  }
  .cpnt_media_gallery .listwrap .item {
    display: block;
  }
  .cpnt_media_gallery .listwrap .item .imgwrap {
    height: 50vw;
  }
  .cpnt_media_gallery .listwrap .item .infowrap {
    margin-top: 2.5rem;
  }
  .cpnt_media_gallery .listwrap .item .infowrap strong {
    font-size: 1.25rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .cpnt_media_gallery .listwrap .item .infowrap time {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1rem;
    letter-spacing: -0.01px;
  }
}
.cpnt_introduce_video {
  max-width: 109rem;
  position: relative;
  margin: 0 auto;
}
.cpnt_introduce_video .gvideo,
.cpnt_introduce_video iframe,
.cpnt_introduce_video video {
  border-radius: 30px;
}
.cpnt_introduce_video .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.08px;
}
.cpnt_introduce_video .gmotionVideo {
  margin-top: 2.5rem;
}
.cpnt_introduce_video .vimeoWrap {
  border-radius: 30px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .cpnt_introduce_video .heading {
    font-size: 1.5rem;
    letter-spacing: -0.05px;
  }
}
.cpnt_introduce_video .btn_gmore {
  position: absolute;
  right: 0;
  top: 0.625rem;
}
.gmotionBgVideo .cpntmotion {
  margin-bottom: 1px;
}
.cpnt_introduce_video3 {
  position: relative;
  z-index: 1;
  max-width: 90rem;
  margin: 12.5rem auto 0;
}
.cpnt_introduce_video3 .vimeoWrap {
  overflow: hidden;
  border-radius: 30px;
}
.cpnt_introduce_video3 .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 3rem;
  letter-spacing: -0.08px;
}
.cpnt_introduce_video3 .vimeoWrap {
  margin-top: 2.5rem !important;
}
@media (max-width: 768px) {
  .cpnt_introduce_video3 {
    margin-top: 5rem;
  }
  .cpnt_introduce_video3 .heading {
    font-size: 1.5rem;
  }
}
.cpnt_introduce_video2 {
  max-width: 100%;
  height: 56vw;
  width: 100%;
  position: relative;
  z-index: 1;
}
.cpnt_introduce_video2 .gvideo,
.cpnt_introduce_video2 iframe,
.cpnt_introduce_video2 video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cpnt_introduce_video2 .vimeoWrap {
  width: 100%;
  height: 56vw;
  min-height: auto;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}
.cpnt_introduce_video2 .vimeoWrap > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cpnt_introduce_video2.cpnt1_1 .vimeoWrap {
  background: url(/front/assets/common/images/introduce/bg_sub_introduce_video2.jpg)
    no-repeat center center/cover;
}
.cpnt_introduce_video2::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20;
  background-color: rgba(18, 18, 18, 0.6);
}
.cpnt_introduce_video2 > img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  opacity: 1;
}
.cpnt_introduce_video2 .img1 {
  z-index: 15;
}
.cpnt_introduce_video2 .img2 {
  z-index: 10;
  transition: all 0.4s ease-out 3s;
}
.cpnt_introduce_video2 .img3 {
  z-index: 5;
  transition: all 0.4s ease-out 6s;
}
.cpnt_introduce_video2 .textwrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
.cpnt_introduce_video2 .textwrap p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  color: #fff;
  position: relative;
  word-break: keep-all;
  text-align: center;
}
.cpnt_introduce_video2 .textwrap p span {
  display: inline-block;
  position: relative;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  white-space: nowrap;
  color: inherit;
}
.cpnt_introduce_video2 .textwrap p span br {
  display: none;
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .cpnt_introduce_video2 .vimeoWrap {
    width: 120vw;
    height: 67.2vw;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .cpnt_introduce_video2 .vimeoWrap {
    width: 188vh;
    height: 100vh;
    transform: translateX(-10%);
  }
  .cpnt_introduce_video2.cpnt1_3 .vimeoWrap {
    width: 188vh;
    height: 100vh;
    transform: translateX(0);
  }
  .cpnt_introduce_video2 .textwrap p.scene2,
  .cpnt_introduce_video2 .textwrap p.scene3 {
    text-align: center;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_introduce_video2 .vimeoWrap {
    width: 188vh;
    height: 100vh;
    transform: translateX(-20%);
  }
  .cpnt_introduce_video2.cpnt1_3 .vimeoWrap {
    width: 188vh;
    height: 100vh;
    transform: translateX(-10%);
  }
  .cpnt_introduce_video2 .textwrap p {
    width: 100%;
    padding: 0 5%;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: center;
  }
  .cpnt_introduce_video2 .textwrap p span {
    display: inline !important;
  }
}
@media (max-width: 768px) {
  .cpnt_introduce_video2 .vimeoWrap {
    width: 188vh;
    height: 100vh;
    transform: translateX(-40%);
  }
  .cpnt_introduce_video2.cpnt1_3 .vimeoWrap {
    width: 188vh;
    height: 100vh;
    transform: translateX(-10%);
  }
  .cpnt_introduce_video2 .textwrap p {
    width: 100%;
    padding: 0 5%;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: center;
  }
  .cpnt_introduce_video2 .textwrap p span {
    display: inline !important;
    text-align: center;
    white-space: wrap;
    word-break: keep-all;
    opacity: 1;
  }
  .cpnt_introduce_video2 .textwrap p span br {
    display: block;
  }
}
.cpnt_introduce_missionvision {
  height: 100vh;
  overflow: hidden;
  background: #fff;
}
.cpnt_introduce_missionvision .item {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.cpnt_introduce_missionvision .item::before {
  content: "";
  display: block;
  flex: 1;
  height: 100vh;
}
.cpnt_introduce_missionvision .item .summary {
  flex-shrink: 0;
  flex-basis: 45.5rem;
  width: 45.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
  padding-left: 7.5rem;
  padding-right: 5em;
}
.cpnt_introduce_missionvision .item .summary b {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: -0.05px;
  word-break: keep-all;
  color: #20c85a;
}
.cpnt_introduce_missionvision .item .summary strong {
  display: block;
  margin-top: 1.25rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  word-break: keep-all;
}
.cpnt_introduce_missionvision .item .summary p {
  display: block;
  margin-top: 3.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  word-break: keep-all;
  color: #666;
}
.cpnt_introduce_missionvision.cpnt2 .item::before {
  background: url(/front/assets/common/images/introduce/img_sub_introduce_mission_thumb.png)
    no-repeat center center/cover;
}
.cpnt_introduce_missionvision.cpnt3 {
  height: calc(100vh + 8.5rem);
}
.cpnt_introduce_missionvision.cpnt3 .item::before {
  background: url(/front/assets/common/images/introduce/img_sub_introduce_vision_thumb.png)
    no-repeat center center/cover;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_introduce_missionvision {
    height: auto;
    height: 100vh;
  }
  .cpnt_introduce_missionvision .item {
    display: block;
  }
  .cpnt_introduce_missionvision .item::before {
    content: "";
    display: block;
    height: 20rem;
  }
  .cpnt_introduce_missionvision .item .summary {
    display: block;
    width: 100%;
    height: auto;
    padding: 3.75rem;
    opacity: 1;
  }
  .cpnt_introduce_missionvision .item .summary b {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_introduce_missionvision .item .summary strong {
    margin-top: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.01px;
  }
  .cpnt_introduce_missionvision .item .summary p {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
}
@media (max-width: 768px) {
  .cpnt_introduce_missionvision {
    height: auto;
    height: 100vh;
  }
  .cpnt_introduce_missionvision .item {
    display: block;
  }
  .cpnt_introduce_missionvision .item::before {
    content: "";
    display: block;
    height: 20rem;
  }
  .cpnt_introduce_missionvision .item .summary {
    display: block;
    width: 100%;
    height: auto;
    padding: 2.5rem;
    opacity: 1;
  }
  .cpnt_introduce_missionvision .item .summary b {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .cpnt_introduce_missionvision .item .summary strong {
    margin-top: 0.75rem;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.01px;
  }
  .cpnt_introduce_missionvision .item .summary p {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
}
.cpnt_fullSwiperWrap {
  position: relative;
  z-index: 10;
  padding-top: 0 !important;
}
.cpnt_fullSwiperWrap .fullSwiperContent {
  padding-top: 0 !important;
}
.cpnt_fullSwiperWrap .slideContent_custom {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.cpnt_fullSwiperWrap .slideContent_custom .deco {
  flex: 1;
  padding: 10.063rem 0 0 4.375rem;
  color: #161616;
}
html.en .cpnt_fullSwiperWrap .slideContent_custom .deco {
  padding: 7.063rem 0 0 4.375rem;
}
.cpnt_fullSwiperWrap .slideContent_custom .deco .decoTxt {
  display: block;
  font-size: 5.625rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.18px;
  color: inherit;
}
.cpnt_fullSwiperWrap .slideContent_custom .deco .subTxt {
  display: block;
  position: absolute;
  left: 4.375rem;
  bottom: 2.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: -0.01px;
  color: inherit;
}
.cpnt_fullSwiperWrap .slideContent_custom .info {
  width: 31rem;
  padding: 11.25rem 7.625rem 0 0;
  color: #161616;
}
.cpnt_fullSwiperWrap .slideContent_custom .info strong {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.38;
  letter-spacing: -0.06px;
  color: inherit;
  transform: translateY(100px);
  transition: all 0.3s ease-out 0.3s;
  opacity: 0;
  word-break: keep-all;
}
.cpnt_fullSwiperWrap .slideContent_custom .info p {
  display: block;
  margin-top: 2.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.02px;
  color: inherit;
  word-break: keep-all;
  transform: translateY(100px);
  transition: all 0.3s ease-out 0.3s;
  opacity: 0;
}
.cpnt_fullSwiperWrap
  .swiper-slide.swiper-slide-active
  .slideContent_custom
  .info
  strong {
  transform: translateY(0);
  opacity: 1;
}
.cpnt_fullSwiperWrap
  .swiper-slide.swiper-slide-active
  .slideContent_custom
  .info
  p {
  transform: translateY(0);
  opacity: 1;
}
.cpnt_fullSwiperWrap .swiper-slide > .swiper-slide {
  margin-left: 5rem;
}
.cpnt_fullSwiperWrap .swiper-slide:nth-child(2) .deco {
  color: #fff;
}
.cpnt_fullSwiperWrap .swiper-slide:nth-child(2) .info {
  color: #fff;
}
.cpnt_fullSwiperWrap .swiper-slide:nth-child(3) .deco {
  color: #fff;
}
.cpnt_fullSwiperWrap .swiper-slide:nth-child(3) img {
  object-position: center right;
}
@media (max-width: 1023px) {
  .cpnt_fullSwiperWrap.fullSwiperWrap .swiper.fullSwiper {
    margin-left: 0 !important;
    width: auto !important;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .info {
    width: 100% !important;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .info p,
  .cpnt_fullSwiperWrap .slideContent_custom .info strong {
    word-break: keep-all;
  }
  .cpnt_fullSwiperWrap .slideContent_custom {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 2.5rem 1.25rem 0;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .deco {
    width: 100%;
    padding: 0 !important;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .deco .decoTxt {
    display: block;
    font-size: 3.75rem;
    line-height: 1;
    letter-spacing: -0.1px;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .deco .subTxt {
    display: block;
    position: absolute;
    left: 1.25rem;
    bottom: 1.25rem;
    font-size: 0.75rem;
    line-height: 1.33;
    letter-spacing: -0.01px;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .info {
    width: 60%;
    padding: 3.5rem 0 0 0;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .info strong {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    -webkit-line-clamp: 3;
  }
  .cpnt_fullSwiperWrap .slideContent_custom .info p {
    margin-top: 1.25rem;
    font-size: 0.813rem;
    line-height: 1.54;
    letter-spacing: -0.01px;
  }
  html.en .cpnt_fullSwiperWrap .slideContent_custom .deco {
    padding: 0;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_fullSwiperWrap {
    padding: 0 !important;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide {
    height: 37.5rem;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(1) img {
    object-position: 25% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(2) img {
    object-position: 0 center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(3) img {
    object-position: 25% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(4) img {
    object-position: 21% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(5) img {
    object-position: 35% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(6) img {
    object-position: 0 center;
  }
}
@media (max-width: 768px) {
  .cpnt_fullSwiperWrap {
    padding: 0 !important;
  }
  .cpnt_fullSwiperWrap .fullSwiperTit {
    padding: 0 1.25rem;
  }
  .cpnt_fullSwiperWrap .fullSwiperContent {
    transform: none !important;
    padding-top: 0 !important;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide {
    height: 37.5rem;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(1) img {
    object-position: 25% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(2) img {
    object-position: 3% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(3) img {
    object-position: 25% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(4) img {
    object-position: 21% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(5) img {
    object-position: 18% center;
  }
  .cpnt_fullSwiperWrap .swiper.fullSwiper .swiper-slide:nth-child(6) img {
    object-position: 0 center;
  }
}
.cpnt_fullSwiperWrap.type_01 .slideContent_custom .info {
  width: 29rem;
  margin: 8.125rem 7.625rem 0 0;
  padding: 0;
}
@media (max-width: 768px) {
  .cpnt_fullSwiperWrap.type_01 .slideContent_custom {
    padding: 2.5rem 1.25rem 0 2.5rem;
  }
  .cpnt_fullSwiperWrap.type_01 .slideContent_custom .info {
    margin-top: 4rem;
  }
  .cpnt_fullSwiperWrap.type_01 .slideContent_custom .subTxt {
    left: 2.5rem;
  }
}
.cpnt_leadMoreWrap .heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
.cpnt_leadMoreWrap p {
  margin-top: 0.625rem;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #666;
}
@media (min-width: 769px) and (max-width: 1023px) {
  .cpnt_leadMoreWrap {
    padding: 0 1.25rem;
  }
  .cpnt_leadMoreWrap .pageList {
    flex-direction: row;
  }
}
@media (max-width: 768px) {
  .cpnt_leadMoreWrap {
    margin-top: 5rem;
    padding: 0 1.25rem;
  }
  .cpnt_leadMoreWrap .heading {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .cpnt_leadMoreWrap p {
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
}
.cpnt_summary_normal {
  display: flex;
  flex-direction: row;
}
.cpnt_summary_normal .summary {
  width: 38%;
  margin-top: -0.25rem;
  margin-right: auto;
}
.cpnt_summary_normal .summary .heading {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
}
.cpnt_summary_normal .conts {
  width: 40.69%;
  margin-left: auto;
}
.cpnt_summary_normal .conts p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7;
  word-break: keep-all;
  letter-spacing: -0.02px;
  color: #666;
}
.cpnt_summary_normal .conts p + p {
  margin-top: 1.875rem;
}
@media (max-width: 768px) {
  .cpnt_summary_normal {
    display: block;
  }
  .cpnt_summary_normal .summary {
    width: initial;
  }
  .cpnt_summary_normal .summary .heading {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -0.06px;
  }
  .cpnt_summary_normal .summary .heading br {
    display: none;
  }
  .cpnt_summary_normal .conts {
    width: initial;
    margin-top: 1.5rem;
  }
  .cpnt_summary_normal .conts p {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .cpnt_summary_normal .conts p + p {
    margin-top: 1.25rem;
  }
}
.introduce {
  width: 100%;
  height: 100%;
}
.introduce .brandItem {
  display: flex;
  column-gap: 1.5rem;
  margin-bottom: 12.5rem;
}
.introduce .brandItem:last-child {
  margin-bottom: 0;
}
.introduce .brandItem h2 {
  width: 21.375rem;
  font-size: 2.5rem;
  line-height: 3.5rem;
  letter-spacing: -0.08px;
  line-height: 1.04;
  font-weight: 700;
}
.introduce .brandItem h3 {
  font-size: 1.5rem;
  line-height: 1.42;
  letter-spacing: -0.05px;
  font-weight: 700;
}
.introduce .brandItem .symbol {
  width: 100%;
}
.introduce .brandItem .symbol > div {
  width: 100%;
  border: 1px solid #d2d2d2;
  border-radius: 30px;
  background-color: #fff;
  padding: 11.028rem 0;
  box-sizing: border-box;
  position: relative;
  margin-bottom: 2.5rem;
}
.introduce .brandItem .symbol > div.ci {
  padding: 0;
  border: none;
  margin-bottom: 3.5rem;
}
.introduce .brandItem .symbol > div.ci img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.introduce .brandItem .symbol > div img {
  display: block;
  width: 100%;
  max-width: 40.808rem;
  margin: 0 auto;
}
.introduce .brandItem .symbol p {
  font-size: 1.125rem;
  letter-spacing: -0.02px;
  line-height: 1.78;
  color: #666;
}
.introduce .brandItem .symbol button {
  display: flex;
  align-items: center;
  gap: 4px;
}
.introduce .brandItem .symbol button:hover {
  background-color: #20c85a;
  border: 1px solid #20c85a;
}
.introduce .brandItem .btn_glink_line {
  margin-left: auto;
}
.introduce .brandItem .color {
  width: 100%;
}
.introduce .brandItem .color > ul {
  margin-top: 1.5rem;
}
.introduce .brandItem .color > ul:nth-of-type(1) {
  width: 100%;
  display: flex;
  gap: 3.5rem;
  margin-bottom: 7.5rem;
}
.introduce .brandItem .color > ul:nth-of-type(1) li {
  width: calc((100% - 3.5rem) / 2);
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(1) p {
  background-color: #55b954;
}
.introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(2) p {
  background-color: #111;
}
.introduce .brandItem .color > ul:nth-of-type(2) {
  width: 100%;
  display: flex;
  column-gap: 5rem;
  row-gap: 5rem;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.introduce .brandItem .color > ul:nth-of-type(2) li {
  width: calc((100% - 10rem) / 3);
}
.introduce .brandItem .color > ul:nth-of-type(2) li p {
  padding: 2.5rem 0 0 0;
  margin-bottom: 0.75rem;
}
.introduce .brandItem .color > ul:nth-of-type(2) li strong {
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: -0.02px;
  font-weight: 700;
  margin: 0.75rem 0 1.25rem 0;
}
.introduce .brandItem .color > ul:nth-of-type(2) li span:nth-of-type(1) {
  margin-top: 0.75rem;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(1) p {
  background-color: #f38d36;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(2) p {
  background-color: #6d6e71;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(3) p {
  background-color: #7066a8;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(4) p {
  background-color: #c29249;
}
.introduce .brandItem .color > ul:nth-of-type(2) li:nth-of-type(5) p {
  background-color: #bcbdc0;
}
.introduce .brandItem .color > ul p {
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  line-height: 1.42;
  color: #fff;
  font-weight: 700;
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 10px;
}
.introduce .brandItem .color > ul span {
  display: block;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: -0.02px;
  color: #666;
  font-weight: 600;
}
.introduce .brandItem.logoBox {
  background: #e7f1f4;
  border-radius: 1.875rem;
  padding: 5rem;
}
.introduce .brandItem.logoBox h2 {
  font-size: 3.125rem;
  width: 30rem;
}
.introduce .brandItem.logoBox .symbol {
  width: calc(100% - 30rem);
}
.introduce .brandItem.logoBox .symbol div {
  border: none;
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.introduce .brandItem.logoBox .symbol div .btn_glink_line {
  margin-bottom: 2.4375rem;
}
.introduce .brandItem.logoBox .symbol div .btn_glink_line:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .introduce .brandItem.logoBox {
    flex-direction: column;
    padding: 2.5rem 1.25rem 3.75rem;
  }
  .introduce .brandItem.logoBox h2 {
    font-size: 2rem;
    letter-spacing: -0.06px;
    margin-bottom: 4.563rem;
  }
  .introduce .brandItem.logoBox .symbol {
    width: 100%;
  }
  .introduce .brandItem.logoBox .symbol .btn_glink_line {
    margin-left: 0;
    font-size: 1rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .historyWrap .history_img_box {
    display: none;
  }
  .historyWrap .bottom_txt {
    margin-top: 5rem;
  }
  .historyWrap .bottom_txt p {
    font-weight: 700;
  }
  .historyWrap .bottom_txt p:nth-of-type(1) {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .historyWrap .bottom_txt p:nth-of-type(2) {
    font-size: 2.5rem;
    line-height: 1.4;
    letter-spacing: -0.01px;
    margin-top: 2rem;
  }
}
@media (max-width: 767px) {
  .introduce .brandItem {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    margin-bottom: 7.5rem;
  }
  .introduce .brandItem h2 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: -0.05px;
  }
  .introduce .brandItem h3 {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .introduce .brandItem .symbol {
    width: 100%;
  }
  .introduce .brandItem .symbol > div {
    padding: 3.687rem 4.875rem;
    margin-bottom: 1.5rem;
  }
  .introduce .brandItem .symbol > div.ci {
    padding: 0;
    border: none;
    margin-bottom: 3.5rem;
  }
  .introduce .brandItem .symbol > div.ci img {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .introduce .brandItem .symbol p {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
  .introduce .brandItem .color {
    width: 100%;
  }
  .introduce .brandItem .color > ul {
    margin-top: 1.5rem;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) {
    width: 100%;
    flex-direction: column;
    gap: 2.563rem;
    margin-bottom: 3.563rem;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li {
    width: 100%;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(1) p {
    background-color: #55b954;
  }
  .introduce .brandItem .color > ul:nth-of-type(1) li:nth-of-type(2) p {
    background-color: #111;
  }
  .introduce .brandItem .color > ul:nth-of-type(2) {
    flex-direction: column;
    column-gap: initial;
    row-gap: 2.563rem;
  }
  .introduce .brandItem .color > ul:nth-of-type(2) li {
    width: 100%;
  }
  .introduce .brandItem .color > ul:nth-of-type(2) li p {
    padding: 2.5rem 0 0 0;
    margin-bottom: 1rem;
  }
  .introduce .brandItem .color > ul:nth-of-type(2) li strong {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.02px;
    font-weight: 700;
    margin: 0.75rem 0 1.25rem 0;
  }
  .introduce .brandItem .color > ul:nth-of-type(2) li span:nth-of-type(1) {
    margin-top: 0.75rem;
  }
  .introduce .brandItem .color > ul p {
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
  }
  .introduce .brandItem .color > ul span {
    font-size: 0.875rem;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
}
.historyWrap .historyContainer .tabNavWrap {
  height: auto;
}
.historyWrap .historyContainer .tabContentsWrap {
  padding: 10rem 0 1.8rem;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .year_ctn
  .year_img
  .year_title {
  position: relative;
  width: 100%;
  transition: all 0.1s;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .year_ctn
  .year_img.active
  .year_title {
  transition: all 0.1s;
  color: #20c85a;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .year_ctn
  .year_img.active
  .year_title::before {
  background: #20c85a;
}
.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active img {
  opacity: 1;
  transition: all 1s;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .year_ctn
  .year_img.active
  + .year_txt {
  opacity: 1;
  transition: all 1s;
}
.historyWrap .historyContainer .tabContentsWrap .year_ctn.fst {
  padding-top: 0;
}
.historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt {
  opacity: 0.4;
  transition: all 1s;
}
.historyWrap .historyContainer .tabContentsWrap .year_ctn img {
  opacity: 0.4;
  transition: all 1s;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .year_ctn.even
  .year_img
  .year_title::before {
  left: -29.8%;
}
.historyWrap .historyContainer .tabContentsWrap .history_bar {
  position: absolute;
  left: 50%;
  width: 0.125rem;
  height: calc(100% - 160px);
  background-color: rgba(232, 232, 232, 0.7);
}
.historyWrap .historyContainer .tabContentsWrap .history_bar .history_bar_on {
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #20c85a;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .history_bar
  .history_bar_on
  .pointer {
  width: 1rem;
  height: 1rem;
  position: absolute;
  z-index: 2;
  background-color: #20c85a;
  border-radius: 50%;
  box-shadow: 0 12px 16px 0 rgba(32, 200, 90, 0.24);
  left: -0.4rem;
  bottom: 0;
}
.historyWrap
  .historyContainer
  .tabContentsWrap
  .history_bar
  .history_bar_on
  .pointer::before {
  display: block;
  position: absolute;
  content: "";
  width: 3rem;
  height: 3rem;
  background-color: #20c85a;
  border-radius: 50%;
  left: -1rem;
  top: -1rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  animation: pin-wave 2s cubic-bezier(1, 2, 0.66, 3) infinite;
}
@keyframes pin-wave {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.1);
  }
  50% {
    opacity: 0.2;
  }
  to {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
@media (min-width: 1440px) {
  .historyWrap .historyContainer {
    position: relative;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 {
    padding-bottom: 5rem;
    background-color: #fff;
    position: absolute;
    z-index: 10;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
    border: 1px solid #e8e8e8;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 13rem;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even {
    padding-left: 0;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
    order: 2;
    margin-left: auto;
    margin-right: 16%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_txt {
    order: 1;
    text-align: right;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt {
    width: 36.25rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history {
    margin-top: 0.9375rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li {
    margin-top: 3rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li:first-child {
    margin-top: 0;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    .date {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #b8b8b8;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    p {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.05px;
    color: #111;
    word-break: keep-all;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    hr {
    border: none;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
    display: flex;
    flex-direction: column;
    width: 23.875rem;
    align-items: center;
    margin-right: auto;
    margin-left: 16%;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title {
    font-size: 8.75rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.35rem;
    color: #111;
    margin-bottom: 2rem;
    text-align: center;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img img {
    max-width: 20.375rem;
  }
}
@media (max-width: 1600px) {
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
    margin-left: 17.5%;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title::before {
    right: -12.8%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
    margin-right: 17.5%;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn.even
    .year_img
    .year_title::before {
    left: -12%;
  }
}
@media (max-width: 767px) {
  .introduce_history .contentsWrap {
    padding: 0 !important;
  }
  .scrollDown .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
    padding-top: 1.7rem;
  }
  .historyWrap .historyContainer {
    margin-top: 2.5rem;
    position: relative;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 {
    padding-bottom: 3.5rem;
    margin-bottom: 0;
    background-color: #fff;
    position: absolute;
    z-index: 2;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
    border: 1px solid #e8e8e8;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
    position: fixed;
    top: 0;
    height: auto;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding-top: 4.5rem;
    padding-bottom: 0;
    margin-top: 0;
  }
  .historyWrap .historyContainer .tabContentsWrap {
    position: relative;
  }
  .historyWrap .historyContainer .tabContentsWrap .history_bar {
    left: 1rem;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn {
    width: 100%;
    padding-top: 8.5rem;
    padding-left: 5.5rem;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
    margin-right: initial;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn.even
    .year_img
    .year_title::before {
    left: -32.3%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
    margin-left: initial;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active {
    color: #20c85a;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.fst {
    color: #20c85a;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.12px;
    width: 15rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title::before {
    left: -32.3%;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history {
    margin-top: 3rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    .date {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    p {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: -0.02px;
    color: #111;
    word-break: keep-all;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    hr {
    border: none;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    margin: 40px 0;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn img {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .introduce_history {
    padding: 0 4rem !important;
  }
  .introduce_history .contentsWrap {
    padding: 0 !important;
  }
  .scrollDown .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
    padding-top: 1.7rem;
  }
  .historyWrap .historyContainer {
    margin-top: 5rem;
    position: relative;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 {
    padding-bottom: 3.5rem;
    background-color: #fff;
    position: absolute;
    z-index: 2;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
    border: 1px solid #e8e8e8;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
    position: fixed;
    top: 0;
    height: auto;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding-top: 6rem;
    padding-bottom: 0;
    margin-top: 0;
  }
  .historyWrap .historyContainer .tabContentsWrap {
    position: relative;
  }
  .historyWrap .historyContainer .tabContentsWrap .history_bar {
    left: 1rem;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn {
    width: 100%;
    padding-top: 13rem;
    padding-left: 5.5rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn.even
    .year_img
    .year_title::before {
    left: -32.4%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
    margin-left: initial;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.12px;
    width: 15rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title::before {
    left: -32.4%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.active {
    color: #20c85a;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img.fst {
    color: #20c85a;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history {
    margin-top: 3rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    .date {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    p {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: -0.02px;
    color: #111;
    word-break: keep-all;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    hr {
    border: none;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
    margin: 40px 0;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn img {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .introduce_history {
    padding: 0 !important;
  }
  .introduce_history .contentsWrap {
    padding: 0 !important;
  }
  .historyWrap .historyContainer {
    margin-top: 8rem;
    position: relative;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 {
    padding-bottom: 3.5rem;
    background-color: #fff;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 .tabNavList a {
    border: 1px solid #e8e8e8;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn {
    width: 100%;
    padding-top: 13rem;
    display: flex;
    justify-content: space-between;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_txt {
    order: 1;
    text-align: right;
    padding-right: 15%;
    padding-left: initial;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn.even .year_img {
    order: 2;
    margin-right: initial;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn.even
    .year_img
    .year_title::before {
    left: -44.4%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_img {
    margin-left: initial;
    width: 35%;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: -0.12px;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img
    .year_title::before {
    right: -45%;
    top: 43%;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn .year_txt {
    width: 50%;
    padding-left: 15%;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history {
    margin-top: 3rem;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    .date {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
    color: #b8b8b8;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    p {
    margin-top: 12px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.56;
    letter-spacing: -0.02px;
    color: #111;
    word-break: keep-all;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_txt
    .year_history
    li
    hr {
    border: none;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1024px) {
  .scrollDown .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
    padding-top: 1.7rem;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02 {
    padding-bottom: 0;
    position: absolute;
    z-index: 2;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02.goFixed {
    position: fixed;
    top: 0;
    height: auto;
    width: 100%;
    background: #fff;
    z-index: 10;
    padding-top: 5.7rem;
    padding-bottom: 0.7rem;
  }
  .historyWrap .historyContainer .tabNavWrap.type_02.goOpt {
    opacity: 0;
    transition: 0.5s;
  }
  .historyWrap .historyContainer .tabContentsWrap {
    position: relative;
  }
  .historyWrap .historyContainer .tabContentsWrap .year_ctn {
    position: relative;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img.fst
    .year_title {
    color: #20c85a;
  }
  .historyWrap
    .historyContainer
    .tabContentsWrap
    .year_ctn
    .year_img.active
    .year_title {
    transition: all 0.5s;
    color: #20c85a;
  }
  .historyWrap .historyContainer .tabContentsWrap .tabContents {
    position: relative;
  }
}
.invest.ir h2 {
  font-size: 3.125rem;
  line-height: 4.375rem;
  letter-spacing: -0.01px;
  font-weight: 700;
}
.invest.ir h2.line_type01 {
  margin-top: -0.8rem;
}
.invest.ir h3 {
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: -0.08px;
  font-weight: 700;
}
.invest.ir .infoHead {
  display: flex;
}
.invest.ir .infoHead p {
  max-width: 44.25rem;
  margin-left: auto;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  line-height: 1.7rem;
  color: #666;
  word-break: keep-all;
  text-align: justify;
}
.invest.ir .infoHead ~ .infoHead {
  margin-top: 12.5rem;
}
.invest.ir .infoDiagram {
  margin-top: 12.5rem;
}
.invest.ir .infoDiagram p {
  font-size: 2.5rem;
  font-weight: 700;
  text-align: center;
  color: #666;
}
.invest.ir .infoDiagram p.text1 {
  margin-top: 5rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  color: #666;
}
@media (max-width: 1023px) {
  .invest.ir .infoDiagram p.text1 {
    font-size: 1.5rem;
  }
}
.invest.ir .infoDiagram p.text2 {
  margin-top: 2.5rem !important;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
  color: #666;
}
.invest.ir .infoDiagram .ico_plus {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  margin: 2.5rem auto 0;
  background: url(/front/assets/common/images/invest/ico_invest_plus.png)
    no-repeat center center/100% auto;
}
.invest.ir .infoDiagram .ico_plus + .chartDesc {
  margin-top: 0;
}
.invest.ir .infoDiagram .ico_arrow {
  display: block;
  width: 13.25rem !important;
  height: 6.75rem !important;
  margin: 2.5rem auto 0;
  background: transparent
    url(/front/assets/common/images/invest/ico_invest_arrow.png) no-repeat
    center center/100% auto !important;
}
.invest.ir .infoDiagram .diagramBox {
  margin-top: 2.5rem;
  display: flex;
  gap: 3.5rem;
  position: relative;
}
.invest.ir .infoDiagram .diagramBox.first::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 4rem;
  height: 4rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='ico_64/arrow'%3E%3Cpath data-name='사각형 353754' style='fill:transparent' d='M0 0h64v64H0z'/%3E%3Cpath data-name='패스 880235' d='M56 28 27.984 0 0 28' transform='rotate(90 21 25.5)' style='fill:none;stroke:%23d2d2d2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
.invest.ir .infoDiagram .diagramBox li {
  width: calc(100% - 0.75rem);
}
.invest.ir .infoDiagram .diagramBox li .diagram {
  background-color: #f4f4f4;
  padding: 3.75rem;
  border-radius: 30px;
}
.invest.ir .infoDiagram .diagramBox li .diagram span {
  display: block;
  text-align: center;
  font-size: 2rem;
  line-height: 1.38;
  letter-spacing: -0.06px;
  font-weight: 700;
}
.invest.ir .infoDiagram .diagramBox li .diagram span + p {
  margin-top: 3.5rem;
}
.invest.ir .infoDiagram .diagramBox li .diagram p {
  font-size: 1.5rem;
  line-height: 2.125rem;
  letter-spacing: -0.05px;
  line-height: 1.42;
  font-weight: 700;
  text-align: center;
}
.invest.ir .infoDiagram .diagramBox li .diagram ul span {
  margin-top: 0;
  font-size: 1.125rem;
}
.invest.ir .infoDiagram .diagramBox li .diagram ul p {
  margin-top: 0;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
  color: #666;
  background-color: #fff;
  padding: 2.5rem 0;
  border-radius: 54.5px;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_02 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li {
  position: relative;
  height: 3.5rem;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li > span {
  position: absolute;
  left: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_02 li > span::before {
  content: "";
  display: block;
  width: 0.875rem;
  height: 3.5rem;
  background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A");
}
.invest.ir
  .infoDiagram
  .diagramBox
  li
  .diagram
  .item_02
  li:nth-of-type(1)
  span {
  left: 45%;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_03 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li {
  background-color: #20c85a;
  width: 14.5rem;
  height: 14.5rem;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_03 li p {
  color: #fff;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_04 {
  margin-bottom: 0.25rem;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li {
  width: 50%;
  position: relative;
  height: 3.5rem;
  text-align: center;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li > span {
  position: absolute;
  left: 45%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_04 li > span::before {
  content: "";
  display: block;
  width: 0.875rem;
  height: 3.5rem;
  background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A");
}
.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
  color: #20c85a;
  background-color: #f2fcf4;
  padding: 2.5rem 0;
  border-radius: 54.5px;
}
.invest.ir .infoDiagram .diagramBox li .diagram.left .item_03 li {
  background-color: #999;
}
.invest.ir
  .infoDiagram
  .diagramBox
  li
  .diagram.right
  .item_02
  li:nth-of-type(1)
  span {
  left: 49%;
  color: #20c85a;
}
.invest.ir .infoDiagram .diagramBox.chart span {
  width: 5rem;
  height: 5rem;
  display: block;
  margin: 0 auto 2.5rem auto;
}
.invest.ir .infoDiagram .diagramBox.chart .diagram {
  height: 23.625rem;
}
.invest.ir .infoDiagram .diagramBox.chart .diagram p {
  font-size: 2rem;
  line-height: 1.38;
}
.invest.ir .infoDiagram .chartDesc {
  margin-top: 7.5rem;
}
.invest.ir .infoDiagram .chartDesc p {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 700;
  color: #666;
}
.invest.ir .infoDiagram .chartDesc p:nth-of-type(2) {
  margin-top: 2.5rem;
  font-size: 5.625rem;
  color: #23c75a;
}
.invest.ir .infoDiagram .chartDesc span {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  background-color: #111;
  margin: 2.5rem auto;
}
.invest.ir .infoList {
  margin-top: 12.5rem;
}
.invest.ir .infoList .listWrap {
  margin-top: 5rem;
}
.invest.ir .infoList .listWrap .listBox {
  margin-top: 5rem;
}
.invest.ir .infoList .listWrap .listBox p {
  width: 22.5rem;
  color: #cecece;
  font-size: 5.625rem;
  font-weight: 700;
  transition: color 0.5s ease;
}
.invest.ir .infoList .listWrap .listBox span {
  display: block;
  color: #cecece;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02px;
  transition: color 0.5s ease;
}
.invest.ir .infoList .listWrap .listBox.effect .listItem {
  align-items: center;
  justify-content: center;
}
.invest.ir .infoList .listWrap .listBox .listItem {
  padding: 0 0 5rem 0;
  margin: 0 0 5rem 0;
  position: relative;
  display: flex;
}
.invest.ir .infoList .listWrap .listBox .listItem::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0.125rem;
  background-color: #000;
  transition: width 0.8s ease;
}
.invest.ir .infoList .listWrap .listBox .listItem .listConts {
  width: calc(100% - 22.5rem);
}
.invest.ir .infoList .listWrap .listBox .listItem .listConts li {
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: -0.08px;
  font-weight: 700;
  color: #cecece;
  transition: color 0.5s ease;
}
.invest.ir .infoList .listWrap .listBox .listItem .listConts li strong {
  color: #cecece;
  transition: color 0.5s ease;
}
.invest.ir .infoList .listWrap .listBox .listItem.on {
  transition: width 0.8s ease;
}
.invest.ir .infoList .listWrap .listBox .listItem.on::before {
  width: 100%;
}
.invest.ir .infoList .listWrap .listBox .listItem.on p {
  color: #1cc85a;
}
.invest.ir .infoList .listWrap .listBox .listItem.on span {
  color: #1cc85a;
}
.invest.ir .infoList .listWrap .listBox .listItem.on .listConts li {
  color: #111;
}
.invest.ir .infoList .listWrap .listBox .listItem.on .listConts li strong {
  color: #1cc85a;
}
.invest.ir
  .infoList
  .listWrap
  .listBox
  .listItem.on.vision
  .listConts
  li::before {
  background-color: #666;
}
.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li {
  position: relative;
  margin-bottom: 2.5rem;
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}
.invest.ir .infoList .listWrap .listBox .listItem.vision .listConts li::before {
  content: "";
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #cecece;
  margin-top: 1.375rem;
}
.invest.ir
  .infoList
  .listWrap
  .listBox
  .listItem.vision
  .listConts
  li:last-child {
  margin-bottom: 0;
}
.invest.ir
  .infoList
  .listWrap
  .listBox
  .listItem.vision:nth-of-type(2)
  li::before {
  display: none;
}
.invest.ir .infoList2 {
  margin-top: 12.5rem;
  display: flex;
}
.invest.ir .infoList2 h2 {
  flex-basis: 23.875rem;
  margin-top: -0.625rem;
}
.invest.ir .infoList2 ol {
  flex: 1;
  border-top: solid 0.125rem #111;
}
.invest.ir .infoList2 ol li {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  padding: 3.5rem 0 3.5rem 10.375rem;
  column-gap: 2.5rem;
  border-bottom: solid #d2d2d2 0.125rem;
  position: relative;
}
.invest.ir .infoList2 ol li strong {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  box-sizing: border-box;
}
.invest.ir .infoList2 ol li strong::before {
  content: "";
  display: block;
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 3.25rem;
  top: 50%;
  transform: translateY(-50%);
}
.invest.ir .infoList2 ol li p {
  width: calc(100% - 10.25rem);
  display: block;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  color: #666;
}
.invest.ir .infoList2_5 {
  margin-top: 12.5rem;
  display: flex;
}
.invest.ir .infoList2_5 h2 {
  flex-shrink: 0;
  flex-basis: 100%;
  max-width: 18.75rem;
  row-gap: 7.5rem;
}
.invest.ir .infoList2_5 > ul {
  flex-basis: 100%;
  max-width: 63.75rem;
  border-top: solid #111 0.125rem;
  margin-left: auto;
}
.invest.ir .infoList2_5 > ul > li {
  display: flex;
  border-bottom: 0.0625rem solid #d2d2d2;
  padding: 3.5rem 2.5rem;
}
.invest.ir .infoList2_5 > ul > li strong {
  display: block;
  flex-shrink: 0;
  flex-basis: 18.75rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.42;
  letter-spacing: -0.05px;
  word-break: keep-all;
}
.invest.ir .infoList2_5 > ul > li ul {
  flex-basis: 100%;
  max-width: 26.5rem;
  margin-left: auto;
}
.invest.ir .infoList2_5 > ul > li ul li {
  position: relative;
  padding-left: 0.725rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #666;
  word-break: keep-all;
}
.invest.ir .infoList2_5 > ul > li ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.75rem;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #666;
}
.invest.ir .infoList2_5 > ul > li ul li:not(:is(:first-child)) {
  margin-top: 1.25rem;
}
@media (max-width: 1023px) {
  .invest.ir .infoList2_5 {
    display: block;
  }
  .invest.ir .infoList2_5 h2 {
    display: block;
  }
  .invest.ir .infoList2_5 > ul {
    margin-top: 2.5rem;
  }
  .invest.ir .infoList2_5 > ul > li {
    display: block;
    padding: 2.5rem 0;
  }
  .invest.ir .infoList2_5 > ul > li strong {
    display: block;
    font-size: 1.125rem;
    line-height: 1.56;
    letter-spacing: -0.02px;
  }
  .invest.ir .infoList2_5 > ul > li ul {
    max-width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
  }
  .invest.ir .infoList2_5 > ul > li ul li {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: -0.02px;
  }
}
.invest.ir .infoList3 {
  margin-top: 12.5rem;
}
.invest.ir .infoList3 .listWrap {
  position: relative;
  width: 100%;
  margin-top: 2.5rem;
}
.invest.ir .infoList3 .listWrap .listItem {
  width: 100%;
  height: 30.563rem;
  margin-bottom: 7.5rem;
  background-color: #f8f8f8;
  border-radius: 30px;
  transition: all ease 0.7s;
  z-index: 1;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.invest.ir .infoList3 .listWrap .listItem .thumbnail {
  width: 50%;
  height: 30.563rem;
  overflow: hidden;
}
.invest.ir .infoList3 .listWrap .listItem .description {
  width: 50%;
  padding: 0 5rem;
  box-sizing: border-box;
}
.invest.ir .infoList3 .listWrap .listItem .description .subject {
  font-size: 2rem;
  color: #111;
  font-weight: 700;
  margin-bottom: 1.5rem;
  word-break: keep-all;
}
.invest.ir .infoList3 .listWrap .listItem .description .txt {
  display: block;
  font-size: 1.125rem;
  line-height: 1.56;
  letter-spacing: -0.02px;
  color: #666;
  margin-bottom: 1.25rem;
  position: relative;
  padding-left: 0.875rem;
  word-break: keep-all;
}
.invest.ir .infoList3 .listWrap .listItem .description .txt::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  background-color: #666;
  position: absolute;
  left: 0;
  top: 0.7rem;
}
.invest.ir .infoList3 .listWrap .listItem .description .txt:last-child {
  margin-bottom: none;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(1) .thumbnail {
  background: url(/front/assets/common/images/invest/img_infoList3_thumb1.png)
    no-repeat;
  background-size: cover;
  background-position: center center;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(1) .description .subject {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.invest.ir
  .infoList3
  .listWrap
  .listItem:nth-of-type(1)
  .description
  .subject::before {
  content: "1";
  display: block;
  margin-right: 1.5rem;
  font-size: 5.625rem;
  font-weight: 700;
  color: #d2d2d2;
  letter-spacing: -0.18px;
  line-height: 1.3;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) {
  flex-direction: row-reverse;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) .thumbnail {
  background: url(/front/assets/common/images/invest/img_infoList3_thumb2.png)
    no-repeat;
  background-size: cover;
  background-position: center center;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(2) .description .subject {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.invest.ir
  .infoList3
  .listWrap
  .listItem:nth-of-type(2)
  .description
  .subject::before {
  content: "2";
  display: block;
  margin-right: 1.5rem;
  font-size: 5.625rem;
  font-weight: 700;
  color: #d2d2d2;
  letter-spacing: -0.18px;
  line-height: 1.3;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(3) .thumbnail {
  background: url(/front/assets/common/images/invest/img_infoList3_thumb3.png)
    no-repeat;
  background-size: cover;
  background-position: center center;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(3) .description .subject {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.invest.ir
  .infoList3
  .listWrap
  .listItem:nth-of-type(3)
  .description
  .subject::before {
  content: "3";
  display: block;
  margin-right: 1.5rem;
  font-size: 5.625rem;
  font-weight: 700;
  color: #d2d2d2;
  letter-spacing: -0.18px;
  line-height: 1.3;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) {
  flex-direction: row-reverse;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) .thumbnail {
  background: url(/front/assets/common/images/invest/img_infoList3_thumb4.png)
    no-repeat;
  background-size: cover;
  background-position: center center;
}
.invest.ir .infoList3 .listWrap .listItem:nth-of-type(4) .description .subject {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.invest.ir
  .infoList3
  .listWrap
  .listItem:nth-of-type(4)
  .description
  .subject::before {
  content: "4";
  display: block;
  margin-right: 1.5rem;
  font-size: 5.625rem;
  font-weight: 700;
  color: #d2d2d2;
  letter-spacing: -0.18px;
  line-height: 1.3;
}
.iframeBoxType_01 {
  position: relative;
  width: 100%;
}
.iframeBoxType_01 iframe {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .innerContentsWrap.invest.ir .infoDiagram {
    margin-top: 5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox {
    margin-top: 2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.first::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 4rem;
    height: 4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg data-name='ico_64/arrow'%3E%3Cpath data-name='사각형 353754' style='fill:transparent' d='M0 0h64v64H0z'/%3E%3Cpath data-name='패스 880235' d='M56 28 27.984 0 0 28' transform='rotate(90 21 25.5)' style='fill:none;stroke:%23d2d2d2;stroke-linecap:round;stroke-linejoin:round;stroke-width:4px'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram {
    padding: 2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram span {
    font-size: 1.5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram span + p {
    margin-top: 3.5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram p {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    font-size: 1.25rem;
    line-height: 1.42;
    font-weight: 700;
    text-align: center;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram ul span {
    margin-top: 0;
    font-size: 1.125rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram ul p {
    margin-top: 0;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
    color: #666;
    background-color: #fff;
    padding: 1rem 0;
    border-radius: 54.5px;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_02 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.25rem;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li {
    position: relative;
    height: 3.5rem;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li
    > span {
    position: absolute;
    left: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li
    > span::before {
    content: "";
    display: block;
    width: 0.875rem;
    height: 3.5rem;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li:nth-of-type(1)
    span {
    left: 45%;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_03 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_03
    li {
    background-color: #20c85a;
    width: 10.5rem;
    height: 10.5rem;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_03
    li
    p {
    color: #fff;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_04 {
    margin-bottom: 0.25rem;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_04
    li {
    width: 50%;
    position: relative;
    height: 3.5rem;
    text-align: center;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_04
    li
    > span {
    position: absolute;
    left: 45%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_04
    li
    > span::before {
    content: "";
    display: block;
    width: 0.875rem;
    height: 3.5rem;
    background: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='57.415' viewBox='0 0 15.414 57.415' %3E%3Cg data-name='ico_arrow_right_line - 24' %3E%3Cpath data-name='패스 871477' d='M66.688 8h-56' transform='rotate(90 13.199 2.508)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3Cpath data-name='패스 871478' d='M14 7 7 0 0 7' transform='rotate(180 7.353 28)' style='fill:none;stroke:%23d2d2d2;stroke-width:2px' /%3E%3C/g%3E%3C/svg%3E%0A");
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
    color: #20c85a;
    background-color: #f2fcf4;
    padding: 1rem 0;
    border-radius: 54.5px;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram.left
    .item_03
    li {
    background-color: #999;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram.right
    .item_02
    li:nth-of-type(1)
    span {
    left: 49%;
    color: #20c85a;
  }
}
@media (min-width: 769px) and (max-width: 1023px) {
  .innerContentsWrap.invest.ir h2 {
    font-size: 1.5rem;
    line-height: 1.42;
  }
  .innerContentsWrap.invest.ir h3 {
    font-size: 1.25rem;
  }
  .innerContentsWrap.invest.ir .infoHead {
    display: block;
  }
  .innerContentsWrap.invest.ir .infoHead p {
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 0;
    margin-top: 1.25rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram {
    margin-top: 5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox {
    margin-top: 2rem;
    flex-direction: column;
    row-gap: 3.5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.first::after {
    width: 3rem;
    height: 3rem;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li {
    width: 100%;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram {
    padding: 2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram p {
    font-size: 1rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
    padding: 1.25rem;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_03
    li {
    width: 7.25rem;
    height: 7.25rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
    padding: 1.25rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li span {
    font-size: 0.875rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart {
    row-gap: 0.75rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart .diagram {
    height: auto;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart span {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1.25rem auto;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart p {
    font-size: 1.125rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc {
    margin-top: 3.5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:not(:nth-of-type(2)) {
    font-size: 1.5rem;
    line-height: 1.42;
    color: #666;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:nth-of-type(2) {
    font-size: 2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc span {
    width: 2.5rem;
    height: 2.5rem;
    margin: 2rem auto;
  }
  .innerContentsWrap.invest.ir .infoList {
    margin-top: 5rem;
  }
  .innerContentsWrap.invest.ir .infoList .listWrap {
    margin-top: 2rem;
  }
  .innerContentsWrap.invest.ir .infoList .listWrap .listBox {
    margin-top: 1.563rem;
  }
  .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem {
    display: block;
    padding: 0 0 2.125rem 0;
    margin: 0 0 1.563rem 0;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem:last-child {
    margin: 0 0 3.5rem 0;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listTitle
    span {
    display: none;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listTitle
    p {
    font-size: 2rem;
    letter-spacing: -0.06px;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listConts {
    width: 100%;
    margin-top: 0.75rem;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listConts
    li {
    font-size: 1rem;
    line-height: 1.5;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem.vision
    .listConts
    li {
    gap: 0.625rem;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem.vision
    .listConts
    li::before {
    width: 0.125rem;
    height: 0.125rem;
    margin-top: 0.438rem;
  }
  .innerContentsWrap.invest.ir .infoList2 {
    flex-direction: column;
  }
  .innerContentsWrap.invest.ir .infoList2 h2 {
    flex-basis: initial;
    margin-bottom: 2.5rem;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li {
    flex-direction: column;
    padding: 3.5rem 0 3.5rem 0;
    row-gap: 2.5rem;
    border-bottom: none;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li:nth-of-type(2) {
    padding-top: 0;
    padding-bottom: 0;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li strong {
    width: 100%;
    padding-left: 3.5rem;
    font-size: 1.25rem;
    position: relative;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li strong::before {
    width: 3.5rem;
    height: 3.5rem;
    left: -7px;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li p {
    width: 100%;
    font-size: 1rem;
  }
  .innerContentsWrap.invest.ir .infoList3 {
    margin-top: 7.5rem;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem {
    height: auto;
    display: block;
    background-color: transparent;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem .thumbnail {
    width: 100%;
    border-radius: 30px;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem .description {
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem .description p.subject {
    margin-bottom: 1.75rem;
    gap: 1rem;
    font-size: 1.25rem;
    flex-direction: row;
    justify-content: flex-start;
  }
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(1)
    .description
    p.subject,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(2)
    .description
    p.subject,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(3)
    .description
    p.subject,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(4)
    .description
    p.subject {
    margin-bottom: 1.75rem;
    font-size: 1.25rem;
    flex-direction: row;
    justify-content: flex-start;
  }
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(1)
    .description
    p.subject::after,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(2)
    .description
    p.subject::after,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(3)
    .description
    p.subject::after,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(4)
    .description
    p.subject::after {
    font-size: 2.5rem;
  }
  .invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li:nth-of-type(1)
    span {
    left: 46.5%;
  }
  .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li > span {
    left: 46.5%;
  }
}
@media (max-width: 768px) {
  .innerContentsWrap.invest.ir h2 {
    font-size: 1.5rem;
    line-height: 1.42;
  }
  .innerContentsWrap.invest.ir h3 {
    font-size: 1.25rem;
  }
  .innerContentsWrap.invest.ir .infoHead {
    display: block;
    margin-top: 7.5rem;
  }
  .innerContentsWrap.invest.ir .infoHead p {
    max-width: initial;
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 0;
    margin-top: 1.2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram {
    margin-top: 5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox {
    margin-top: 2rem;
    flex-direction: column;
    row-gap: 3.5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.first::after {
    width: 3rem;
    height: 3rem;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li {
    width: 100%;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram {
    padding: 2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram p {
    font-size: 1rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_01 {
    padding: 1.25rem;
  }
  .innerContentsWrap.invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_03
    li {
    width: 7.25rem;
    height: 7.25rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li .diagram .item_05 {
    padding: 1.25rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox li span {
    font-size: 0.875rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart {
    row-gap: 0.75rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart .diagram {
    height: auto;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart span {
    width: 3.5rem;
    height: 3.5rem;
    margin: 0 auto 1.25rem auto;
  }
  .innerContentsWrap.invest.ir .infoDiagram .diagramBox.chart p {
    font-size: 1.125rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc {
    margin-top: 3.5rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:not(:nth-of-type(2)) {
    font-size: 1.5rem;
    line-height: 1.42;
    color: #666;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc p:nth-of-type(2) {
    font-size: 2rem;
  }
  .innerContentsWrap.invest.ir .infoDiagram .chartDesc span {
    width: 2.5rem;
    height: 2.5rem;
    margin: 2rem auto;
  }
  .innerContentsWrap.invest.ir .infoList {
    margin-top: 5rem;
  }
  .innerContentsWrap.invest.ir .infoList .listWrap {
    margin-top: 2rem;
  }
  .innerContentsWrap.invest.ir .infoList .listWrap .listBox {
    margin-top: 1.563rem;
  }
  .innerContentsWrap.invest.ir .infoList .listWrap .listBox .listItem {
    display: block;
    padding: 0 0 2.125rem 0;
    margin: 0 0 1.563rem 0;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem:last-child {
    margin: 0 0 3.5rem 0;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listTitle
    span {
    display: none;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listTitle
    p {
    font-size: 2rem;
    letter-spacing: -0.06px;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listConts {
    width: 100%;
    margin-top: 0.75rem;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem
    .listConts
    li {
    font-size: 1rem;
    line-height: 1.5;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem.vision
    .listConts
    li {
    gap: 0.625rem;
  }
  .innerContentsWrap.invest.ir
    .infoList
    .listWrap
    .listBox
    .listItem.vision
    .listConts
    li::before {
    width: 0.125rem;
    height: 0.125rem;
    margin-top: 0.438rem;
  }
  .innerContentsWrap.invest.ir .infoList2 {
    flex-direction: column;
    margin-top: 7.5rem;
  }
  .innerContentsWrap.invest.ir .infoList2 h2 {
    flex-basis: initial;
    margin-bottom: 2.5rem;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li {
    flex-direction: column;
    padding: 3.5rem 0 3.5rem 0;
    row-gap: 2.5rem;
    border-bottom: none;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li:nth-of-type(2) {
    padding-top: 0;
    padding-bottom: 0;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li:nth-of-type(3) {
    padding-bottom: 0;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li strong {
    width: 100%;
    padding-left: 3.5rem;
    font-size: 1.25rem;
    position: relative;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li strong::before {
    width: 3.5rem;
    height: 3.5rem;
    left: -7px;
  }
  .innerContentsWrap.invest.ir .infoList2 ol li p {
    width: 100%;
    font-size: 1rem;
  }
  .innerContentsWrap.invest.ir .infoList3 {
    margin-top: 7.5rem;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem {
    height: auto;
    display: block;
    background-color: transparent;
    margin-bottom: 2.5rem;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem:last-child {
    margin-bottom: 0;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem .thumbnail {
    width: 100%;
    border-radius: 30px;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem .description {
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }
  .innerContentsWrap.invest.ir .infoList3 .listItem .description p.subject {
    margin-bottom: 1.75rem;
    gap: 1rem;
    font-size: 1.25rem;
    flex-direction: row;
    justify-content: flex-start;
  }
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem
    .description
    p.subject::before {
    font-size: 2.5rem;
  }
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(1)
    .description
    p.subject,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(2)
    .description
    p.subject,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(3)
    .description
    p.subject,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(4)
    .description
    p.subject {
    margin-bottom: 1.75rem;
    font-size: 1.25rem;
    flex-direction: row;
    justify-content: flex-start;
  }
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(1)
    .description
    p.subject::after,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(2)
    .description
    p.subject::after,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(3)
    .description
    p.subject::after,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(4)
    .description
    p.subject::after {
    font-size: 2.5rem;
  }
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(1)
    .description
    p.subject::before,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(2)
    .description
    p.subject::before,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(3)
    .description
    p.subject::before,
  .innerContentsWrap.invest.ir
    .infoList3
    .listItem:nth-of-type(4)
    .description
    p.subject::before {
    font-size: 2.5rem;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .merger_mo .contentsWrap {
    padding: 0 !important;
  }
  .merger_mo .contentsWrap .infoDiagram .mo-font125 {
    font-size: 1.25rem !important;
  }
  .merger_mo .contentsWrap .infoDiagram .item_05 {
    margin: 0 !important;
  }
  .invest.ir .infoDiagram .diagramBox li .diagram span + p {
    margin-top: 1.5rem;
  }
}
@media (max-width: 620px) {
  .invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li:nth-of-type(1)
    span {
    left: 45%;
  }
  .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li > span {
    left: 45%;
  }
}
@media (max-width: 500px) {
  .invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li:nth-of-type(1)
    span {
    left: 43.5%;
  }
  .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li > span {
    left: 43.5%;
  }
}
@media (max-width: 450px) {
  .invest.ir
    .infoDiagram
    .diagramBox
    li
    .diagram
    .item_02
    li:nth-of-type(1)
    span {
    left: 42%;
  }
  .invest.ir .infoDiagram .diagramBox li .diagram .item_04 li > span {
    left: 42%;
  }
}
section.invest .tabContents.tab_01_cont_6 {
  height: auto !important;
  position: absolute;
  z-index: -1;
  width: 100%;
}
section.invest .tabContents.tab_01_cont_6.active {
  position: relative;
  z-index: 10;
}
.cpnt_ownership_structure .heading {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.08px;
}
.cpnt_ownership_structure .innerBox {
  display: flex;
  margin-top: 2.5rem;
}
.cpnt_ownership_structure .chartArea {
  flex: 1;
  max-width: 45rem;
  width: 50%;
  padding-right: 7.5rem;
}
.cpnt_ownership_structure .chartArea #chart-container {
  width: 100%;
  max-height: 45.5rem;
  height: calc(45vw + 8rem);
}
.cpnt_ownership_structure .chartArea #chart-container::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 8.75rem;
  height: 2.2375rem;
  width: 23.33%;
  height: 7%;
  background: url("data:image/svg+xml,%0A%3Csvg data-name='셀트리온 CI' xmlns='http://www.w3.org/2000/svg' width='140' height='35.772' viewBox='0 0 140 35.772'%3E%3Cpath data-name='패스 880214' d='M38.116 19.668h11.5v3.238h-6.118v2.7h5.6v3.245h-5.6v2.92h6.206v3.245H38.116z'/%3E%3Cpath data-name='패스 880215' d='M52.425 19.668h5.373v11.5h6.03v3.848h-11.4z'/%3E%3Cpath data-name='패스 880216' d='M65.535 19.668h5.379v11.5h6.03v3.848H65.535z'/%3E%3Cpath data-name='패스 880217' d='M88.807 19.594H76.023v1.138h5.759v14.356h1.341V20.731h5.759v-1.137z'/%3E%3Cpath data-name='패스 880218' d='M92.154 20.731h2.419c2.527 0 3.977 1.064 3.977 2.913 0 1.9-1.4 2.94-3.93 2.94h-2.466zm6.938 8.93a7.411 7.411 0 0 0-1.978-2.283 3.879 3.879 0 0 0 2.873-3.753c0-1.213-.5-4.031-5.163-4.031h-4.011v15.495h1.341v-7.358h1.992c1.836 0 2.405.271 4.214 3.117l2.676 4.207 1.457.034h.136z'/%3E%3Cpath data-name='패스 880219' d='M105.582 19.594h-1.267v15.495h1.341V19.594z'/%3E%3Cpath data-name='패스 880220' d='M115.752 34.038a6.694 6.694 0 1 1 6.741-6.694 6.668 6.668 0 0 1-6.741 6.694m-.041-14.648a7.952 7.952 0 1 0 8.218 7.947 7.977 7.977 0 0 0-8.218-7.947'/%3E%3Cpath data-name='패스 880221' d='M139.925 19.594h-1.267V32.88c-.257-.3-11.5-13.259-11.5-13.259l-1.07-.027h-.075v15.495h1.341V21.802c.257.3 11.524 13.252 11.524 13.252l1.043.027h.075V19.586h-.075z'/%3E%3Cpath data-name='패스 880222' d='M27.574 30.752a3.306 3.306 0 1 1 2.778-5.095h5.352a8.336 8.336 0 1 0 .095 3.049h-5.164a3.327 3.327 0 0 1-3.062 2.046'/%3E%3Cpath data-name='패스 880223' d='M166.856 226.958a4.7 4.7 0 1 1 4.7-4.7 4.693 4.693 0 0 1-4.7 4.7m0-12.852a8.157 8.157 0 1 0 8.157 8.157 8.157 8.157 0 0 0-8.157-8.157' transform='translate(-139.465 -214.106)' style='fill:%2350b848'/%3E%3Cpath data-name='패스 880224' d='M139.465 241.369a8.157 8.157 0 1 0 8.157-8.157 8.157 8.157 0 0 0-8.157 8.157' transform='translate(-139.465 -214.106)' style='fill:%2350b848'/%3E%3Cpath data-name='패스 880225' d='M147.663 229.173a6.9 6.9 0 1 1 6.89-6.9 6.9 6.9 0 0 1-6.89 6.9m0-15.041a8.15 8.15 0 1 0 8.15 8.15 8.158 8.158 0 0 0-8.15-8.15' transform='translate(-139.465 -214.106)' style='fill:%2350b848'/%3E%3C/svg%3E")
    no-repeat center center/100% auto;
}
.cpnt_ownership_structure .chartArea .chart_tooltip {
  padding: 5px;
}
.cpnt_ownership_structure .chartArea .chart_tooltip > * {
  display: inline-block;
  vertical-align: middle;
}
.cpnt_ownership_structure .chartArea .chart_tooltip span {
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
}
.cpnt_ownership_structure .chartArea .chart_tooltip strong {
  font-size: 14px;
  font-weight: 500;
  color: #666;
  margin-right: 5px;
}
.cpnt_ownership_structure .chartArea .chart_tooltip b {
  font-size: 16px;
  font-weight: 700;
  color: #666;
}
.cpnt_ownership_structure .chartArea .chart_tooltip b:last-child {
  margin-top: 10px;
}
.cpnt_ownership_structure .tableArea {
  position: relative;
  flex: 1;
  height: 100%;
  max-width: 45rem;
}
.cpnt_ownership_structure .tableArea caption {
  position: absolute;
  top: -3.75rem;
  right: 0;
  text-align: right;
  font-size: 1rem;
  font-weight: 500;
  color: #b8b8b8;
}
@media (max-width: 1023px) {
  .cpnt_ownership_structure .innerBox {
    display: block;
  }
  .cpnt_ownership_structure .chartArea {
    max-width: 100%;
    width: 100%;
    padding-right: 0;
  }
  .cpnt_ownership_structure .chartArea #chart-container {
    width: 80%;
    max-height: initial;
    height: 92vw;
    margin: 0 auto;
  }
  .cpnt_ownership_structure .tableArea {
    max-width: 100%;
    margin-top: 7.5rem;
  }
  .cpnt_ownership_structure .tableArea table {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .cpnt_ownership_structure .chartArea #chart-container {
    width: 100%;
    height: calc(100vw + 7.5rem - 2.5rem);
  }
}
@media (max-width: 540px) {
  .cpnt_ownership_structure {
    display: block;
  }
  .cpnt_ownership_structure .tableArea table {
    width: 500px;
  }
}
main#wrapper > section.product .tabNavWrap.type_02 {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  main#wrapper > section.product .tabNavWrap.type_02 {
    margin-bottom: 1.563rem;
  }
}
main#wrapper > section.product .tabNavWrap.type_02 {
  margin-top: 10rem;
}
@media (max-width: 1023px) {
  main#wrapper > section.product .tabNavWrap.type_02 {
    margin-top: 5rem;
  }
}
.cpnt_product_headtext p {
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
}
@media (max-width: 768px) {
  .cpnt_product_headtext p {
    font-size: 2rem;
    line-height: 1.38;
    letter-spacing: -0.06px;
  }
}
.cpnt_product_table .cpnt_divtable {
  margin-top: 2.5rem;
}
@media (max-width: 768px) {
  .cpnt_product_table .cpnt_divtable {
    margin-top: 1.5rem;
  }
}
.cpnt_divtable .thead {
  display: flex;
  width: 100%;
  table-layout: fixed;
  border-top: solid 0.125rem #111;
  border-bottom: solid 1px #d2d2d2;
  font-size: 1.25rem;
  font-weight: 700;
  padding: 2.125rem 0;
}
.cpnt_divtable .thead b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
}
.cpnt_divtable .tbody > div {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: calc(10.625rem + 2px);
  height: auto;
  border-bottom: solid 1px #d2d2d2;
}
.cpnt_divtable .tbody dd,
.cpnt_divtable .tbody dt {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2.1875rem 0.5rem 2.1875rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.02px;
  text-align: left;
  word-break: keep-all;
  text-align: center;
  word-break: break-all;
}
.cpnt_divtable .tbody .img img {
  max-width: 10.625rem;
  max-height: 10.625rem;
  object-fit: contain;
}
.cpnt_divtable .tbody:not(:has(div))::after {
  content: "등록된 게시물이 없습니다";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 10rem;
  border-bottom: solid 1px #d2d2d2;
  font-size: 1.25rem;
  color: #999;
}
html.en .cpnt_divtable .tbody:not(:has(div))::after {
  content: "No Data";
}
.cpnt_divtable.t-cell5 .tbody div > *,
.cpnt_divtable.t-cell5 .thead > * {
  flex-shrink: 0;
  text-align: center;
}
.cpnt_divtable.t-cell5 .tbody div > :nth-child(1),
.cpnt_divtable.t-cell5 .thead > :nth-child(1) {
  flex-basis: 18%;
}
.cpnt_divtable.t-cell5 .tbody div > :nth-child(2),
.cpnt_divtable.t-cell5 .thead > :nth-child(2) {
  flex-basis: 25%;
  padding: 0 0;
}
.cpnt_divtable.t-cell5 .tbody div > :nth-child(3),
.cpnt_divtable.t-cell5 .thead > :nth-child(3) {
  flex-basis: 25%;
}
.cpnt_divtable.t-cell5 .tbody div > :nth-child(4),
.cpnt_divtable.t-cell5 .thead > :nth-child(4) {
  flex: 1;
  word-break: keep-all;
}
.cpnt_divtable.t-cell5 .tbody div > :nth-child(5),
.cpnt_divtable.t-cell5 .thead > :nth-child(5) {
  flex-basis: 15%;
}
.cpnt_divtable.t-cell4 .tbody div > *,
.cpnt_divtable.t-cell4 .thead > * {
  flex-shrink: 0;
  text-align: center;
}
.cpnt_divtable.t-cell4 .tbody div > :nth-child(1),
.cpnt_divtable.t-cell4 .thead > :nth-child(1) {
  flex-basis: 22%;
}
.cpnt_divtable.t-cell4 .tbody div > :nth-child(2),
.cpnt_divtable.t-cell4 .thead > :nth-child(2) {
  flex-basis: 17%;
}
.cpnt_divtable.t-cell4 .tbody div > :nth-child(3),
.cpnt_divtable.t-cell4 .thead > :nth-child(3) {
  flex: 1;
  word-break: keep-all;
}
.cpnt_divtable.t-cell4 .tbody div > :nth-child(4),
.cpnt_divtable.t-cell4 .thead > :nth-child(4) {
  flex-basis: 12%;
}
.cpnt_divtable.t-cell4i .tbody div > *,
.cpnt_divtable.t-cell4i .thead > * {
  flex-shrink: 0;
  text-align: center;
}
.cpnt_divtable.t-cell4i .tbody div > :nth-child(1),
.cpnt_divtable.t-cell4i .thead > :nth-child(1) {
  flex-basis: 17%;
}
.cpnt_divtable.t-cell4i .tbody div > :nth-child(2),
.cpnt_divtable.t-cell4i .thead > :nth-child(2) {
  flex-basis: 10.625rem;
  padding: 0 0;
}
.cpnt_divtable.t-cell4i .tbody div > :nth-child(3),
.cpnt_divtable.t-cell4i .thead > :nth-child(3) {
  flex: 1;
}
.cpnt_divtable.t-cell4i .tbody div > :nth-child(4),
.cpnt_divtable.t-cell4i .thead > :nth-child(4) {
  flex-basis: 25%;
}
html.en .cpnt_divtable.t-cell3 .tbody div > :nth-child(1),
html.en .cpnt_divtable.t-cell3 .thead > :nth-child(1) {
  flex-basis: 27%;
}
html.en .cpnt_divtable.t-cell3 .tbody div > :nth-child(2),
html.en .cpnt_divtable.t-cell3 .thead > :nth-child(2) {
  flex: 1;
}
html.en .cpnt_divtable.t-cell3 .tbody div > :nth-child(3),
html.en .cpnt_divtable.t-cell3 .thead > :nth-child(3) {
  flex-basis: 27%;
}
html.en .cpnt_divtable .btn_gconfirm {
  min-width: 30%;
  width: max-content;
}
.cpnt_divtable.t-cell3 .tbody div > *,
.cpnt_divtable.t-cell3 .thead > * {
  flex-shrink: 0;
  text-align: center;
}
.cpnt_divtable.t-cell3 .tbody div > :nth-child(1),
.cpnt_divtable.t-cell3 .thead > :nth-child(1) {
  flex-basis: 25%;
}
.cpnt_divtable.t-cell3 .tbody div > :nth-child(2),
.cpnt_divtable.t-cell3 .thead > :nth-child(2) {
  flex: 1;
}
.cpnt_divtable.t-cell3 .tbody div > :nth-child(3),
.cpnt_divtable.t-cell3 .thead > :nth-child(3) {
  flex-basis: 25%;
}
html.en .cpnt_divtable.t-cell3 .tbody div > :nth-child(1),
html.en .cpnt_divtable.t-cell3 .thead > :nth-child(1) {
  flex-basis: 27%;
}
html.en .cpnt_divtable.t-cell3 .tbody div > :nth-child(2),
html.en .cpnt_divtable.t-cell3 .thead > :nth-child(2) {
  flex: 1;
}
html.en .cpnt_divtable.t-cell3 .tbody div > :nth-child(3),
html.en .cpnt_divtable.t-cell3 .thead > :nth-child(3) {
  flex-basis: 27%;
}
html.en .cpnt_divtable .btn_gconfirm {
  min-width: 65%;
  width: max-content;
  text-align: center;
}
.cpnt_divtable table.cpnt_table_01 {
  display: block;
  width: 100%;
}
.cpnt_divtable table.cpnt_table_01 thead {
  padding: 2.125rem 3.125rem;
}
@media (max-width: 1023px) {
  .cpnt_divtable .thead.isPc {
    display: flex !important;
  }
}
@media (max-width: 768px) {
  .cpnt_divtable .thead.isPc {
    display: none !important;
  }
  .cpnt_divtable .tbody {
    border-top: solid 0 #cfcfcf;
  }
  .cpnt_divtable .tbody > div {
    display: block;
    height: auto;
    border: solid 1px #cfcfcf;
    border-radius: 30px;
    padding: 2.35rem 2.5rem 2.16rem;
    text-align: center;
  }
  .cpnt_divtable .tbody > div + div {
    margin-top: 20px;
  }
  .cpnt_divtable .tbody dd:not(.img),
  .cpnt_divtable .tbody dt {
    display: flex;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.02px;
    text-align: inherit;
  }
  .cpnt_divtable .tbody dt {
    font-size: 1.125rem;
    font-weight: 700;
  }
  .cpnt_divtable .tbody dd.img {
    width: 200px;
    min-height: 200px;
    margin-top: 0;
  }
  .cpnt_divtable .tbody dd.img img {
    max-width: 100%;
    max-height: 100%;
  }
  .cpnt_divtable .tbody dd.img + dd {
    margin-top: 1.2rem;
  }
  .cpnt_divtable .tbody dt + dd {
    margin-top: 1rem;
    padding-top: 1.2rem;
  }
  .cpnt_divtable .tbody dd + dd {
    margin-top: 1rem;
    padding-top: 1.2rem;
    border-top: 1px solid #e8e8e8;
  }
  .cpnt_divtable .tbody dd + dd + dd {
    margin-top: 1rem;
    padding-top: 1.2rem;
    border-top: 1px solid #e8e8e8;
  }
  .cpnt_divtable .tbody dd + dd + dd + dd {
    margin-top: 1rem;
    padding-top: 0.85rem;
    border-top: 1px solid #e8e8e8;
  }
  .cpnt_divtable .tbody dd:last-child {
    margin-top: 1.25rem;
  }
  .cpnt_divtable .tbody dd,
  .cpnt_divtable .tbody dt {
    padding: 0;
  }
  .cpnt_divtable.t-noImg .tbody > div:nth-child(even) {
    background-color: #f8f8f8;
  }
}
@media (min-width: 1440px) {
  .recruit-Wrap_ft .contentsWrap {
    padding: 0 !important;
  }
  .recruit-Wrap .contentsWrap {
    padding: 10rem 0 0 0 !important;
  }
  .innerVisualWrap .future-main_img:nth-of-type(2) {
    display: none;
  }
  .future-content {
    width: 1440px;
    margin: 0 auto;
    padding-top: 10rem;
  }
  .future-content .section {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    z-index: 50;
    height: 740px;
  }
  .future-content .section .h3-bold {
    font-size: 3.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.1px;
    color: #111;
  }
  .future-content .section .i1 {
    height: 26.875rem;
    display: flex;
    align-items: center;
  }
  .future-content .section .content-box {
    display: flex;
    align-items: center;
    margin-bottom: 15rem;
  }
  .future-content .section .content-box img {
    width: 29rem;
    height: 26.875rem;
  }
  .future-content .section .content-box .content-list {
    margin-left: 7.625rem;
    width: 22.875rem;
    position: relative;
  }
  .future-content .section .content-box .content-list .content-txt .font-h5 {
    margin-bottom: 1.75rem;
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .future-content .section .content-box .content-list .content-txt .font-b3 {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .future-content .section .content-box .content-list .content-txt .font-b3-mo {
    display: none;
  }
  .future-content .section .content-box:last-child {
    margin-bottom: 0;
  }
  .innerVisualWrap .recruit-main_img:nth-of-type(2) {
    display: none;
  }
  .recruit-content {
    width: 1440px;
    margin: 0 auto;
  }
  .recruit-content .recruit-item {
    display: flex;
    text-align: center;
  }
  .recruit-content .recruit-item .item-box {
    position: relative;
    width: 25%;
    text-align: center;
    padding-top: 2.5rem;
    margin: 0 auto;
  }
  .recruit-content .recruit-item .item-box .recruit-circle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    border: 1.5px solid #20c85a;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    margin-left: -1.25rem;
    z-index: 2;
  }
  .recruit-content .recruit-item .item-box .recruit-circle_atv {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #20c85a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #fff;
    margin-left: -1.25rem;
  }
  .recruit-content .recruit-item .item-box hr {
    border: none;
    position: absolute;
    top: 0.75rem;
    left: 12.4rem;
    width: 20.175rem;
    height: 0.094rem;
    background-color: #d2d2d2;
  }
  .recruit-content .recruit-item .item-box .font-h5 {
    margin-top: 1.5rem;
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .recruit-content .recruit-item .item-box .font-b3 {
    word-break: keep-all;
    overflow-wrap: break-word;
    margin-top: 1.75rem;
    font-size: 0.9rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .recruit-content .recruit-item .item-box .recruit-border_mo {
    display: none;
  }
  .recruit-content .recruit-item:nth-of-type(2) {
    margin-top: 9rem;
  }
  .recruit-content .recruit-item:nth-of-type(2) .item-box:nth-of-type(1) {
    margin-left: 11.15rem;
  }
  .recruit-content .recruit-item:nth-of-type(2) .item-box:last-child {
    margin-right: 11.15rem;
  }
  .innerVisualWrap .jobinfo-main_img:nth-of-type(2) {
    display: none;
  }
  .jobinfo-content {
    margin: 0 auto;
  }
  .jobinfo-content .jobinfo-item .item-box {
    display: flex;
    justify-content: space-between;
  }
  .jobinfo-content .jobinfo-item .item-box .font-h5 {
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list {
    width: 44.25rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri {
    display: flex;
    justify-content: end;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
    display: none;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #fff;
    font-weight: 500;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .lg-pri
    button[class$="Solid"]:hover {
    background-color: #111;
    border: 1px solid #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button.active {
    background-color: #20c85a;
    border: 1px solid #20c85a;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium {
    padding: 0.688rem 0;
    width: 7.4375rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium span {
    font-weight: 700;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list hr.ani02 {
    margin: 0;
    margin-top: 1.5rem;
    border: none;
    width: 44.25rem;
    height: 0.125rem;
    background-color: #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list {
    display: flex;
    align-items: center;
    margin: 3rem 0 3rem 0.5rem;
    position: relative;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.5rem;
    height: 3.5rem;
    background: url(/front/assets/common/images/recruit/ico_jobinfo_01.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold {
    margin: 0.75rem 0 0 7.125rem;
    font-size: 1.5rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    width: 27.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-btn {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-btn
    button {
    width: 2rem;
    height: 2rem;
    background: url(/front/assets/common/images/recruit/ico_arrow_down.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-item {
    display: none;
    width: 100%;
    margin-top: 2.813rem;
    font-size: 1.25rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-item
    .drop-item-list {
    margin-bottom: 1rem;
    position: relative;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-item
    .drop-item-list::before {
    position: absolute;
    top: 0;
    left: -1rem;
    content: "∙";
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-item
    .drop-item-list:last-child {
    margin-bottom: 0;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box hr.border-2 {
    margin: 0;
    border: none;
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list:last-child {
    display: flex;
    align-items: center;
    margin: 3rem 0 0 0.5rem;
    position: relative;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list:last-child
    .ico {
    width: 3.5rem;
    height: 3.5rem;
    background: url(/front/assets/common/images/recruit/ico_jobinfo_02.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list.active
    .drop-item {
    display: block;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list.active
    .drop-btn
    button {
    background: url(/front/assets/common/images/recruit/ico_arrow_up.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list.active
    .ico-box
    .ico-list
    .drop-item {
    display: block;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list.active
    .ico-box
    .ico-list
    .drop-btn
    button {
    background: url(/front/assets/common/images/recruit/ico_arrow_up.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) {
    margin-top: 12.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_busin.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_permi.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_forest.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(4)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_statis.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(5)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_chemi.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) {
    margin-top: 12.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_DSDP.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_produc.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_ENG.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) {
    margin-top: 12.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(4)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_QA.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(4)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_QC.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) {
    margin-top: 12.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(5)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_S&OP.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(5)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_distri.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) {
    margin-top: 12.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_BM.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_finan.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_judic.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) {
    margin-top: 12.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(7)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_biobs.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(7)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_global.png)
      no-repeat center;
    background-size: contain;
  }
  .innerVisualWrap .benefits-main_img:nth-of-type(2) {
    display: none;
  }
  .benefits-content {
    width: 1440px;
    margin: 0 auto;
  }
  .benefits-content .benefits-item .item-box {
    margin-bottom: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  .benefits-content .benefits-item .item-box .font-h4 {
    margin-bottom: 2rem;
    font-size: 2.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.08px;
    color: #111;
  }
  .benefits-content .benefits-item .item-box img {
    margin-top: 5.5rem;
    width: 29rem;
    height: 17.625rem;
  }
  .benefits-content .benefits-item .item-box .item-list .txt-box {
    width: 44.25rem;
  }
  .benefits-content .benefits-item .item-box .item-list .txt-box hr {
    border: none;
    margin: 0 0 0.5rem 0;
    width: 100%;
    height: 0.125rem;
    background-color: #111;
  }
  .benefits-content .benefits-item .item-box .item-list .txt-box .h3-bold {
    position: relative;
    padding-left: 1.5rem;
    margin: 2.5rem 0 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    font-size: 1.25rem;
  }
  .benefits-content
    .benefits-item
    .item-box
    .item-list
    .txt-box
    .h3-bold
    + .h3-bold {
    margin-top: 1.25rem;
  }
  .benefits-content
    .benefits-item
    .item-box
    .item-list
    .txt-box
    .h3-bold::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #111;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    z-index: 10;
    overflow: hidden;
  }
  .benefits-content
    .benefits-item
    .item-box:nth-of-type(2)
    .item-list
    .txt-box
    .webf {
    display: block;
  }
  .benefits-content
    .benefits-item
    .item-box:nth-of-type(2)
    .item-list
    .txt-box
    .mof {
    display: none;
  }
}
@media (max-width: 767px) {
  .recruit-Wrap_ft .contentsWrap {
    padding: 3rem 0 0 0 !important;
  }
  .recruit-Wrap .contentsWrap {
    max-width: 767px;
  }
  .innerVisualWrap .recruit-main_img:nth-of-type(1) {
    display: none;
  }
  .future-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .future-content .h3-bold-box {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    margin-bottom: 5rem;
  }
  .future-content .section .h3-bold {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .future-content .section .content-box {
    width: 100%;
  }
  .future-content .section .content-box img {
    width: 90%;
    margin-left: 5%;
  }
  .future-content .section .content-box .content-list {
    width: 90%;
    margin: 1.5rem 0 0 5%;
  }
  .future-content .section .content-box .content-list .font-h5 {
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    margin-bottom: 1rem;
  }
  .future-content .section .content-box .content-list .font-b3 {
    display: none;
  }
  .future-content .section .content-box .content-list .font-b3-mo {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .future-content .section .group1 {
    margin-top: 1.5rem;
  }
  .future-content .section .group1 .ico {
    background: url(/front/assets/common/images/recruit/ico_light@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .future-content .section .group2 {
    margin-top: 7.5rem;
  }
  .future-content .section .group2 .ico {
    background: url(/front/assets/common/images/recruit/ico_eco@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .future-content .section .group3 {
    margin-top: 7.5rem;
  }
  .future-content .section .group3 .ico {
    background: url(/front/assets/common/images/recruit/ico_fists@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .future-content .section .group4 {
    margin-top: 7.5rem;
  }
  .future-content .section .group4 .ico {
    background: url(/front/assets/common/images/recruit/ico_earth@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .recruit-content {
    margin-top: 0 !important;
    width: 280px;
    margin: 0 auto;
  }
  .recruit-content .recruit-item .item-box {
    height: 12rem;
    position: relative;
    display: flex;
  }
  .recruit-content .recruit-item .item-box .recruit-circle {
    width: 2rem;
    height: 2rem;
    border: 1.5px solid #20c85a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .recruit-content .recruit-item .item-box .recruit-circle_atv {
    width: 2rem;
    height: 2rem;
    background-color: #20c85a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #fff;
  }
  .recruit-content .recruit-item .item-box hr {
    border: none;
    position: absolute;
    top: 1.5rem;
    left: 0.95rem;
    width: 0.094rem;
    height: 10rem;
    background-color: #d2d2d2;
  }
  .recruit-content .recruit-item .item-box .txt-box {
    margin-left: 1.5rem;
  }
  .recruit-content .recruit-item .item-box .txt-box .font-h5 {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .recruit-content .recruit-item .item-box .txt-box .font-b3 {
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .benefits-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .benefits-content .item-box .font-h4 {
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .benefits-content .item-box img {
    width: 80%;
    margin-left: 10%;
  }
  .benefits-content .item-box .item-list {
    margin-bottom: 2rem;
  }
  .benefits-content .item-box .item-list .txt-box hr.ani02 {
    border: none;
    margin: 0 0 0.5rem 0;
    width: 100%;
    height: 0.125rem;
    background-color: #111;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold {
    margin: 2rem 3.5rem 0 0.7rem;
    font-size: 1.125rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    word-break: keep-all;
    position: relative;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold::before {
    position: absolute;
    top: 0;
    left: -0.7rem;
    content: "∙";
  }
  .benefits-content .item-box:nth-of-type(2) {
    margin-top: 9rem;
  }
  .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .webf {
    display: none;
  }
  .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .mof {
    display: block;
  }
  .benefits-content
    .item-box:nth-of-type(2)
    .item-list
    .txt-box
    .h3-bold::before {
    position: absolute;
    top: 0;
    left: -0.7rem;
    content: "∙";
  }
  .benefits-content .item-box:nth-of-type(3) {
    margin-top: 9rem;
  }
  .benefits-content
    .item-box:nth-of-type(3)
    .item-list
    .txt-box
    .h3-bold.ani03:nth-of-type(2) {
    padding-right: 5rem;
  }
  .benefits-content
    .item-box:nth-of-type(3)
    .item-list
    .txt-box
    .h3-bold::before {
    position: absolute;
    top: 0;
    left: -0.7rem;
    content: "∙";
  }
  .jobinfo-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .jobinfo-content .jobinfo-item .item-box .font-h5.ani01 {
    display: none;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list {
    position: relative;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    color: #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #fff;
    font-weight: 500;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .lg-pri
    button[class$="Solid"]:hover {
    background-color: #111;
    border: 1px solid #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button.active {
    background-color: #20c85a;
    border: 1px solid #20c85a;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list hr.ani02 {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 0.063rem;
    background-color: #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin: 2rem 0 2rem 0.25rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold {
    margin: 0.5rem 0 0 3.35rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    width: 70%;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item {
    display: none;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item
    .drop-item-list {
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
    position: relative;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item
    .drop-item-list::before {
    position: absolute;
    top: 0;
    left: -0.7rem;
    content: "∙";
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item
    .drop-item-list:nth-of-type(1) {
    margin-top: 1.25rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-btn {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-btn
    button {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/recruit/ico_arrow_down.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list.active
    .drop-item {
    display: block;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list.active
    .drop-btn
    button {
    background: url(/front/assets/common/images/recruit/ico_arrow_up.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .border-2 {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list.active
    .ico-box
    .ico-list
    .drop-item {
    display: block;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list.active
    .ico-box
    .ico-list
    .drop-btn
    button {
    background: url(/front/assets/common/images/recruit/ico_arrow_up.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(1)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_jobinfo_01.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(1)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_jobinfo_02.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .lg-pri button {
    max-width: 124.56px;
    min-width: 108px;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) .lg-pri button span {
    white-space: nowrap;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_busin.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_permi.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_forest.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(4)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_statis.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(5)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_chemi.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_DSDP.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_produc.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_ENG.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(4)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_QA.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(4)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_QC.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(5)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_S&OP.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(5)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_distri.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) .lg-pri button span {
    white-space: nowrap;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_BM.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_finan.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_judic.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(7) .lg-pri button span {
    white-space: nowrap;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(7)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_biobs.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(7)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_global.png)
      no-repeat center;
    background-size: contain;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .innerVisualWrap .recruit-main_img:nth-of-type(2) {
    display: none;
  }
  .recruit-Wrap .contentsWrap {
    max-width: 1439px;
  }
  .recruit-Wrap .contentsWrap .contentsBody {
    margin: 0 4.5rem;
  }
  .future-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .future-content .h3-bold-box {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    margin-bottom: 5rem;
  }
  .future-content .section .it7 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6%;
  }
  .future-content .section .h3-bold {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
  }
  .future-content .section .content-box {
    width: 47%;
    margin-top: 2rem;
  }
  .future-content .section .content-box img {
    width: 100%;
  }
  .future-content .section .content-box .content-list {
    margin-top: 1.5rem;
  }
  .future-content .section .content-box .content-list .font-h5 {
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    margin-bottom: 1.25rem;
  }
  .future-content .section .content-box .content-list .font-b3 {
    display: none;
  }
  .future-content .section .content-box .content-list .font-b3-mo {
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .future-content .section .group1 .ico {
    background: url(/front/assets/common/images/recruit/ico_light@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .future-content .section .group2 .ico {
    background: url(/front/assets/common/images/recruit/ico_eco@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .future-content .section .group3 {
    margin-top: 7.5rem;
  }
  .future-content .section .group3 .ico {
    background: url(/front/assets/common/images/recruit/ico_fists@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .future-content .section .group4 {
    margin-top: 7.5rem;
  }
  .future-content .section .group4 .ico {
    background: url(/front/assets/common/images/recruit/ico_earth@2x.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .jobinfo-content .jobinfo-item .item-box .font-h5.ani01 {
    display: none;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list {
    position: relative;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2.5rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
    font-size: 1.5rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    width: calc(100% - 7.4375rem);
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button span {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #fff;
    font-weight: 500;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .lg-pri
    button[class$="Solid"]:hover {
    background-color: #111;
    border: 1px solid #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri button.active {
    background-color: #20c85a;
    border: 1px solid #20c85a;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list hr.ani02 {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 0.063rem;
    background-color: #111;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 2rem 0 2rem 0.25rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .ico-list .ico {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.5rem;
    height: 2.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold {
    margin: 0.5rem 0 0 3.35rem;
    font-size: 1.125rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: -0.02px;
    width: 82%;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item {
    display: none;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item
    .drop-item-list {
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
    position: relative;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item
    .drop-item-list::before {
    position: absolute;
    top: 0;
    left: -0.7rem;
    content: "∙";
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .h3-bold
    .drop-item
    .drop-item-list:nth-of-type(1) {
    margin-top: 1.25rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-btn {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list
    .drop-btn
    button {
    width: 1.5rem;
    height: 1.5rem;
    background: url(/front/assets/common/images/recruit/ico_arrow_down.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list.active
    .drop-item {
    display: block;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list
    .ico-box
    .ico-list.active
    .drop-btn
    button {
    background: url(/front/assets/common/images/recruit/ico_arrow_up.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .ico-box .border-2 {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
    height: 0.063rem;
    background-color: #111;
    opacity: 0.2;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list.active
    .ico-box
    .ico-list
    .drop-item {
    display: block;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box
    .item-list.active
    .ico-box
    .ico-list
    .drop-btn
    button {
    background: url(/front/assets/common/images/recruit/ico_arrow_up.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(1) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(1)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_jobinfo_01.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(1)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_jobinfo_02.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(2) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_busin.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_permi.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_forest.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(4)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_statis.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(2)
    .ico-box
    .ico-list:nth-of-type(5)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_chemi.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(3) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_DSDP.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_produc.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(3)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_ENG.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(4) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(4)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_QA.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(4)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_QC.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(5) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(5)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_S&OP.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(5)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_distri.png)
      no-repeat center;
    background-size: contain;
  }
  .jobinfo-content .jobinfo-item .item-box:nth-of-type(6) {
    margin-bottom: 7.5rem;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_BM.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_finan.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(6)
    .ico-box
    .ico-list:nth-of-type(3)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_judic.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(7)
    .ico-box
    .ico-list:nth-of-type(1)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_biobs.png) no-repeat
      center;
    background-size: contain;
  }
  .jobinfo-content
    .jobinfo-item
    .item-box:nth-of-type(7)
    .ico-box
    .ico-list:nth-of-type(2)
    .ico {
    background: url(/front/assets/common/images/recruit/ico_global.png)
      no-repeat center;
    background-size: contain;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .recruit-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recruit-item .item-box {
    position: relative;
    width: 40%;
  }
  .recruit-item .item-box .recruit-circle {
    width: 2.5rem;
    height: 2.5rem;
    border: 1.5px solid #20c85a;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .recruit-item .item-box hr {
    display: none;
  }
  .recruit-item .item-box .font-h5 {
    margin-top: 1.5rem;
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .recruit-item .item-box .font-b3 {
    margin-top: 1.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .recruit-item .item-box .recruit-border_mo {
    display: none;
  }
  .recruit-item .item-box:nth-child(even) {
    margin-top: 9.5rem;
  }
  .recruit-item:nth-of-type(2) .item-box:last-child {
    width: 50%;
  }
  .recruit-item:nth-of-type(2) .item-box:last-child .recruit-circle_atv {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #20c85a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #fff;
  }
  .benefits-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .benefits-content .item-box {
    margin-bottom: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  .benefits-content .item-box .font-h4 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .benefits-content .item-box img {
    margin-top: 3rem;
    width: 278.4px;
    height: 169.2px;
  }
  .benefits-content .item-box .item-list {
    width: 50%;
  }
  .benefits-content .item-box .item-list .txt-box {
    width: 100%;
  }
  .benefits-content .item-box .item-list .txt-box hr {
    border: none;
    margin: 0 0 0.5rem 0;
    width: 100%;
    height: 0.125rem;
    background-color: #111;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold {
    position: relative;
    padding-left: 1.5rem;
    margin: 2.5rem 0 0 0.5rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #111;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold + .h3-bold {
    margin-top: 1.25rem;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #111;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    z-index: 10;
    overflow: hidden;
  }
  .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .webf {
    display: block;
  }
  .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .mof {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .recruit-item {
    display: flex;
    text-align: center;
  }
  .recruit-item .item-box {
    position: relative;
    width: 25%;
    text-align: center;
    padding-top: 2.5rem;
    margin: 0 auto;
  }
  .recruit-item .item-box .recruit-circle {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    border: 1.5px solid #20c85a;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    margin-left: -1.25rem;
    z-index: 2;
  }
  .recruit-item .item-box .recruit-circle_atv {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #20c85a;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #fff;
    margin-left: -1.25rem;
  }
  .recruit-item .item-box hr {
    border: none;
    position: absolute;
    top: 0.75rem;
    left: 50%;
    width: 50%;
    height: 0.094rem;
    background-color: #d2d2d2;
  }
  .recruit-item .item-box .font-h5 {
    margin-top: 1.5rem;
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.06px;
    color: #111;
  }
  .recruit-item .item-box .font-b3 {
    margin-top: 1.75rem;
    font-size: 1rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: -0.02px;
    color: #666;
  }
  .recruit-item .item-box .recruit-border_mo {
    display: none;
  }
  .recruit-item .item-box:nth-child(1) hr {
    width: 22.375rem;
  }
  .recruit-item .item-box:nth-child(2) hr {
    width: 22.375rem;
  }
  .recruit-item .item-box:nth-of-type(3) hr {
    width: 100%;
  }
  .recruit-item .item-box:last-child {
    width: 13.875rem;
  }
  .recruit-item:nth-of-type(2) {
    margin-top: 9rem;
  }
  .recruit-item:nth-of-type(2) .item-box:nth-child(1) hr {
    width: 24.375rem;
  }
  .recruit-item:nth-of-type(2) .item-box:nth-child(2) hr {
    width: calc(100% + 5rem);
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium {
    padding: 0.688rem 0;
    width: 7.4375rem;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium span {
    font-weight: 700;
  }
  .benefits-content {
    margin-top: 2.5rem !important;
    margin: 0 auto;
  }
  .benefits-content .item-box {
    margin-bottom: 12.5rem;
    display: flex;
    justify-content: space-between;
  }
  .benefits-content .item-box .font-h4 {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.06px;
    color: #111;
  }
  .benefits-content .item-box img {
    margin-top: 4rem;
    width: 348px;
    height: 211.5px;
  }
  .benefits-content .item-box .item-list {
    width: 55%;
  }
  .benefits-content .item-box .item-list .txt-box {
    width: 100%;
  }
  .benefits-content .item-box .item-list .txt-box hr {
    border: none;
    margin: 0 0 0.5rem 0;
    width: 100%;
    height: 0.125rem;
    background-color: #111;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold {
    position: relative;
    padding-left: 1.5rem;
    margin: 2.5rem 0 0 0.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.42;
    letter-spacing: -0.05px;
    text-align: left;
    color: #111;
    font-size: 1.25rem;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold + .h3-bold {
    margin-top: 1.25rem;
  }
  .benefits-content .item-box .item-list .txt-box .h3-bold::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    background-color: #111;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    z-index: 10;
    overflow: hidden;
  }
  .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .webf {
    display: block;
  }
  .benefits-content .item-box:nth-of-type(2) .item-list .txt-box .mof {
    display: none;
  }
}
@media (max-width: 1023px) {
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .font-h5-mof {
    width: calc(100% - 5.75rem);
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium {
    padding: 0.51rem 0;
    width: 5.75rem;
    min-width: auto;
  }
  .jobinfo-content .jobinfo-item .item-box .item-list .lg-pri .btnMedium span {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: -0.01px;
  }
}
header#header * {
  word-break: keep-all;
}
.pg_main header#header {
  opacity: 0;
}
.mainload .pg_main header#header {
  opacity: 1;
}
.btn-point {
  display: none;
}
@media (hover: hover) {
  .btn-point {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 70px;
    height: 70px;
  }
  .btn-point span:nth-child(1) {
    position: absolute;
    bottom: -70px;
    right: -70px;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50% 0 0 0;
    transition:
      bottom 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86),
      right 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86),
      transform 0.3s;
  }
  .btn-point span:nth-child(1)::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -40px;
    width: 40px;
    height: 40px;
    border-right: 1px solid #fff;
    box-sizing: content-box;
    background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%);
  }
  .btn-point span:nth-child(1)::after {
    content: "";
    position: absolute;
    top: -40px;
    right: 0;
    width: 40px;
    height: 40px;
    border-bottom: 1px solid #fff;
    box-sizing: content-box;
    background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%);
  }
  .btn-point span:nth-child(2) {
    overflow: hidden;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 60px;
    transform: scale(0);
    transform-origin: right bottom;
    transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  .btn-point span:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000;
  }
  .btn-point span:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/front/assets/common/images/main/icon-learn-more-white.svg)
      no-repeat center;
  }
  [class*="-slide"]:hover .btn-point span {
    --velocity: 0.8;
  }
  [class*="-slide"]:hover .btn-point span:nth-child(1) {
    bottom: 0;
    right: 0;
    transition:
      bottom calc(0.7s * var(--velocity)) cubic-bezier(0.785, 0.135, 0.15, 0.86),
      right calc(0.7s * var(--velocity)) cubic-bezier(0.785, 0.135, 0.15, 0.86),
      transform 0.3s;
    animation: icon-btn-ani calc(1.4s * var(--velocity))
      calc(0s * var(--velocity)) both ease-out;
    transform-origin: right bottom;
  }
  [class*="-slide"]:hover .btn-point span:nth-child(2) {
    overflow: visible;
    transform: scale(1);
    transition: transform calc(0.7s * var(--velocity))
      calc(0.05s * var(--velocity)) cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  [class*="-slide"]:hover .btn-point span:nth-child(2)::before {
    animation: icon-btn-ani calc(1.35s * var(--velocity))
      calc(0.05s * var(--velocity)) both ease-out;
    transform-origin: right bottom;
  }
  [class*="-slide"]:hover .btn-point span:nth-child(2)::after {
    animation: icon-btn-ani calc(1.35s * var(--velocity))
      calc(0.05s * var(--velocity)) both ease-out;
    transform-origin: right bottom;
  }
  @keyframes icon-btn-ani {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.1);
    }
    70% {
      transform: scale(0.98);
    }
    100% {
      transform: scale(1);
    }
  }
}
.stack {
  display: block;
  position: relative;
  z-index: 1;
  perspective: 1200px;
  touch-action: pan-y;
  overflow: visible !important;
}
.debug .stack {
  border: 1px solid red;
}
.stack-wrapper {
  cursor: grab;
  display: flex;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: linear;
  transform-style: preserve-3d;
  transform: translate3d(0, 0, 0);
}
.debug .stack-wrapper {
  border: 1px solid #00f;
}
.stack-slide {
  flex: none;
  flex-shrink: 0;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: none !important;
  transition-property: transform, opacity, height;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.stack-slide a,
.stack-slide img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.firefox .stack-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 88;
  width: 100%;
  height: 100%;
}
.debug .stack-slide {
  overflow: visible !important;
  border: 1px solid green;
}
.debug .stack-slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: -21px;
  width: 20px;
  height: 100%;
  background: red;
}
.stack-pagination {
  z-index: 2;
  display: flex;
}
.stack-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ddd;
}
.stack-pagination-bullet-active {
  background-color: #000;
}
.stack-navigation button {
  position: absolute;
  z-index: 2;
  width: 32px;
  height: 32px;
  font-size: 0;
  opacity: 0.2;
}
.stack-navigation button:hover {
  opacity: 1;
}
.stack-navigation-prev {
  background: url(/front/assets/common/images/main/icon-swiper-next.png)
    no-repeat 55% center/100%;
  top: -34px;
  left: 43px;
  transform: rotate(-180deg);
}
.stack-navigation-next {
  background: url(/front/assets/common/images/main/icon-swiper-next.png)
    no-repeat 55% center/100%;
  bottom: -34px;
  left: 43px;
}
.stack-rail {
  height: 395px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 50%;
  min-width: 15%;
  margin-top: -197px;
}
.main-container {
  --border-radius: 40px;
  --updown-padding: 160px;
  --side-padding: 88px;
  --visual-line-top: 0px;
  --visual-line-side: 0px;
  --visual-line-progress: 0%;
}
@media screen and (min-width: 1024px) and (max-height: 1079px) {
  .main-container {
    --updown-padding: 100px;
  }
}
@media (min-width: 1024px) and (max-height: 900px) {
  .main-container {
    --updown-padding: 80px;
  }
}
@media (max-width: 1023px) {
  .main-container {
    --border-radius: 20px;
    --updown-padding: 100px;
    --side-padding: 20px;
  }
}
.main-container * {
  box-sizing: border-box;
  font-family: "Pretendard Variable", Pretendard;
  word-break: break-all;
}
.main-container::after {
  content: "";
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
  background: #fff;
  opacity: 1;
  transition:
    opacity 0.5s,
    visibility 0s 0.5s;
}
.mainstart .main-container {
  --border-radius: 0px !important;
  --visual-line-top: 0px !important;
  --visual-line-side: 0px !important;
  --visual-line-progress: -100% !important;
}
.mainready .main-container::after {
  opacity: 0;
  visibility: hidden;
}
.mainload .main-container::after {
  display: none;
}
.main-container section {
  position: relative;
  z-index: 6;
}
.debug .main-container section {
  border: 1px solid #00f;
}
.main-container section .inwrap {
  max-width: 2560px;
  height: 100%;
  margin: 0 auto;
}
.main-container .sticky {
  overflow: hidden;
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .main-container .sticky {
    height: auto;
    min-height: 700px;
  }
}
@media (max-width: 1023px) and (max-height: 600px) {
  .main-container .sticky {
    height: auto;
    min-height: 600px;
  }
}
.main-container .cell-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 5;
  width: 100%;
  height: 100%;
  transform: translate3d(-50%, 0, 0);
}
.main-container .cell-wrap .bgs {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .cell-wrap .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: max(100%, 125vh);
  aspect-ratio: 1/0.8;
  background: url(/front/assets/common/images/main/main_visual_bg.webp)
    no-repeat top center/100%;
}
@media (max-width: 1023px) {
  .main-container .cell-wrap .bg {
    min-width: 150vh;
  }
}
.main-container .cell-wrap::before {
  content: "";
  position: absolute;
  top: max(0, var(--visual-line-top) - 1px);
  right: max(0, var(--visual-line-side) - 1px);
  top: calc(var(--visual-line-top) - 2px);
  right: var(--visual-line-side);
  width: var(--border-radius);
  height: var(--border-radius);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background: radial-gradient(circle at 0 100%, transparent 71%, #fff 70%);
}
.main-container .cell-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--visual-line-top);
  background: #fff;
}
.main-container .cell-wrap .sticky {
  overflow: hidden;
  min-height: 100vh;
}
.mainready .main-container .cell-wrap .line {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  border: var(--visual-line-side) solid #fff;
  border-top-width: 0;
}
.mainready .main-container .cell-wrap .line::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -1px;
  width: var(--border-radius);
  height: var(--border-radius);
  border-left: 1px solid #fff;
  box-sizing: content-box;
  background: radial-gradient(circle at 100% 0, transparent 71%, #fff 70%);
}
.mainready .main-container .cell-wrap .line::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: var(--border-radius);
  height: var(--border-radius);
  border-right: 1px solid #fff;
  box-sizing: content-box;
  background: radial-gradient(circle at 0 0, transparent 71%, #fff 70%);
}
.main-container .cell-wrap.pathend .line {
  opacity: 0;
}
.main-container .cell {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(-50%, -50%, 0);
  width: 1080px;
  height: 1080px;
}
.windows .main-container .cell {
  transition: transform 0.2s ease-out;
}
@media (min-width: 1024px) {
  .main-container .cell .blur-1,
  .main-container .cell .blur-2 {
    position: absolute;
    aspect-ratio: 1/1;
    transform: scale(calc(0.25 + (1 - var(--cell-opacity)) * 0.75));
    opacity: calc(1 - var(--cell-opacity));
  }
  .main-container .cell .blur-1::after,
  .main-container .cell .blur-2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main-container .cell .blur-1 {
    top: -12%;
    left: -12%;
    width: 96%;
  }
  .main-container .cell .blur-1::after {
    background-image: radial-gradient(
      circle at 50% 50%,
      rgba(144, 255, 200, 0.5),
      rgba(144, 255, 200, 0.5) 36%,
      rgba(144, 255, 200, 0) 71%
    );
  }
  .main-container .cell .blur-1.on::after {
    animation: blur-on-ani 2s 1s infinite both;
  }
  .main-container .cell .blur-2 {
    top: -6%;
    left: -6%;
    width: 84%;
  }
  .main-container .cell .blur-2::after {
    background-image: radial-gradient(
      circle at 50% 50%,
      rgba(52, 229, 255, 0.5),
      rgba(52, 229, 255, 0) 68%
    );
  }
  .main-container .cell .blur-2.on::after {
    animation: blur-on-ani 4s infinite both;
  }
  @keyframes blur-on-ani {
    0% {
      opacity: 1;
      transform: scale(1);
    }
    50% {
      opacity: 0.5;
      transform: scale(1.5);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
  }
}
@media (max-width: 1023px) {
  .main-container .cell .blur {
    display: none;
  }
}
.debug .main-container .cell {
  border: 1px solid red;
}
.debug .main-container .cell .blur {
  border: 1px solid #000;
}
.debug .main-container .cell .blur::after {
  border: 1px solid #00f;
}
.main-container .cell .video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--cell-opacity);
  filter: blur(var(--cell-blur));
  transform: scale(calc((1 - var(--cell-opacity)) / 2 + 1));
}
.mobile .main-container .cell .video-wrap.ani video,
.safari .main-container .cell .video-wrap.ani video {
  animation: cell-ani1 5s infinite both ease-in-out;
  transform-origin: center;
}
.main-container .cell .video-wrap.ani canvas {
  animation: cell-ani1 5s infinite both ease-in-out;
  transform-origin: center;
  background: 0 0;
}
.debug .main-container .cell .video-wrap {
  border: 1px solid #00f;
}
.main-container .cell video {
  position: fixed;
  top: -100px;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.mobile .main-container .cell video,
.safari .main-container .cell video {
  position: absolute;
  top: -7%;
  left: -7%;
  width: 114%;
  opacity: 1;
  height: 100%;
}
.main-container .cell .canvas-area {
  position: absolute;
  top: -3%;
  left: -11%;
  width: 114%;
  aspect-ratio: 1/1;
  transform: scale(1.2);
}
.debug .main-container .cell .canvas-area {
  border: 1px solid red;
}
.mobile .main-container .cell .canvas-area,
.safari .main-container .cell .canvas-area {
  display: none;
}
@keyframes cell-ani1 {
  0% {
    transform: scale(1);
  }
  18% {
    transform: scale(1.08);
  }
  50% {
    transform: scale(1);
  }
  70% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
.main-container [class*="cell-visual"] {
  pointer-events: none;
  position: absolute;
  z-index: 2;
  aspect-ratio: 1/1;
}
.debug .main-container [class*="cell-visual"] {
  border: 1px solid orange;
}
.main-container [class*="cell-visual"] > img,
.main-container [class*="cell-visual"] > span > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 120%;
}
.main-container .section-header .title {
  font-size: 60px;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
  text-align: left;
  letter-spacing: -0.12px;
}
.main-container .section-header .text {
  margin-top: 40px;
  font-size: 20px;
  font-weight: 500;
  color: #111;
  line-height: 1.7;
  letter-spacing: -0.02px;
}
@media (min-width: 1024px) and (max-height: 900px) {
  .main-container .section-header .title {
    font-size: 48px;
  }
}
@media (max-width: 1023px) {
  .main-container .section-header .title {
    font-size: 32px;
    letter-spacing: -0.06px;
  }
  .main-container .section-header .text {
    font-size: 16px;
  }
}
.main-container .slide-tab {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 40px;
}
.main-container .slide-tab ul {
  display: flex;
}
.main-container .slide-tab li + li {
  margin-left: 24px;
}
@media (max-width: 1023px) {
  .main-container .slide-tab {
    justify-content: flex-start;
    margin-bottom: 24px;
  }
  .main-container .slide-tab li + li {
    margin-left: 4px;
  }
}
.main-container .slide-tab .btn {
  display: block;
  position: relative;
  padding: 16px 8px;
  font-size: 20px;
  font-weight: 700;
  color: #666;
  line-height: 1.5;
  transition: color 0.3s;
}
@media (max-width: 1023px) {
  .main-container .slide-tab .btn {
    padding: 12px 8px;
    font-size: 16px;
  }
}
.main-container .slide-tab .btn::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 2px;
  background-color: #666;
  transition:
    left 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955),
    width 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.main-container .slide-tab .btn:hover {
  color: #000;
}
.main-container .slide-tab .btn.active {
  color: #000;
}
.main-container .slide-tab .btn.active::after {
  left: 0;
  width: 100%;
  background-color: #111;
}
.main-container .slide-nav {
  position: absolute;
  top: -80px;
  right: 0;
  width: 140px;
  height: 80px;
}
.main-container .slide-nav [class*="swiper-button"] {
  top: 0;
  margin-top: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
.debug .main-container .slide-nav [class*="swiper-button"] {
  border: 1px solid #111;
}
.main-container .slide-nav [class*="swiper-button"]::after {
  display: none;
}
.main-container .slide-nav [class*="swiper-button"].swiper-button-prev {
  left: 0;
  background: #fff url(/front/assets/common/images/main/icon-swiper-prev.svg)
    no-repeat 45% center/24px;
}
.main-container .slide-nav [class*="swiper-button"].swiper-button-next {
  right: 0;
  background: #fff url(/front/assets/common/images/main/icon-swiper-next.svg)
    no-repeat 55% center/24px;
}
@media (max-width: 1023px) {
  .main-container .slide-nav {
    width: 108px;
    height: 48px;
  }
  .main-container .slide-nav [class*="swiper-button"] {
    width: 48px;
    height: 48px;
    background-size: 19px !important;
  }
}
.main-container .btn-more {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  color: #111;
  line-height: 1.42;
  letter-spacing: -0.05px;
}
.firefox .main-container .btn-more {
  font-weight: 700;
}
@media (max-width: 1023px) {
  .main-container .btn-more {
    font-size: 16px;
  }
}
.main-container .btn-more .icon {
  overflow: hidden;
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0 8px;
  box-sizing: content-box;
}
.main-container .btn-more .icon::after,
.main-container .btn-more .icon::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(/front/assets/common/images/main/icon-learn-more.svg)
    no-repeat center/contain;
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.main-container .btn-more .icon::before {
  right: 100%;
}
@media (max-width: 1023px) {
  .main-container .btn-more .icon {
    width: 20px;
    height: 20px;
    padding: 0 5px;
  }
}
.main-container .btn-more:hover .icon::after,
.main-container .btn-more:hover .icon::before {
  transform: translate3d(100%, 0, 0);
}
.main-container .visual {
  position: relative;
  height: 200vh;
}
.main-container .visual .cell-visual-1 {
  width: min(75vh, 50%);
  min-width: 540px;
  top: 50%;
  left: 10%;
  transform: translate3d(0, -40%, 0);
}
@media (min-width: 1921px) {
  .main-container .visual .cell-visual-1 {
    left: 50%;
    transform: translate3d(-90%, -40%, 0);
  }
}
@media (max-width: 1440px) {
  .main-container .visual .cell-visual-1 {
    left: 4%;
  }
}
@media (max-width: 1023px) {
  .main-container .visual .cell-visual-1 {
    left: 50%;
    width: 500px;
    min-width: unset;
    transform: translate3d(-90%, -40%, 0);
  }
}
@media (max-width: 1023px) and (max-height: 600px) {
  .main-container .visual .cell-visual-1 {
    width: 50%;
    min-width: 360px;
    top: 60%;
  }
}
.main-container .visual .sticky {
  height: 100vh;
  min-height: unset;
}
.main-container .visual .inwrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100vh;
  transform: translate3d(-50%, 0, 0);
  max-width: 100%;
}
.main-container .visual .inwrap .section-header {
  position: absolute;
  top: calc(var(--visual-line-top) - 2px);
  left: calc(var(--visual-line-side) - 2px);
  z-index: 2;
  padding-right: 50px;
  padding-bottom: 20px;
  background: #fff;
  border-radius: 0 0 var(--border-radius) 0;
  transform: translate3d(
    var(--visual-line-progress),
    var(--visual-line-progress),
    0
  );
  border-left: 2px solid #fff;
  border-top: 2px;
  box-sizing: content-box;
}
@media (max-width: 1023px) {
  .main-container .visual .inwrap .section-header {
    padding-right: 24px;
    padding-bottom: 16px;
  }
}
.main-container .visual .inwrap .section-header .title {
  overflow: hidden;
  font-size: 60px;
  font-weight: 700;
  color: #111;
  line-height: 1.5;
}
.main-container .visual .inwrap .section-header .title span {
  display: block;
  font: inherit;
  color: inherit;
  transform: translate3d(0, 100%, 0);
}
@media (max-width: 1023px) {
  .main-container .visual .inwrap .section-header .title {
    font-size: 45px;
    line-height: 1.38;
  }
}
@media (max-width: 767px) {
  .main-container .visual .inwrap .section-header .title {
    font-size: 32px;
    width: 165px;
  }
}
.main-container .visual .inwrap .section-header::before {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(var(--visual-line-progress) * -1 - 2px);
  width: var(--border-radius);
  height: var(--border-radius);
  border-left: 2px solid #fff;
  background: radial-gradient(circle at 100% 100%, transparent 71%, #fff 70%);
}
.main-container .visual .inwrap .section-header::after {
  content: "";
  position: absolute;
  top: calc(var(--visual-line-progress) * -1);
  left: 100%;
  width: var(--border-radius);
  height: var(--border-radius);
  background: radial-gradient(circle at 100% 100%, transparent 71%, #fff 70%);
}
.main-container .visual .inwrap .videos {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: var(--visual-line-top-fix) var(--visual-line-side-fix) 0;
  clip-path: inset(
    var(--visual-line-top) var(--visual-line-side) var(--visual-line-side)
      var(--visual-line-side) round var(--border-radius)
  );
}
@media (max-width: 1023px) {
  .main-container .visual .inwrap .videos {
    display: flex;
    justify-content: flex-end;
  }
}
.main-container .visual .inwrap .videos video {
  width: 120%;
  height: 120%;
  object-fit: contain;
  object-position: 65% center;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .main-container .visual .inwrap .videos video {
    min-height: 540px;
  }
}
@media (max-width: 1023px) {
  .main-container .visual .inwrap .videos video {
    position: relative;
    top: 50%;
    right: 50%;
    transform: translate3d(40%, -30%, 0);
    width: calc(150% - var(--side-padding) * 2);
    min-width: calc(900px - var(--side-padding) * 2);
    height: 100%;
    object-position: right center;
  }
}
@media (max-width: 1023px) and (max-height: 600px) {
  .main-container .visual .inwrap .videos video {
    transform: translate3d(50%, -40%, 0);
    height: auto;
    aspect-ratio: 1/0.5625;
  }
}
.mainload .main-container .visual .inwrap .section-header .title span {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s;
}
.main-container .business {
  --subsection-height: 200vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -100vh;
  padding-top: 450px;
  z-index: unset;
}
@media (max-width: 1023px) {
  .main-container .business {
    --subsection-height: auto;
    overflow: hidden;
    padding-top: 280px;
  }
}
@media (min-width: 1024px) and (max-height: 700px) {
  .main-container .business {
    --subsection-height: min(700px, auto);
  }
}
.main-container .business > .cell-visual-1 {
  width: max(648px, 33.75vw);
  top: 0;
  right: 50%;
  transform: translate3d(0, 0, 0);
}
@media (max-width: 1023px) {
  .main-container .business > .cell-visual-1 {
    width: 360px;
    top: -120px;
    transform: translate3d(40%, 0, 0);
  }
}
.main-container .business .bg-wrap {
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: -100vh;
  left: 0;
  width: 100%;
  height: calc(100% + 200vh);
  padding: 100vh 0;
}
.main-container .business .bg-wrap .bg {
  position: relative;
  width: 100%;
  height: var(--subsection-height);
}
.main-container .business .section-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 6;
  margin-bottom: 210px;
}
.main-container .business .section-header .title {
  font-size: 140px;
  font-weight: 600;
  color: #111;
  line-height: 1;
  letter-spacing: -0.5px;
}
.firefox .main-container .business .section-header .title {
  font-weight: 700;
}
.main-container .business .section-header .text {
  width: 31.25rem;
  margin-top: 40px;
  font-size: 24px;
  font-weight: 500;
  color: #111;
  line-height: 1.42;
}
.main-container .business .section-header .btn {
  margin-top: 56px;
}
@media (max-width: 1023px) {
  .main-container .business .section-header {
    width: calc(100% - var(--side-padding) * 2);
    max-width: 312px;
  }
  .main-container .business .section-header .title {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: -0.1px;
  }
  .main-container .business .section-header .text {
    margin-top: 24px;
    font-size: 16px;
    line-height: 1.75;
  }
  .main-container .business .section-header .text br {
    display: none;
  }
  .main-container .business .section-header .btn {
    margin-top: 24px;
  }
  .main-container .business .section-header::after {
    content: "";
    position: absolute;
    top: -20vw;
    left: max(-600px, -140vw);
    z-index: -1;
    width: min(1000px, 220vw);
    aspect-ratio: 1/1;
    background-image: radial-gradient(
      circle at 50% 50%,
      rgba(52, 229, 255, 0.4),
      rgba(52, 229, 255, 0) 68%
    );
  }
  .debug .main-container .business .section-header::after {
    border: 1px solid red;
  }
}
@media (max-width: 767px) {
  .main-container .business .section-header .text {
    width: auto;
  }
}
.main-container .business .subsection {
  position: relative;
  z-index: 6;
  width: 100%;
  height: var(--subsection-height);
}
.main-container .business .subsection .sticky {
  overflow: visible;
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .main-container .business .subsection .sticky {
    height: auto;
    min-height: 100vh;
  }
}
.main-container .business .subsection .inwrap {
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding: 100px var(--side-padding) 40px;
}
@media (max-width: 1023px) {
  .main-container .business .subsection .inwrap {
    display: block;
    padding: 100px var(--side-padding);
  }
}
.main-container .business .subsection .cell-visual-1 {
  top: var(--cell-top);
  left: var(--cell-left);
}
.main-container .business .subsection-header {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding-left: 147px;
  padding-right: 40px;
}
@media (max-width: 1640px) {
  .main-container .business .subsection-header {
    padding-left: 40px;
  }
}
@media (max-width: 1440px) {
  .main-container .business .subsection-header {
    padding-left: 0;
  }
}
@media (max-width: 1023px) {
  .main-container .business .subsection-header {
    display: block;
    margin-bottom: 56px;
  }
}
.main-container .business .subsection-header .title-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main-container .business .subsection-header .title-wrap .num {
  display: block;
  font-size: 24px;
  font-weight: 600;
  color: #111;
  line-height: 1.42;
}
.firefox .main-container .business .subsection-header .title-wrap .num {
  font-weight: 700;
}
.main-container .business .subsection-header .title-wrap .title {
  font-size: min(160px, 8vw);
  font-weight: 700;
  color: #111;
  line-height: 1.2;
}
.en .main-container .business .subsection-header .title-wrap .title {
  font-size: min(90px, 4.7vw);
}
.main-container .business .subsection-header .title-wrap .subtitle {
  display: block;
  margin-top: 24px;
  font-size: 32px;
  font-weight: 500;
  color: #999;
  line-height: 1;
  letter-spacing: -0.06px;
}
@media (min-width: 1024px) {
  .main-container .business .subsection-header .title-wrap .title {
    text-indent: -10px;
  }
}
@media (max-width: 1440px) {
  .main-container .business .subsection-header .title-wrap .title {
    font-size: 100px;
  }
  .main-container .business .subsection-header .title-wrap .subtitle {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .main-container .business .subsection-header .title-wrap {
    margin-bottom: 40px;
  }
  .main-container .business .subsection-header .title-wrap .num {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 700;
  }
  .main-container .business .subsection-header .title-wrap .title {
    font-size: 60px;
  }
  .en .main-container .business .subsection-header .title-wrap .title {
    font-size: 40px;
  }
  .main-container .business .subsection-header .title-wrap .subtitle {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: -0.01px;
  }
}
.main-container .business .subsection-header .text-wrap .text {
  font-size: 20px;
  font-weight: 500;
  color: #111;
  line-height: 1.7;
}
.main-container .business .subsection-header .text-wrap .text + .text {
  margin-top: 24px;
}
.main-container .business .subsection-header .text-wrap .btn-more {
  margin-top: 40px;
}
@media (max-width: 1440px) {
  .main-container .business .subsection-header .text-wrap br {
    display: none;
  }
}
@media (max-width: 1023px) {
  .main-container .business .subsection-header .text-wrap .text {
    font-size: 16px;
  }
  .main-container .business .subsection-header .text-wrap .text + .text {
    margin-top: 16px;
  }
  .main-container .business .subsection-header .text-wrap .btn-more {
    margin-top: 32px;
  }
}
.main-container .business .subsection .slider {
  --slide-width: max(56vh, 600px);
  flex: none;
  position: relative;
  width: calc(var(--slide-width) + 90px);
  margin-top: -80px;
  margin-right: -88px;
  padding-top: 80px;
}
.debug .main-container .business .subsection .slider {
  border: 1px solid #000;
  box-sizing: content-box;
}
@media (min-width: 1024px) and (max-height: 750px) {
  .main-container .business .subsection .slider {
    --slide-width: max(50vh, 500px);
  }
}
@media (max-width: 1440px) {
  .main-container .business .subsection .slider {
    --slide-width: max(40vh, 450px);
  }
}
@media (max-width: 1023px) {
  .main-container .business .subsection .slider {
    --slide-width: max(40%, 360px);
    overflow: visible;
    width: 40%;
    min-width: 264px;
    max-width: 360px;
    margin-top: 0;
    margin-right: 0;
    padding-top: 0;
  }
}
@media (max-width: 1023px) {
  .main-container .business .subsection .slider .slide-nav {
    display: none;
  }
}
.main-container .business .subsection .slider .swiper {
  overflow: visible;
  width: 100%;
  width: var(--slide-width);
  margin: 0;
}
@media (max-width: 1023px) {
  .main-container .business .subsection .slider .swiper {
    width: 100%;
  }
}
.main-container .business .subsection .slider .swiper-wrapper {
  transition-timing-function: linear;
}
.main-container .business .subsection .slider .swiper-slide {
  width: 100%;
  aspect-ratio: 1/1.0333;
  color: #fff;
  border-radius: var(--border-radius);
  overflow: hidden;
}
@media (max-width: 1023px) {
  .main-container .business .subsection .slider .swiper-slide {
    aspect-ratio: 1/1.3;
  }
}
.main-container .business .subsection .slider .swiper-slide .content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 64px 60px 60px;
  border-radius: var(--border-radius);
}
@media (max-width: 1440px) {
  .main-container .business .subsection .slider .swiper-slide .content {
    padding: 40px;
  }
}
@media (max-width: 1023px) {
  .main-container .business .subsection .slider .swiper-slide .content {
    padding: 24px;
  }
}
.main-container .business .subsection .slider .swiper-slide .image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.main-container .business .subsection .slider .swiper-slide .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-container .business .subsection .slider .swiper-slide .category {
  display: flex;
  align-items: flex-end;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: rgba(255, 255, 255, 0.6);
}
.main-container .business .subsection .slider .swiper-slide .category strong {
  margin-right: 10px;
  font-size: 40px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
}
@media (max-width: 1023px) {
  .main-container .business .subsection .slider .swiper-slide .category strong {
    font-size: 32px;
    letter-spacing: -0.06px;
  }
}
.main-container .business .subsection .slider .swiper-slide .description .num {
  display: block;
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 1.42;
  letter-spacing: -0.05px;
}
.firefox
  .main-container
  .business
  .subsection
  .slider
  .swiper-slide
  .description
  .num {
  font-weight: 700;
}
.main-container .business .subsection .slider .swiper-slide .description .text {
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  line-height: 1.38;
  letter-spacing: -0.06px;
}
.firefox
  .main-container
  .business
  .subsection
  .slider
  .swiper-slide
  .description
  .text {
  font-weight: 700;
}
@media (max-width: 1440px) {
  .main-container
    .business
    .subsection
    .slider
    .swiper-slide
    .description
    .num {
    margin-bottom: 24px;
  }
  .main-container
    .business
    .subsection
    .slider
    .swiper-slide
    .description
    .text {
    font-size: 24px;
  }
}
@media (max-width: 1023px) {
  .main-container
    .business
    .subsection
    .slider
    .swiper-slide
    .description
    .num {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .main-container
    .business
    .subsection
    .slider
    .swiper-slide
    .description
    .text {
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.02px;
  }
  .main-container .business .subsection .slider .swiper-slide .description br {
    display: none;
  }
}
.main-container .business .subsection .slider .swiper-slide.move {
  transform: translate3d(var(--x), 0, 0) !important;
  transition: all 0s !important;
}
.main-container .business .subsection .deco {
  position: absolute;
  top: var(--deco-top);
  left: var(--deco-left);
  z-index: -1;
  opacity: 0;
  transition:
    transform 1s,
    opacity 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.debug .main-container .business .subsection .deco {
  border: 1px solid green;
}
.main-container .business .subsection.active .deco {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(0) scale(1);
  transition:
    transform 2s,
    opacity 2s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.main-container .business .research .cell-visual-1 {
  width: max(344px, 18%);
}
.main-container .business .research-bg::after,
.main-container .business .research-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  aspect-ratio: 1/1;
}
.main-container .business .research-bg::before {
  top: -20vw;
  right: -5vw;
  width: min(1200px, 60%);
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(52, 229, 255, 0.5),
    transparent 68%
  );
}
.main-container .business .research-bg::after {
  top: 10%;
  left: -40%;
  width: min(1800px, 90%);
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(52, 229, 255, 0.45),
    transparent 68%
  );
}
@media (max-width: 1023px) {
  .main-container .business .research-bg::before {
    top: 10vw;
    right: -50%;
    width: 100%;
  }
  .main-container .business .research-bg::after {
    top: 70%;
    width: 100%;
  }
}
.main-container .business .research .deco {
  top: -50px;
  left: 20%;
  width: min(270px, 20%, 30vh);
  aspect-ratio: 1/0.98;
  background: url(/front/assets/common/images/main/main_business_research_deco.png)
    no-repeat center/contain;
  transform: translate3d(-100px, -100px, 0);
  transition:
    transform 0.6s,
    opacity 0.6s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 1023px) {
  .main-container .business .research .deco {
    top: -30px;
    left: 180px;
    width: 164px;
  }
}
.main-container .business .research.active .deco {
  transition:
    transform 1s,
    opacity 1s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.main-container .business .production .cell-visual-1 {
  width: max(370px, 19.3%);
}
.main-container .business .production .slider .swiper-slide .content {
  justify-content: flex-end;
}
.main-container .business .production-bg::after,
.main-container .business .production-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  aspect-ratio: 1/1;
}
.main-container .business .production-bg::before {
  top: -10%;
  right: -20%;
  width: min(1200px, 60%);
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(144, 255, 200, 0.5),
    rgba(144, 255, 200, 0.5) 36%,
    transparent 71%
  );
}
.main-container .business .production-bg::after {
  bottom: -30%;
  right: -20%;
  width: min(1800px, 90%);
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(52, 229, 255, 0.5),
    transparent 55%
  );
}
@media (max-width: 1023px) {
  .main-container .business .production-bg::before {
    top: -5%;
    right: -80%;
    width: 120%;
  }
  .main-container .business .production-bg::after {
    top: 80%;
    right: -80%;
    width: 130%;
  }
}
.main-container .business .production .deco {
  width: min(360px, 28%, 46vh);
  aspect-ratio: 1/0.86;
  background: url(/front/assets/common/images/main/main_business_production_deco.png)
    no-repeat center/contain;
  opacity: 0;
  transform: translate3d(100px, 100px, 0) rotate(-5deg);
}
@media (max-width: 1023px) {
  .main-container .business .production .deco {
    left: auto;
    right: -50px;
    width: 240px;
  }
}
.main-container .business .distribution .cell-visual-1 {
  width: max(306px, 16%);
}
.main-container .business .distribution .slider .swiper-slide .content {
  justify-content: flex-end;
}
.main-container .business .distribution-bg::after,
.main-container .business .distribution-bg::before {
  content: "";
  position: absolute;
  z-index: -1;
  aspect-ratio: 1/1;
}
.main-container .business .distribution-bg::before {
  top: 30%;
  left: 20%;
  width: min(1600px, 80%);
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(144, 255, 200, 0.35),
    rgba(144, 255, 200, 0.35) 36%,
    transparent 65%
  );
}
.main-container .business .distribution-bg::after {
  top: -40%;
  left: -50%;
  width: min(2000px, 100%);
  background-image: radial-gradient(
    circle at 50% 50%,
    rgba(52, 229, 255, 0.55),
    transparent 55%
  );
}
@media (max-width: 1023px) {
  .main-container .business .distribution-bg::before {
    top: 60%;
    left: -10vh;
    width: auto;
    height: 40%;
  }
  .main-container .business .distribution-bg::after {
    display: none;
  }
}
.main-container .business .distribution .deco {
  width: min(392px, 30%, 50vh);
  aspect-ratio: 1/1;
  background: url(/front/assets/common/images/main/main_business_distribution_deco.png)
    no-repeat center/contain;
  opacity: 0;
  transform: translate3d(40px, -100px, 0) scale(0.9);
}
@media (max-width: 1023px) {
  .main-container .business .distribution .deco {
    top: -80px;
    left: auto;
    right: -100px;
    width: 260px;
  }
}
.main-container .business.active .section-header::after {
  animation: blur-only-scale 3s infinite both ease-in-out;
}
.main-container .business.active .research-bg::before {
  animation: bounce-left 4s infinite both ease-in-out;
}
.main-container .business.active .research-bg::after {
  animation: bounce-right 5s 1s infinite both reverse ease-in-out;
}
.main-container .business.active .production-bg::before {
  animation: bounce-left 5s infinite both ease-in-out reverse;
}
.main-container .business.active .production-bg::after {
  animation: bounce-left 4s 1s infinite both ease-out;
}
.main-container .business.active .distribution-bg::before {
  animation: bounce-left 4s infinite both ease-in-out;
}
.main-container .business.active .distribution-bg::after {
  animation: bounce-right 5s 0.5s infinite both ease-out;
}
@keyframes blur-only-scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce-left {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0.6;
  }
  20% {
    transform: scale(1.1) translate3d(-6%, 6%, 0);
    opacity: 0.9;
  }
  42% {
    transform: scale(0.8) translate3d(-14%, 0, 0);
    opacity: 0.75;
  }
  65% {
    transform: scale(1.2) translate3d(-10%, -8%, 0);
    opacity: 1;
  }
  82% {
    transform: scale(1.1) translate3d(-4%, -4%, 0);
    opacity: 0.9;
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0.6;
  }
}
@keyframes bounce-right {
  0% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0.5;
  }
  20% {
    transform: scale(1.12) translate3d(6%, -6%, 0);
    opacity: 0.9;
  }
  42% {
    transform: scale(0.95) translate3d(24%, 0, 0);
    opacity: 0.8;
  }
  65% {
    transform: scale(1.18) translate3d(20%, 12%, 0);
    opacity: 0.85;
  }
  82% {
    transform: scale(1.05) translate3d(10%, 5%, 0);
    opacity: 0.7;
  }
  100% {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 0.5;
  }
}
.main-container .products {
  height: 200vh;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .main-container .products {
    height: auto;
    min-height: 700px;
  }
}
@media (max-width: 1023px) and (max-height: 600px) {
  .main-container .products {
    height: auto;
    min-height: 600px;
  }
}
.main-container .products .cell-visual-1 {
  top: var(--cell-top);
  right: 20%;
  width: max(500px, 26vw);
}
.main-container .products .inwrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--updown-padding) var(--side-padding);
}
.main-container .products .is-dragging {
  pointer-events: none;
}
.main-container .products .section-header {
  margin-bottom: 56px;
}
.main-container .products .section-header .btn-more {
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .main-container .products .section-header {
    margin-bottom: 100px;
  }
  .main-container .products .section-header .btn-more {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) and (max-height: 640px) {
  .main-container .products .section-header {
    margin-bottom: 40px;
  }
}
.main-container .products .contents .slider {
  position: relative;
  z-index: 2;
  width: calc(100% + var(--side-padding));
}
.main-container .products .contents .slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 2;
  width: calc((100vw - 100%) / 2);
  height: 100%;
  background: linear-gradient(to right, transparent, #fff 60%);
}
.main-container .products .contents .slider > [class*="slide-"] {
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.main-container .products .contents .slider > [class*="slide-"]:first-child {
  position: relative;
}
.main-container .products .contents .slider > [class*="slide-"]:not(.active) {
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"]:not(.active)
  .stack-slide
  a {
  transform: translate3d(15%, 0, 0);
  opacity: 0;
}
.main-container .products .contents .slider > [class*="slide-"].active {
  visibility: visible;
  z-index: 2;
  opacity: 1;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide
  a {
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.4s ease-out,
    opacity 0.4s ease-out;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="0"]
  a {
  transition-delay: 0s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="1"]
  a {
  transition-delay: 0.12s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="2"]
  a {
  transition-delay: 0.24s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="3"]
  a {
  transition-delay: 0.36s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="4"]
  a {
  transition-delay: 0.48s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="5"]
  a {
  transition-delay: 0.6s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].active
  .stack-slide[data-index="6"]
  a {
  transition-delay: 0.72s;
}
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].slide-pipeline
  .stack-slide
  img,
.main-container
  .products
  .contents
  .slider
  > [class*="slide-"].slide-pipeline
  .swiper-slide
  img {
  object-fit: cover;
}
.main-container .products .contents .slider .stack,
.main-container .products .contents .slider .swiper {
  overflow: hidden;
  width: 80%;
  margin: 0 0 0 auto;
}
@media (max-width: 1023px) {
  .main-container .products .contents .slider .stack,
  .main-container .products .contents .slider .swiper {
    width: 100%;
  }
}
.main-container .products .contents .slider .stack-pagination,
.main-container .products .contents .slider .swiper-pagination {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  bottom: auto;
  width: auto;
  min-width: 100%;
  max-width: 272px;
  height: auto;
}
.main-container
  .products
  .contents
  .slider
  .stack-pagination::-webkit-scrollbar,
.main-container
  .products
  .contents
  .slider
  .swiper-pagination::-webkit-scrollbar {
  width: 4px;
}
.main-container
  .products
  .contents
  .slider
  .stack-pagination::-webkit-scrollbar-thumb,
.main-container
  .products
  .contents
  .slider
  .swiper-pagination::-webkit-scrollbar-thumb {
  background-color: #111;
  border-radius: 2px;
}
.main-container
  .products
  .contents
  .slider
  .stack-pagination::-webkit-scrollbar-track,
.main-container
  .products
  .contents
  .slider
  .swiper-pagination::-webkit-scrollbar-track {
  background-color: #b8b8b8;
  border-radius: 2px;
}
.main-container .products .contents .slider .stack-pagination-bullet,
.main-container .products .contents .slider .swiper-pagination-bullet {
  width: auto;
  height: auto;
  padding: 12px 24px 12px 48px;
  margin: 0 0 6px;
  border-radius: 0;
  background-color: transparent;
  font-size: 18px;
  font-weight: 700;
  color: #999;
  line-height: 1.4;
  text-align: left;
  opacity: 1;
  transition: color 0.3s;
  white-space: nowrap;
}
.main-container .products .contents .slider .stack-pagination-bullet:last-child,
.main-container
  .products
  .contents
  .slider
  .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.main-container .products .contents .slider .stack-pagination-bullet-active,
.main-container .products .contents .slider .stack-pagination-bullet.active,
.main-container .products .contents .slider .swiper-pagination-bullet-active,
.main-container .products .contents .slider .swiper-pagination-bullet.active {
  color: #000;
  font-size: 20px;
  background: #f8f8f8;
  border-radius: 10px;
  position: relative;
}
.main-container
  .products
  .contents
  .slider
  .stack-pagination-bullet-active::before,
.main-container
  .products
  .contents
  .slider
  .stack-pagination-bullet.active::before,
.main-container
  .products
  .contents
  .slider
  .swiper-pagination-bullet-active::before,
.main-container
  .products
  .contents
  .slider
  .swiper-pagination-bullet.active::before {
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #4a78ff;
  border-radius: 50%;
  left: 24px;
  top: 22px;
}
.main-container .products .contents .slider .stack-pagination button,
.main-container .products .contents .slider .swiper-pagination button {
  font: inherit;
  color: inherit;
  text-align: left;
}
@media screen and (max-height: 1079px) {
  .main-container .products .contents .slider .stack-pagination-bullet,
  .main-container .products .contents .slider .swiper-pagination-bullet {
    margin-bottom: 6px;
    padding: 12px 24px 12px 48px;
  }
}
@media (max-width: 1023px) {
  .main-container .products .contents .slider .stack-pagination,
  .main-container .products .contents .slider .swiper-pagination {
    display: none;
  }
}
@media (hover: hover) {
  .main-container .products .contents .slider .stack-pagination-bullet:hover,
  .main-container .products .contents .slider .swiper-pagination-bullet:hover {
    color: #444;
  }
}
.main-container .products .contents .slider .stack-slide,
.main-container .products .contents .slider .swiper-slide {
  --bg-color: #f8f8f8;
  width: min(32%, 35vh);
  min-width: 280px;
  height: auto;
  aspect-ratio: 1/1.2765;
  transform-origin: left;
}
@media (max-width: 1023px) {
  .main-container .products .contents .slider .stack-slide,
  .main-container .products .contents .slider .swiper-slide {
    width: max(208px, 35%);
    height: auto;
    aspect-ratio: 1/1.35;
  }
}
.main-container .products .contents .slider .stack-slide a,
.main-container .products .contents .slider .swiper-slide a {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.main-container .products .contents .slider .stack-slide .content,
.main-container .products .contents .slider .swiper-slide .content {
  overflow: hidden;
  background-color: var(--bg-color);
  border-radius: var(--border-radius);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 40px 40px 48px;
}
.main-container .products .contents .slider .stack-slide .content strong,
.main-container .products .contents .slider .swiper-slide .content strong {
  position: relative;
  z-index: 2;
  font-size: 32px;
  font-weight: 600;
  color: #111;
  line-height: 1.38;
  letter-spacing: -0.06px;
  text-align: center;
  white-space: nowrap;
}
.firefox
  .main-container
  .products
  .contents
  .slider
  .stack-slide
  .content
  strong,
.firefox
  .main-container
  .products
  .contents
  .slider
  .swiper-slide
  .content
  strong {
  font-weight: 700;
}
.main-container .products .contents .slider .stack-slide .content figure,
.main-container .products .contents .slider .swiper-slide .content figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  clip-path: circle(25%);
  transition: clip-path 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-container .products .contents .slider .stack-slide .content img,
.main-container .products .contents .slider .swiper-slide .content img {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}
.main-container .products .contents .slider .stack-slide .content span,
.main-container .products .contents .slider .swiper-slide .content span {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #111;
  line-height: 1.5;
  letter-spacing: -0.02px;
  text-align: center;
}
@media (max-width: 1023px) {
  .main-container .products .contents .slider .stack-slide .content,
  .main-container .products .contents .slider .swiper-slide .content {
    padding: 32px 20px;
  }
  .main-container .products .contents .slider .stack-slide .content strong,
  .main-container .products .contents .slider .swiper-slide .content strong {
    font-size: 20px;
    line-height: 1.5;
  }
  .main-container .products .contents .slider .stack-slide .content figure,
  .main-container .products .contents .slider .swiper-slide .content figure {
    clip-path: circle(25% at 50% 46%);
  }
  .main-container .products .contents .slider .stack-slide .content span,
  .main-container .products .contents .slider .swiper-slide .content span {
    font-size: 13px;
  }
  .main-container .products .contents .slider .stack-slide .content br,
  .main-container .products .contents .slider .swiper-slide .content br {
    display: none;
  }
}
@media (hover: hover) {
  .main-container
    .products
    .contents
    .slider
    .stack-slide:hover
    .content
    figure,
  .main-container
    .products
    .contents
    .slider
    .swiper-slide:hover
    .content
    figure {
    clip-path: circle(100%);
  }
}
@media (max-width: 1800px) {
  .main-container .products .contents .slider .stack {
    width: 78%;
  }
  .main-container .products .contents .slider .stack-rail {
    min-width: 240px;
  }
  .main-container .products .contents .slider .stack-navigation-prev {
    top: -48px;
  }
  .main-container .products .contents .slider .stack-navigation-next {
    bottom: -48px;
  }
}
@media (max-width: 1280px) {
  .main-container .products .contents .slider .stack-rail {
    display: none;
  }
  .main-container .products .contents .slider .stack-navigation {
    display: none;
  }
  .main-container .products .contents .slider .stack {
    width: 100%;
  }
}
.main-container .products.leastHeight {
  height: auto;
  min-height: 700px;
}
.main-container .products.leastHeight .sticky {
  height: auto;
}
@media (min-width: 1024px) and (max-height: 900px) {
  .main-container .products .section-header {
    margin-bottom: 24px;
  }
  .main-container .products .slide-tab {
    margin-bottom: 36px;
  }
}
.main-container .global {
  height: 200vh;
  z-index: 5;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .main-container .global {
    height: auto;
    min-height: 700px;
  }
}
@media (max-width: 1023px) and (max-height: 600px) {
  .main-container .global {
    height: auto;
    min-height: 600px;
  }
}
.main-container .global .sticky .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  background: url(/front/assets/common/images/main/main-global-bg.webp)
    no-repeat center/cover;
}
.main-container .global .inwrap {
  position: relative;
  padding: var(--updown-padding) var(--side-padding);
}
@media (max-width: 1023px) {
  .main-container .global .inwrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.leastHeight .main-container .global .inwrap {
  min-height: inherit;
}
.main-container .global .section-header {
  color: #fff;
}
.main-container .global .section-header .text,
.main-container .global .section-header .title {
  color: inherit;
  transition: color 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.main-container .global .section-header .btn-more {
  margin-top: 40px;
  color: #fff;
}
.main-container .global .section-header .btn-more .icon::after,
.main-container .global .section-header .btn-more .icon::before {
  background: url(/front/assets/common/images/main/icon-learn-more-white.svg)
    no-repeat center/contain;
}
@media (max-width: 1023px) {
  .main-container .global .section-header {
    margin-bottom: 100px;
  }
  .main-container .global .section-header .btn-more {
    margin-top: 32px;
  }
}
@media (max-width: 1023px) and (max-height: 640px) {
  .main-container .global .section-header {
    margin-bottom: 40px;
  }
}
.main-container .global .map {
  --svg-path-clip: 0%;
  position: absolute;
  bottom: 100px;
  right: 120px;
  width: 62.5%;
  max-width: 1200px;
  aspect-ratio: 1/0.585;
}
.main-container .global .map::after {
  content: "";
  display: block;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: url(/front/assets/common/images/main/main-global-map.webp)
    no-repeat center/cover;
}
@media (min-width: 1024px) and (max-height: 750px) {
  .main-container .global .map {
    width: min(120vh, 50vw);
  }
}
@media (max-width: 1440px) {
  .main-container .global .map {
    bottom: 60px;
    right: 40px;
    min-width: 600px;
  }
}
@media (max-width: 1023px) {
  .main-container .global .map {
    position: relative;
    bottom: 0;
    right: 0;
    width: 100%;
    min-width: 0;
  }
}
.main-container .global .map .lines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .global .map .lines svg {
  width: 100%;
  height: 100%;
}
.main-container .global .map .lines .pin {
  opacity: 0;
}
.main-container .global .map .lines .line-africa {
  clip-path: circle(var(--svg-path-clip) at 100% 30%);
}
.main-container .global .map .lines .line-oceania {
  clip-path: circle(var(--svg-path-clip) at 0 0);
}
.main-container .global .map .lines .line-latin {
  clip-path: circle(var(--svg-path-clip) at 100% 18%);
}
.main-container .global .map .lines .line-na {
  clip-path: circle(var(--svg-path-clip) at 100% 100%);
}
.main-container .global .map .lines .line-asia {
  clip-path: circle(var(--svg-path-clip) at 100% 0);
}
.main-container .global .map .lines .line-europe {
  clip-path: circle(var(--svg-path-clip) at 100% 100%);
}
.main-container .global .map .pins {
  position: relative;
  z-index: 2;
}
.main-container .global .map .pins .pin {
  --point-size: 24px;
  position: absolute;
}
.main-container .global .map .pins .pin::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: var(--point-size);
  height: var(--point-size);
  background: url(/front/assets/common/images/main/main-global-pin.svg)
    no-repeat center/contain;
}
@media (max-width: 1023px) {
  .main-container .global .map .pins .pin {
    --point-size: 12px;
  }
}
.main-container .global .map .pins .pin .location {
  position: absolute;
  top: -10px;
  left: 16px;
  width: 105px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
  word-break: keep-all;
  overflow-wrap: break-word;
}
@media (max-width: 1023px) {
  .main-container .global .map .pins .pin .location {
    top: -7px;
    left: 8px;
    font-size: 10px;
  }
}
.main-container .global .map .pins .pin .location::after,
.main-container .global .map .pins .pin .location::before {
  display: inline-block;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  box-shadow: 0 3px 10px 0 rgba(17, 17, 17, 0.2);
  border-radius: 30px;
  background-color: #fff;
}
@media (max-width: 1440px) {
  .main-container .global .map .pins .pin .location::after,
  .main-container .global .map .pins .pin .location::before {
    width: 90px;
    height: 35px;
  }
}
@media (max-width: 1023px) {
  .main-container .global .map .pins .pin .location::after,
  .main-container .global .map .pins .pin .location::before {
    width: 70px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .main-container .global .map .pins .pin .location::after,
  .main-container .global .map .pins .pin .location::before {
    width: 48px;
    height: 16px;
  }
}
.main-container .global .map .pins .pin .wave {
  position: relative;
  z-index: -1;
}
.main-container .global .map .pins .pin .wave span::after,
.main-container .global .map .pins .pin .wave span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(3 * var(--point-size));
  height: calc(3 * var(--point-size));
  transform: translate3d(-50%, -50%, 0) scale(1);
  background-color: rgba(90, 20, 222, 0.6);
  border-radius: 50%;
  opacity: 0;
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="Latin America"]
  .location {
  width: 64px;
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="Latin America"]
  .location::after {
  content: "";
  top: calc(100% + 15px);
  left: 0;
  transform: translate3d(-30%, 0, 0);
  background: #fff
    url(/front/assets/common/images/main/main-global-logo-stein.webp) no-repeat
    center/62%;
}
@media (max-width: 1023px) {
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Latin America"]
    .location {
    width: 31px;
  }
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Latin America"]
    .location::after {
    top: calc(100% + 5px);
  }
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="North America"]
  .location::after {
  content: "";
  top: calc(100% + 10px);
  left: -15px;
  background: #fff
    url(/front/assets/common/images/main/main-global-logo-pfizer.webp) no-repeat
    center/53%;
}
@media (max-width: 1023px) {
  .main-container
    .global
    .map
    .pins
    .pin[data-location="North America"]
    .location::after {
    top: calc(100% + 5px);
  }
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="Europe"]
  .location::after {
  content: "";
  top: -10px;
  left: 5px;
  transform: translate3d(0, -100%, 0);
  background: #fff
    url(/front/assets/common/images/main/main-global-logo-hikma.webp) no-repeat
    center/50%;
}
@media (max-width: 1023px) {
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Europe"]
    .location::after {
    top: -2px;
  }
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="Middle East & Africa"]
  .location::after {
  content: "";
  top: -12px;
  left: 30%;
  transform: translate3d(0, -100%, 0);
  background: #fff
    url(/front/assets/common/images/main/main-global-logo-teva.webp) no-repeat
    center/45%;
}
@media (max-width: 1023px) {
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Middle East & Africa"]
    .location {
    width: 60px;
  }
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Middle East & Africa"]
    .location::after {
    top: -2px;
    left: 20%;
  }
}
.main-container .global .map .pins .pin[data-location="Korea (HQ)"]::before {
  --point-size: 8px;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 1023px) {
  .main-container .global .map .pins .pin[data-location="Korea (HQ)"]::before {
    --point-size: 6px;
  }
}
.main-container .global .map .pins .pin[data-location="Korea (HQ)"] .location {
  top: 0;
  left: 0;
  font-size: 0;
  width: 0;
  height: 0;
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="Korea (HQ)"]
  .location::before {
  content: "";
  top: -10px;
  left: 50%;
  transform: translate3d(-50%, -100%, 0);
  background: #fff
    url(/front/assets/common/images/main/main-global-logo-ci.webp) no-repeat
    center/65%;
}
@media (max-width: 1023px) {
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Korea (HQ)"]
    .location::before {
    top: -15px;
  }
}
.main-container
  .global
  .map
  .pins
  .pin[data-location="Korea (HQ)"]
  .location::after {
  content: "";
  top: 0;
  left: 10px;
  background: #fff
    url(/front/assets/common/images/main/main-global-logo-kayaku.webp) no-repeat
    center/58%;
}
@media (max-width: 1023px) {
  .main-container
    .global
    .map
    .pins
    .pin[data-location="Korea (HQ)"]
    .location::after {
    left: 15px;
  }
}
.main-container .global .lines [class*="line-"] {
  transition: clip-path 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.main-container .global .pins .pin::before {
  opacity: 0;
  transition: opacity 0.5s;
}
.main-container .global .pins .pin .location {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
  transition:
    opacity 0.5s,
    transform 0.5s;
}
.main-container .global .pins .pin .location::after,
.main-container .global .pins .pin .location::before {
  opacity: 0;
  transition: opacity 0.5s 0.5s;
}
.main-container .global:not(.active) .lines .line {
  --svg-path-clip: 0% !important;
}
.main-container
  .global.active:not(.finish)
  .map.active
  .pins
  .pin
  .wave
  span::after,
.main-container
  .global.active:not(.finish)
  .map.active
  .pins
  .pin
  .wave
  span::before {
  animation: pin-wave 3s cubic-bezier(1, 2, 0.66, 3) infinite;
}
.main-container
  .global.active:not(.finish)
  .map.active
  .pins
  .pin
  .wave
  span:nth-child(1)::before {
  animation-delay: 0s;
}
.main-container
  .global.active:not(.finish)
  .map.active
  .pins
  .pin
  .wave
  span:nth-child(1)::after {
  animation-delay: 0.5s;
}
.main-container
  .global.active:not(.finish)
  .map.active
  .pins
  .pin
  .wave
  span:nth-child(2)::before {
  animation-delay: 1s;
}
.main-container
  .global.active:not(.finish)
  .map.active
  .pins
  .pin
  .wave
  span:nth-child(2)::after {
  animation-delay: 1.5s;
}
.main-container
  .global.active
  .map.active
  .pins
  .pin[data-location="Korea (HQ)"]::before {
  opacity: 1;
}
.main-container
  .global.active
  .map.active
  .pins
  .pin[data-location="Korea (HQ)"]
  .location {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.main-container
  .global.active
  .map.active
  .pins
  .pin[data-location="Korea (HQ)"]
  .location::before {
  opacity: 1;
  transition-delay: 0s;
}
.main-container .global.active .pins.active .pin::before {
  opacity: 1;
}
.main-container .global.active .pins.active .pin .location {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.main-container .global.active .pins.active .pin .location::after,
.main-container .global.active .pins.active .pin .location::before {
  opacity: 1;
}
@keyframes pin-wave {
  0% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(0.1);
  }
  50% {
    opacity: 0.1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
.main-container .magazine {
  height: 300vh;
}
@media (min-width: 1024px) and (max-height: 700px) {
  .main-container .magazine {
    height: auto;
    min-height: 700px;
  }
}
@media (max-width: 1023px) and (max-height: 600px) {
  .main-container .magazine {
    height: auto;
    min-height: 600px;
  }
}
.main-container .magazine .sticky {
  overflow: visible;
  z-index: 2;
}
.main-container .magazine .sticky::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 2%;
  z-index: -1;
  width: 100vh;
  height: 100vh;
  opacity: 0.3;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background-image: radial-gradient(
    circle at 50% 50%,
    #90ffc8,
    #90ffc8 38%,
    rgba(144, 255, 200, 0) 74%
  );
}
.main-container .magazine .sticky::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100vh;
  height: 100vh;
  opacity: 0.2;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background-image: radial-gradient(
    circle at 50% 50%,
    #34e5ff,
    rgba(52, 229, 255, 0) 72%
  );
}
.main-container .magazine .sticky .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  transform: translate3d(0, 0, 0);
  width: 100%;
  height: 200vh;
  background-image: linear-gradient(
    to bottom,
    #dbf0f0,
    #eff7f5 50%,
    transparent 60%
  );
  transition: transform 1s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.main-container .magazine .inwrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--updown-padding) var(--side-padding);
}
@media (max-width: 1023px) and (max-height: 640px) {
  .main-container .magazine .inwrap {
    padding: 70px var(--side-padding) 40px;
  }
}
.main-container .magazine .section-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.main-container .magazine .section-header .btn-more {
  margin-top: 40px;
}
@media (min-width: 1024px) {
  .main-container .magazine .section-header .btn-more {
    font-size: 24px;
  }
  .main-container .magazine .section-header .btn-more .icon {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1023px) {
  .main-container .magazine .section-header .btn-more {
    margin-top: 0;
  }
}
.main-container .magazine .cards {
  overflow: visible;
  position: relative;
  width: 100%;
  height: 55vh;
  min-height: 420px;
  max-height: 640px;
  margin-top: 120px;
}
@media (min-width: 1024px) and (max-height: 750px) {
  .main-container .magazine .cards {
    margin-top: 60px;
  }
}
@media (max-width: 1023px) {
  .main-container .magazine .cards {
    min-height: 320px;
    margin-top: 70px;
  }
}
.main-container .magazine .cards .card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 56px;
  border-radius: var(--border-radius);
  border: solid 2px rgba(255, 255, 255, 0.5);
  background-color: #fff;
  transform-origin: top;
}
.main-container .magazine .cards .card:nth-child(1) {
  position: relative;
  transform: scale(0.9) translate3d(0, -80px, 0);
  background-color: #f4f4f4;
}
.main-container .magazine .cards .card:nth-child(2) {
  transform: scale(0.95) translate3d(0, -40px, 0);
  background-color: #f8f8f8;
}
@media (max-width: 1023px) {
  .main-container .magazine .cards .card {
    padding: 32px;
  }
  .main-container .magazine .cards .card:nth-child(1) {
    transform: scale(0.9) translate3d(0, -32px, 0);
  }
  .main-container .magazine .cards .card:nth-child(2) {
    transform: scale(0.95) translate3d(0, -16px, 0);
  }
}
.main-container .magazine .cards .card a {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
}
@media (max-width: 1023px) {
  .main-container .magazine .cards .card a {
    flex-direction: column;
  }
}
.main-container .magazine .cards .card .images {
  overflow: hidden;
  width: 46%;
  height: 100%;
  border-radius: var(--border-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/0.68;
  max-height: 503px;
}
.main-container .magazine .cards .card .images img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition:
    transform 0.5s,
    opacity 0.5s;
}
@media (max-width: 1023px) {
  .main-container .magazine .cards .card .images {
    width: fit-content;
    aspect-ratio: 1/0.68;
    max-height: 360px;
    max-width: 530px;
    width: 100%;
  }
}
.main-container .magazine .cards .card .texts {
  width: 54%;
}
.main-container .magazine .cards .card .texts strong {
  display: -webkit-box;
  font-size: 32px;
  font-weight: 700;
  color: #111;
  line-height: 1.38;
  letter-spacing: -0.06px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
  white-space: normal;
  overflow: hidden;
}
.main-container .magazine .cards .card .texts p {
  margin-top: 26px;
  font-size: 20px;
  font-weight: 500;
  color: #666;
  line-height: 1.7;
  letter-spacing: -0.02px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 6em;
  line-height: 1.5;
  white-space: normal;
}
@media (min-width: 1024px) {
  .main-container .magazine .cards .card .texts {
    padding-left: 70px;
  }
}
@media (max-width: 1023px) {
  .main-container .magazine .cards .card .texts {
    width: 100%;
    margin-top: 20px;
  }
  .main-container .magazine .cards .card .texts strong {
    font-size: 24px;
    line-height: 1.4;
  }
  .main-container .magazine .cards .card .texts p {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    line-height: 1.5;
    white-space: normal;
  }
}
@media (hover: hover) {
  .main-container .magazine .cards .card:hover .images img {
    transform: scale(1.03);
    opacity: 0.9;
  }
}
.main-container .magazine.finish .cards {
  overflow: hidden;
}
.main-container .magazine.finish .bg {
  transform: translate3d(0, -100vh, 0);
  transition: transform 0.5s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.leastHeight .main-container .magazine .sticky .bg {
  height: 200%;
}
.leastHeight .main-container .magazine .cards {
  height: auto;
  max-height: none;
}
.leastHeight .main-container .magazine .cards .card {
  position: relative;
  height: 450px;
  margin-bottom: 24px;
  transform: scale(1) translate3d(0, 0, 0) !important;
  background-color: #fff !important;
}
@media (max-width: 1023px) {
  .leastHeight .main-container .magazine .cards .card {
    height: 60%;
  }
}
@media (max-width: 1023px) {
  .leastHeight .main-container .magazine {
    margin-bottom: 20px;
  }
}
.main-container .news {
  overflow: hidden;
}
.main-container .news .inwrap {
  padding: var(--updown-padding) var(--side-padding);
}
.main-container .news .section-header {
  margin-bottom: 100px;
}
.main-container .news .slide-btns {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 40px;
}
.main-container .news .slide-btns .slide-tab {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .main-container .news {
    min-height: 100vh;
    padding-bottom: 260px;
  }
}
@media (min-width: 1024px) and (max-height: 750px) {
  .main-container .news .section-header {
    margin-bottom: 60px;
  }
}
@media (max-width: 1023px) {
  .main-container .news {
    padding-bottom: 230px;
  }
  .main-container .news .section-header {
    margin-bottom: 42px;
  }
}
.main-container .news .slider {
  position: relative;
}
.main-container .news .slider > [class*="slide-"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .news .slider > [class*="slide-"]:first-child {
  position: relative;
}
.main-container .news .slider > [class*="slide-"]:not(.active) {
  pointer-events: none;
  visibility: hidden;
  z-index: -1;
  opacity: 0;
}
.main-container .news .slider > [class*="slide-"]:not(.active) .swiper-slide {
  transform: translate3d(20%, 0, 0);
  opacity: 0;
}
.main-container .news .slider > [class*="slide-"].active {
  visibility: visible;
  z-index: 2;
  opacity: 1;
}
.main-container .news .slider > [class*="slide-"].active .swiper-slide {
  transform: translate3d(0, 0, 0);
  transition:
    transform 0.6s ease-out,
    opacity 0.6s ease-out;
}
.main-container
  .news
  .slider
  > [class*="slide-"].active
  .swiper-slide[data-index="0"] {
  transition-delay: 0.15s;
}
.main-container
  .news
  .slider
  > [class*="slide-"].active
  .swiper-slide[data-index="1"] {
  transition-delay: 0.3s;
}
.main-container
  .news
  .slider
  > [class*="slide-"].active
  .swiper-slide[data-index="2"] {
  transition-delay: 0.45s;
}
.main-container
  .news
  .slider
  > [class*="slide-"].active
  .swiper-slide[data-index="3"] {
  transition-delay: 0.6s;
}
.main-container
  .news
  .slider
  > [class*="slide-"].active
  .swiper-slide[data-index="4"] {
  transition-delay: 0.75s;
}
.main-container .news .slider .slide-nav {
  top: -100px;
}
@media (max-width: 1023px) {
  .main-container .news .slider .slide-nav {
    top: calc(100% + 20px);
  }
}
.main-container .news .slider .swiper {
  overflow: visible;
}
.main-container .news .slider .swiper-slide {
  overflow: hidden;
  border-radius: 20px;
  background-color: #f4f4f4;
  width: calc(33% - 13.33px);
  max-width: 600px;
  min-width: 400px;
}
@media (max-width: 1023px) {
  .main-container .news .slider .swiper-slide {
    width: 100%;
    min-width: 100%;
  }
}
.main-container .news .slider .swiper-slide a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  aspect-ratio: 1/0.8;
  padding: 40px;
}
@media (min-width: 1024px) {
  .main-container .news .slider .swiper-slide a {
    min-height: 360px;
  }
}
@media (max-width: 1023px) {
  .main-container .news .slider .swiper-slide a {
    width: 100%;
    min-width: 100%;
    max-height: 45vh;
    aspect-ratio: unset;
    min-height: 360px;
    padding: 32px;
  }
}
.main-container .news .slider .swiper-slide .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  background-color: #20c85a;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
  opacity: 0;
  clip-path: circle(0);
  transition:
    opacity 0.5s,
    clip-path 0.5s;
  transition-timing-function: cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.main-container .news .slider .swiper-slide .bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.main-container .news .slider .swiper-slide .content {
  padding-bottom: 20px;
}
.main-container .news .slider .swiper-slide .content strong {
  display: block;
  width: 80%;
  margin-bottom: 32px;
  font-size: 32px;
  font-weight: 600;
  color: #111;
  line-height: 1.4;
  letter-spacing: -0.06px;
  transition: color 0.5s;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 4.2em;
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.firefox .main-container .news .slider .swiper-slide .content strong {
  font-weight: 700;
}
.main-container .news .slider .swiper-slide .content p {
  font-size: 16px;
  font-weight: 500;
  color: #999;
  line-height: 1.5;
  letter-spacing: -0.02px;
  transition: color 0.5s;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 3em;
  white-space: normal;
}
@media (max-width: 1023px) {
  .main-container .news .slider .swiper-slide .content strong {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: -0.02px;
    -webkit-line-clamp: 2;
    height: 2.8em;
  }
  .main-container .news .slider .swiper-slide .content p {
    font-size: 14px;
    -webkit-line-clamp: 3;
    height: 4.5em;
  }
}
.main-container .news .slider .swiper-slide .date {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
  padding-top: 12px;
  transition: opacity 0.5s;
}
.main-container .news .slider .swiper-slide .date::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d2d2d2;
  transition:
    width 0.5s,
    left 0.5s;
}
.main-container .news .slider .swiper-slide .date strong {
  overflow: hidden;
  display: block;
  font-size: 40px;
  font-weight: 700;
  color: #111;
  line-height: 1;
  letter-spacing: -0.08px;
}
.main-container .news .slider .swiper-slide .date span {
  overflow: hidden;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #999;
  line-height: 1.5;
  letter-spacing: -0.01px;
  text-align: right;
}
@media (max-width: 1023px) {
  .main-container .news .slider .swiper-slide .date > strong {
    font-size: 32px;
  }
  .main-container .news .slider .swiper-slide .date > span span {
    font-size: 14px;
    line-height: 1.14;
  }
}
@media (hover: hover) {
  .main-container .news .slider .swiper-slide:hover .bg {
    opacity: 1;
    clip-path: circle(100%);
  }
  .main-container .news .slider .swiper-slide:hover .content strong {
    color: #fff;
  }
  .main-container .news .slider .swiper-slide:hover .content p {
    color: #fff;
  }
  .main-container .news .slider .swiper-slide:hover .date {
    opacity: 0;
  }
}
.cookie-policy .title2,
.cookie-policy .title1 {
  cursor: pointer;
  background-color: #f0f0f0;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  width: 90%;
  margin: 0 auto;
}
.cookie-policy {
  position: relative;
}
.toggle-switch {
  position: absolute;
  top: 10px;
  right: 53px;
}
.cookie-policy .title2:hover,
.cookie-policy .title1:hover {
  background-color: #e0e0e0;
}

.cookie-policy .content2,
.cookie-policy .content1 {
  display: none;
  padding: 5px;
  background-color: white;
  margin-top: 5px;
  border: 1px solid #f0f0f0;
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
}
.cookie-policy .content2 > p,
.cookie-policy .content1 > p,
.cookiepop,
.leavingspan,
.leavingpop,
.text,
.title,
.scene1 {
  word-break: keep-all; /* 단어 단위로 줄바꿈 */
  overflow-wrap: break-word; /* 컨테이너를 벗어나지 않도록 */
  white-space: normal; /* 일반적인 줄바꿈 허용 */
  line-height: 1.5;
}

.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
  margin-left: 10px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.arrow {
  display: inline-block;
  transition: transform 0.3s ease; /* 애니메이션 추가 */
}

.arrow.down {
  transform: rotate(90deg); /* 아래로 향하는 화살표 */
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: -5px;
  right: 4px;
  bottom: 0;
  transition: 0.4s;
  border-radius: 20px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #4caf50;
}

input:checked + .slider:before {
  transform: translateX(14px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.cpntFooter .btnGroup {
  display: flex;
  justify: center;
}
.tab12 {
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 7.5rem;
  margin-top: 4.125rem;
}
.tab123 {
  overflow: hidden;
}
.tab12 .tab123 li:first-child {
  margin-left: 0;
}
.tab12 .tab123 li {
  position: relative;
  display: inline-block;
  padding: 0 0.5rem 0.884rem 0.5rem;
}
.tab12 .tab123 li a {
  display: block;
  font-size: 1.25rem;
  line-height: 1.875rem;
  letter-spacing: -0.02px;
  color: #b8b8b8;
  font-weight: 700;
}
.tab12 .tab123 li.active a {
  color: #111;
}
.tab12 .tab123 li.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  font-size: 0;
  line-height: 0;
  background-color: #111;
  overflow: hidden;
}
.product-detail-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
}
.product-title > h1 {
  font-size: 36px !important;
  font-weight: bold !important;
  text-align: center;
  margin-bottom: 20px;
}
.product-content {
  display: grid;
  gap: 50px;
  width: 100%;
  align-items: flex-start;
  padding-bottom: 5rem;
  padding-top: 3rem;
}
.product-image {
  flex: 1;
  max-width: 770px;
  border: 1px solid #ddd;
  max-width: 300px;
  max-height: 300px;
  position: relative;
}
.product-image img {
  max-width: 100%; /* 부모 요소에 맞게 이미지 크기 조정 */
  height: auto; /* 비율 유지 */
  display: block;

  padding: 5px;
  background-color: #fff;
}
.section.basic-info {
  flex: 1;
}
.product-info-sections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 100%;
}
.section {
}
.btnGroup2 {
  margin-top: 20px;
  text-align: right;
  width: 100%;
}
.sectionbox {
  border: 1px solid #f9f9f9;
  padding: 1rem;
  background-color: #f9f9f9;
  border-radius: 5px;
  display: inline-block;
  width: 15%;
  border-radius: 13px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.24);
  margin: 0 0.5rem;
  margin-top: 2rem;
}
.slider1234 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; /* 버튼 위치 유지 */
  height: 300px; /* 부모 요소의 높이 설정 */
  width: 100%;
}
button.prev {
  position: absolute;
  top: 45%;
  left: 10px;
}
button.next {
  position: absolute;
  top: 45%;
  right: 10px;
}
#bo_gall {
  width: 1000px;
  margin: 50px auto 0;
  padding-bottom: 50px;
}
#bo_btn_top {
  margin: 10px 0;
}
#bo_gall #gall_ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  zoom: 1;
}
#bo_gall .gall_li {
  position: relative;
  padding: 20px 50px;
}
#bo_gall .gall_box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#bo_gall .gall_li .gall_chk {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px;
  z-index: 100;
}
#bo_gall .gall_box .gall_con {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#bo_gall .gall_text_href {
  position: relative;
  float: left;
  padding: 0 0 10px 20px;
}
#bo_gall .bo_tit {
  font-family: "Meiryo UI";
  display: inline-block;
  font-size: 22px;
  color: #333;
  font-weight: 500;
  line-height: 1.5em;
  cursor: default;
  pointer-events: none;
}
#bo_gall .bo_c {
  font-family: "Meiryo UI";
  display: inline-block;
  font-size: 22px;
  color: #333;
  font-weight: 500;
  line-height: 1.5em;
  cursor: default;
  pointer-events: none;
}
#bo_gall .gall_img {
  position: relative;
}
#bo_gall .gall_img img {
  width: 35px;
  height: auto;
}
#bo_gall .gall_li {
  position: relative;
  padding: 20px 50px;
}
#bo_gall #gall_ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  zoom: 1;
}
#fboardlist:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}

.jpnh {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px !important;
  font-weight: bold;
}
.jpng {
  font-size: 20px;
  color: #333;
  font-weight: 300;
  margin-bottom: 20px !important;
  font-weight: 100;
}
.bo_ct {
}
#bo_gall .bo_content a {
  font-family: "Meiryo UI";
  font-size: 24px;
  color: #333;
  font-weight: 400;
  line-height: 30px;
  line-height: 1.7em;
  cursor: default;
  pointer-events: none;
}
.txt_press {
  font-family: "Meiryo UI";
}
.section_codes {
  text-align: center;
  padding: 4rem;
}
.section_box {
  border: 1px solid #f9f9f9;
  padding: 3rem;
  margin: 0 30px;
  background-color: #f9f9f9;
  border-radius: 5px;
  display: inline-block;
  width: 15%;
  border-radius: 13px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.24);
  font-size: 0.9rem;
}
.btnMedium1 {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  transition: 0.5s ease;
  padding: 0.688rem 1.875rem;
  overflow: hidden;
}
.btnMediumDisabled1 {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  0-sizing: border-box;
  background-color: #d2d2d2 !important;
  border: #d2d2d2 !important;
  padding: 0.75rem 1.875rem;
  cursor: not-allowed;
  overflow: hidden;
}
.btnMediumDisabled1 span {
  color: #fff;
}
.btnSmall1 {
  position: relative;
  display: inline-block;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
  transition: 0.5s ease;
  padding: 0.438rem 1.25rem;
  overflow: hidden;
}
#btnList2 {
  background-color: #111;
  border: 1px solid #111;
  vertical-align: middle;
}

.essLink {
  display: flex;
  align-items: center;
  max-width: 12rem;
  min-width: 5rem;
  width: 100%;
  min-height: 1.813rem;
  height: auto;
  position: relative;
  margin: 0 auto;
  padding: 0.25rem 1.5rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  letter-spacing: -0.02px;
}
.essLink::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/product/ico_newWindow_20.png)
    no-repeat center center / 100% auto;
}
.disabled {
  border: 1px solid #dfdfdf;
  padding: 1rem;
  background-color: #dfdfdf;
  border-radius: 5px;
  display: inline-block;
  width: 15%;
  /* border-radius: 13px; */
  /* box-shadow: 0 20px 30px 0; */
  border-radius: 13px;
  box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.24);
  font-size: 0.9rem;
  margin: 0 0.5rem;
  margin-top: 2rem;
}

.disabled a {
  color: black; /* 비활성화된 텍스트 색상 */
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .cookie-policy .title2,
  .cookie-policy .title1 {
    font-size: 14px;
    padding: 8px;
    width: 90%;
  }

  .cookie-policy .content2,
  .cookie-policy .content1 {
    width: 90%;
  }

  .tab12 {
    margin-bottom: 4rem;
    margin-top: 2rem;
  }

  .tab12 .tab123 li a {
    font-size: 1rem;
  }

  .product-detail-page {
    padding: 0 1rem;
  }

  .product-title > h1 {
    font-size: 28px !important;
  }

  .product-content {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .product-image {
    max-width: 100%;
    max-height: auto;
  }

  .product-info-sections {
    grid-template-columns: 1fr;
  }

  .sectionbox {
    width: 100%;
    margin: 1rem 0;
  }

  .slider1234 {
    height: 200px;
  }

  button.prev,
  button.next {
    top: 40%;
  }

  #bo_gall {
    width: 83.3333vw !important;
    padding: 10px;
  }

  #bo_gall .gall_img img {
    width: 35px;
    float: right;
  }

  .section_codes {
    padding: 2rem;
  }

  .section_box {
    width: 100%;
    margin: 1rem 0;
  }

  .disabled {
    width: 100%;
    margin: 1rem 0;
  }

  .btnMedium1,
  .btnSmall1 {
    padding: 0.5rem 1rem;
  }

  .essLink {
    max-width: 100%;
    padding: 0.5rem 1rem;
  }
  .toggle-switch {
    position: absolute;
    top: 8px;
    right: 6%;
  }
  #bo_gall .gall_li {
    position: relative;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
    border: 0 !important;
  }
  #bo_gall #gall_ul {
    margin: 0 auto;
  }
  #bo_gall .gall_box {
    padding: 0;
    border: 1px solid #ebebeb;
  }
  #bo_gall .gall_text_href {
    font-size: 15px;
    float: none;
    padding: 15px;
  }
  #bo_gall .bo_tit {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0 10px;
  }
  #bo_gall .bo_content {
    font-size: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #bo_gall .bo_content a {
    font-size: 15px;
  }
}
button#acceptAllBtn {
  width: 145px;
}
button#saveBtn {
  width: 145px;
}
button#refuseAllBtn {
  width: 145px;
}
button#acceptAllBtn > span {
  font-size: 12px;
}
button#saveBtn > span {
  font-size: 12px;
}
button#refuseAllBtn > span {
  font-size: 12px;
}
.adverse-events-report {
  max-width: 60rem;
  margin: 0 auto;
  padding-top: 4rem;
}

@media (max-width: 1700px) and (min-width: 1500px) {
  padding: 3rem 2.188rem;
}
@media (max-width: 1583px) and (min-width: 1200px) {
  .main-container
    .business
    .subsection
    .slider
    .swiper-slide
    .description
    .text {
    font-size: 21px;
  }
  .footerbtn_link {
    font-size: 14px;
  }
  footer#footer .innerWrap #footerWrap .menu li dl dd a {
    font-size: 0.7rem;
  }
  footer#footer .innerWrap #footerWrap .menu li dl dd {
    width: 9.5rem;
  }
  footer#footer .innerWrap #footerWrap .menu li dl dt {
    width: 6.5rem;
    font-size: 0.6rem;
  }
  footer#footer .innerWrap #footerWrap .menu li {
    margin-right: 1rem;
    width: 9.5rem;
  }
  header#header .innerWrap #gnbWrap .gnb li > a {
    ]display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
    color: #111;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5rem;
  }
  header#header .innerWrap #gnbWrap .languageWrap {
    flex-shrink: 0;
    /* flex-basis: 9.75rem; */
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 1199px) and (min-width: 1023px) {
  html.en header#header .innerWrap #gnbWrap .gnb li dl dd {
    width: initial;
  }
  #wrapper {
    padding-top: 0;
    padding-bottom: 7.5rem;
  }
  #wrapper .contentsWrap {
    width: 100%;
    max-width: calc(100% - 5.5rem);
    padding: 6.25rem 0 0 0;
    transition: 0.25s ease;
  }
  #wrapper .contentsWrap .contentsHead h2 {
    padding-top: 0;
    font-size: 2rem;
    line-height: 2.75rem;
  }
  body.scrollNone header#header {
    height: -webkit-fill-available !important;
  }
  body.scrollNone header#header .innerWrap {
    height: 100%;
  }
  header#header {
    height: 3.75rem;
    transition: 0.25s ease;
  }
  header#header .innerWrap {
    position: static;
    width: 100%;
    max-width: initial;
    height: 3.75rem;
    margin: initial;
    transition: 0.25s ease;
  }
  header#header .innerWrap a.logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 6.375rem;
    height: 1.629rem;
    background-size: 6.375rem 1.629rem;
    z-index: 200;
    margin-top: 0;
    margin: 1.125rem 0 0 1.25rem;
  }
  header#header .innerWrap #gnbWrap {
    position: fixed;
    top: 0;
    right: -100%;
    display: block;
    width: 30%;
    height: 100vh;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background-color: #fff;
    text-align: left;
    padding-top: initial;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
    transition: 0.15s ease;
    z-index: 100;
  }
  header#header .innerWrap #gnbWrap .gnb {
    width: 100%;
    padding-top: 2.5rem;
  }
  header#header .innerWrap #gnbWrap .gnb li {
    display: block;
    margin: 1.5rem 0 0 0;
    height: auto !important;
  }
  header#header .innerWrap #gnbWrap .gnb li::after {
    display: none;
  }
  header#header .innerWrap #gnbWrap .gnb li a {
    font-size: 1.5rem;
    line-height: 2.125rem;
    letter-spacing: -0.05px;
    color: #111;
    font-weight: 700;
    padding: 0;
  }
  header#header .innerWrap #gnbWrap .gnb li dl {
    display: none;
    position: static;
    top: initial;
    top: auto;
    left: initial;
    left: auto;
    width: initial;
    height: auto !important;
    transform: none !important;
    opacity: initial;
    z-index: initial;
    margin: 1.25rem 1.25rem 0 1.25rem;
    overflow: hidden;
  }
  header#header .innerWrap #gnbWrap .gnb li dl dd {
    display: block;
    border-radius: 12px;
    width: 100%;
  }

  header#header .innerWrap #gnbWrap .gnb li dl dd a {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.02px;
    text-align: center;
    border-radius: 12px;
    padding: 1rem 0;
  }
  header#header .innerWrap #gnbWrap .gnb li dl dd a:hover {
    color: #111;
    background-color: #fff;
  }
  header#header .innerWrap #gnbWrap .gnb li:first-child {
    margin-top: 0;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(1) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(2) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(3) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(4) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(5) dl {
    margin-left: initial;
  }
  header#header .innerWrap #gnbWrap .gnb li:nth-child(6) dl {
    margin-left: initial;
  }

  header#header .innerWrap #gnbWrap .gnb li.active::after {
    display: none;
  }
  header#header .innerWrap #gnbWrap .gnb li.active dl {
    display: block;
    visibility: initial;
    opacity: initial;
    animation: none;
  }
  header#header .innerWrap #gnbWrap .gnb li.mobileActive::after {
    display: none;
  }

  header#header .innerWrap #gnbWrap .gnb li.mobileActive dl {
    display: none;
    visibility: initial;
    opacity: initial;
  }

  header#header .innerWrap #gnbWrap .languageWrap {
    display: none;
    transition: 0.1s linear;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    border-top: 1px solid #f4f4f4;
    transition: 0.1s linear;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    padding: 0 1.25rem;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector {
    top: 1.313rem;
    right: 1.75rem;
    position: static;
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap .localLangSelector ul {
    padding-top: 0;
    margin: 0;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector
    ul
    li {
    margin-left: 1rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .localLangSelector
    ul
    li
    a {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: -0.01px;
  }
  header#header .innerWrap #gnbWrap.active .languageWrap .globleLangSelector {
    position: static;
    top: 1.125rem;
    right: initial;
    left: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0;
    margin-left: 25%;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .languageWrap
    .globleLangSelector
    button {
    width: 1.5rem;
    height: 1.5rem;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll {
    display: block;
    position: fixed;
    top: 0;
    transform: translate(100%);
    width: 100%;
    height: 100vh;
    background-color: #fff;
    border-radius: 0;
    box-shadow: initial;
    padding: initial;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll .tabNavWrap {
    padding-left: 1.25rem;
    margin-top: 5.25rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li {
    margin-left: 2rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li
    a {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: -0.02px;
  }
  + header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabNavWrap
    .tabNavList
    li:first-child {
    margin-left: 0;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll .tabContentsWrap {
    padding: 1.25rem;
    height: 100%;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    button {
    top: 1.25rem;
    right: 1.25rem;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList {
    overflow: scroll;
    height: calc(100% - 90px);
    padding-bottom: 90px;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li {
    display: block;
    width: initial;
    height: 3.125rem;
    margin-top: 0.625rem;
    margin-left: initial;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li
    a {
    height: 3.125rem;
    line-height: 3.125rem !important;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:first-child {
    margin-top: 0;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(1),
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(2),
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(3) {
    margin-top: 0.625rem;
  }

  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents
    .languageList
    li:nth-child(3n + 1) {
    margin-left: initial;
  }
  header#header
    .innerWrap
    #gnbWrap.active
    .globleLangAll
    .tabContentsWrap
    .tabContents.active {
    height: 100%;
    overflow: auto;
  }
  header#header .innerWrap #gnbWrap.active .globleLangAll.active {
    display: block;
    transform: translate(0);
  }
  header#header .innerWrap #gnbWrap.active {
    right: 0;
  }
  header#header .innerWrap .mobileAllMenu {
    display: block;
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 1.5rem;
    height: 1.5rem;
    font-size: 0;
    line-height: 0;
    z-index: 200;
    overflow: hidden;
  }
  header#header .innerWrap .mobileAllMenu button {
    width: 1.5rem;
    height: 1.5rem;
    overflow: hidden;
  }
}
.career_btn::after {
  right: 25% !important;
}
.btn_gconfirm::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  right: 0%;
  top: 50%;
  transform: translateY(-50%);
  background: url(/front/assets/common/images/product/ico_newWindow_20.png)
    no-repeat center center / 100% auto;
}
@media screen and (max-width: 460px) {
  .cpnt_dialog_confirm .cpntHeader {
    margin: 0 1.4rem;
  }
  button#refuseAllBtn {
    width: 145px;
    margin-top: 10px;
  }
  button#saveBtn {
    width: 120px;
    margin: 0 10px;
    margin-right: 2%;
    margin-top: 10px;
    height: 40px;
  }
  button#acceptAllBtn {
    width: 120px;
    margin-top: 10px;
    height: 40px;
    margin-right: 3%;
  }
  button#saveBtn > span {
    font-size: 11px;
  }
  button#acceptAllBtn > span {
    font-size: 11px;
  }
  button#refuseAllBtn {
    width: 120px;
    margin-top: 10px;
    height: 40px;
    margin-right: 3%;
  }
  button#refuseAllBtn > span {
    font-size: 11px;
  }
  .cpnt_dialog_confirm .cpntFooter {
    display: flex;
    justify-content: center;
    padding: 11px;
  }
}
@media screen and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) {
  /* 여기에서 이상하게 보이는 스타일을 수정하세요 */
  .modal-content {
    width: 90%;
  }
}
@media screen and (max-width: 768px) and (min-width: 481px) {
  .btnbts {
    /*display:flex;*/
  }
  button#saveBtn {
    margin-right: 2%;
    margin-left: 2%;
  }
  button#acceptAllBtn {
    margin-right: 2%;
    margin-left: 2%;
  }
  button#refuseAllBtn {
    margin-right: 2%;
    margin-left: 2%;
  }
}
@media screen and (max-width: 460px) {
  .cpnt_dialog_confirm .cpntBody p {
    word-break: keep-all; /* 단어 단위로 줄바꿈 */
    overflow-wrap: break-word; /* 컨테이너를 벗어나지 않도록 */
    white-space: normal; /* 일반적인 줄바꿈 허용 */
    line-height: 1.5; /* 줄 간격 */
    font-size: 1rem;
  }
  .content2 > p {
    font-size: 0.78rem;
  }
  .content1 > p {
    font-size: 0.78rem;
  }
  .toggle-switch > span {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  html.en .cpnt_divtable .btn_gconfirm {
    min-width: 100%;
    width: max-content;
    text-align: center;
  }
  .content1 p,
  .content2 p {
    line-height: 1.6;
    padding: 0 10px;
    word-break: keep-all; /* 단어 단위로 줄바꿈 */
    overflow-wrap: break-word; /* 컨테이너를 벗어나지 않도록 */
    white-space: normal; /* 일반적인 줄바꿈 허용 */
    line-height: 1.5;
  }
  .text,
  li,
  h5 {
    word-break: keep-all; /* 단어 단위로 줄바꿈 */
    overflow-wrap: break-word; /* 컨테이너를 벗어나지 않도록 */
    white-space: normal; /* 일반적인 줄바꿈 허용 */
    line-height: 1.5; /* 줄 간격 */
  }
  #wrapper .business .descWrap .bio_title {
    word-break: keep-all; /* 단어 단위로 줄바꿈 */
    overflow-wrap: break-word; /* 컨테이너를 벗어나지 않도록 */
    white-space: normal; /* 일반적인 줄바꿈 허용 */
    line-height: 1.5; /*ok*/
    text-align: left;
  }
}