/*
 Theme Name:   DoochpumpVN
 Template:     flatsome
 Author:       GG
 Description:  Child theme for Flatsome theme
 Version:      1.0.4
*/
@charset "UTF-8";
/* ELLIPSIS */
@keyframes transform1 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(10rem, -10rem);
  }
}
@keyframes transform2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-10rem, 10rem);
  }
}
@keyframes transform1_1 {
  0% {
    transform: translate(0);
    opacity: 0.7;
  }
  100% {
    transform: translate(10rem);
    opacity: 1;
  }
}
@keyframes transform2_1 {
  0% {
    transform: translate(0, 0);
    opacity: 0.7;
  }
  100% {
    transform: translate(-10rem);
    opacity: 1;
  }
}
.point-color {
  color: #b1005d;
}

#wrap {
  padding-top: 216rem;
  /* 타이틀 영역 */
  /* 제목 + 검색영역 */
  /* 게시판 스타일 */
  /* 메인 */
  /* member */
  /* 이용약관, 개인정보처리방침 */
  /* 회사소개 */
  /* 제품소개 */
  /* 기술 · 개발 : R&D 센터 */
  /* 고객지원 */
  /* A/S, 제품문의 */
  /* 전국영업소, 서비스영업소 */
}
#wrap.startpd {
  padding-top: 156rem;
}
#wrap #skip_nav {
  position: fixed;
  top: 108rem;
  left: 0;
  height: 48rem;
  display: flex;
  align-items: center;
  border-bottom: 1rem solid #404041;
  z-index: 999998;
  background-color: #fff;
  transition: all 0.5s ease;
}
#wrap #skip_nav .menuWrap {
  padding: 0;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  min-width: 193rem;
  width: max-content;
  background-image: url("/eng/images/contents/skip_nav_icon.svg");
  background-repeat: no-repeat;
  background-size: 10rem;
  background-position: right center;
  position: relative;
  height: 100%;
  transition: background-image 0.3s ease;
}
#wrap #skip_nav .menuWrap > p {
  padding: 0 30rem 0 0;
  line-height: 48rem;
  cursor: pointer;
}
#wrap #skip_nav .menuWrap + .menuWrap {
  margin-left: 19rem;
}
#wrap #skip_nav .menuWrap ul {
  position: absolute;
  top: 100%;
  width: calc(100% + 20rem);
  left: -20rem;
  background-color: #fff;
  padding: 10rem 18rem;
  border: 1rem solid #404041;
  display: none;
}
#wrap #skip_nav .menuWrap ul li:hover {
  color: #b1005d;
}
#wrap #skip_nav .menuWrap ul li + li {
  margin-top: 10rem;
}
#wrap #skip_nav .menuWrap.active {
  background-image: url("/eng/images/contents/skip_nav_icon2.svg");
}
#wrap #skip_nav.nav-down {
  transform: translateY(-200%);
  opacity: 0;
}
#wrap #skip_nav.nav-up {
  transform: translateY(0);
  opacity: 1;
}
#wrap .contents {
  padding-bottom: 150rem;
}
#wrap .contents.pb0 {
  padding-bottom: 0;
}
#wrap label {
  display: block;
}
#wrap .scroll_h {
  overflow-y: auto;
  height: 100%;
}
#wrap .scroll_h::-webkit-scrollbar {
  display: block;
  width: 3rem;
}
#wrap .scroll_h::-webkit-scrollbar-thumb {
  background: #b1005d;
}
#wrap .scroll_h::-webkit-scrollbar-track {
  background: #f4f4f4;
}
#wrap .checkBox {
  position: relative;
  cursor: pointer;
}
#wrap .checkBox input[type="checkbox"] + span {
  position: relative;
  padding-left: 28rem;
}
#wrap .checkBox input[type="checkbox"] + span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background-color: #fff;
}
#wrap .checkBox input[type="checkbox"] + span::after {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  background-color: #fff;
  border: 5rem solid #b1005d;
  opacity: 0;
}
#wrap .checkBox input[type="checkbox"]:checked + span::after {
  opacity: 1;
}
#wrap .pc {
  display: block;
}
#wrap .mo {
  display: none;
}
#wrap .title__box {
  padding-bottom: 108rem;
}
#wrap .title__box .eng {
  font-size: 110rem;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
#wrap .title__box .kor {
  font-size: 35rem;
  font-weight: 300;
  letter-spacing: -0.35rem;
}
#wrap .board__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap .board__top .title__box {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: auto;
}
#wrap .board__top .searchWrap {
  width: 400rem;
  border-bottom: 1rem solid #404041;
  position: relative;
  font-size: 18rem;
}
#wrap .board__top .searchWrap .textInput {
  width: 100%;
  height: 45rem;
  padding: 0 20rem 0 10rem;
  cursor: text;
  font-family: "Pretendard", sans-serif;
}
#wrap .board__top .searchWrap .textInput::placeholder {
  color: #404041;
}
#wrap .board__top .searchWrap .submit {
  background-image: url("/eng/images/common/searchIcon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 18rem;
  height: 18rem;
  position: absolute;
  right: 10rem;
  top: 50%;
  transform: translateY(-50%);
}
#wrap .boardWrap {
  /* 탭 메뉴 */
  /* 서브 탭 메뉴 */
  /* pager */
}
#wrap .boardWrap .tabMenu {
  font-size: 18rem;
  margin-bottom: 50rem;
  position: relative;
}
#wrap .boardWrap .tabMenu .tabMenu_mo_sel {
  width: 100%;
  display: none;
  align-items: center;
  padding: 0 30rem 0 15rem;
  border-radius: 10rem;
  height: 45rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  background: #404041;
  position: relative;
  cursor: pointer;
}
#wrap .boardWrap .tabMenu .tabMenu_mo_sel::after {
  top: 20rem;
  right: 15rem;
  width: 10rem;
  height: 5rem;
  background: url(/eng/images/contents/arrow_down_white.svg) center center
    no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#wrap .boardWrap .tabMenu .tabMenu_mo_sel.active::after {
  transform: rotate(180deg);
}
#wrap .boardWrap .tabMenu_list {
  width: 100%;
}
#wrap .boardWrap .tabMenu_items {
  margin-right: 10rem;
}
#wrap .boardWrap .tabMenu_items:last-of-type {
  margin-right: 0;
}
#wrap .boardWrap .tabMenu_items a {
  height: 50rem;
  min-width: 163rem;
  padding: 0 30rem;
  border-radius: 15rem;
  border: 1rem solid #404041;
  text-align: center;
  line-height: 50rem;
}
#wrap .boardWrap .tabMenu_items a:hover,
#wrap .boardWrap .tabMenu_items a.active {
  background-color: #404041;
  color: #fff;
  font-weight: 200;
}
#wrap .boardWrap .valueWrap.category_valueWrap .valueWrap_list {
  flex-direction: start;
  gap: 120rem;
}
#wrap
  .boardWrap
  .valueWrap.category_valueWrap
  .valueWrap_list
  .valueWrap_items {
  margin-right: 0;
}
#wrap .boardWrap .valueWrap .valueWrap_mo_sel {
  width: 100%;
  display: none;
  align-items: center;
  padding: 0 30rem 0 15rem;
  border-radius: 10rem;
  border: 1px solid #404041;
  height: 45rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  background: #fff;
  position: relative;
  cursor: pointer;
}
#wrap .boardWrap .valueWrap .valueWrap_mo_sel::after {
  top: 20rem;
  right: 15rem;
  width: 10rem;
  height: 5rem;
  background: url(/eng/images/contents/arrow_down_gray.svg) center center
    no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#wrap .boardWrap .valueWrap .valueWrap_mo_sel.active::after {
  transform: rotate(180deg);
}
#wrap .boardWrap .valueWrap_list {
  border-top: 4rem solid #404041;
  border-bottom: 1rem solid #404041;
  height: 58rem;
  margin-bottom: 50rem;
  font-size: 15rem;
  padding: 0 20rem;
  line-height: 1.1;
  font-weight: 500;
  display: flex;
  align-items: center;
  /* space-between */
}
#wrap .boardWrap .valueWrap_list.type2 {
  justify-content: space-between;
}
#wrap .boardWrap .valueWrap_list.type2 .valueWrap_items + .valueWrap_list {
  margin-left: initial;
}
#wrap .boardWrap .valueWrap_list.between {
  justify-content: space-between;
}
#wrap .boardWrap .valueWrap_items:last-of-type {
  margin-right: 0;
}
#wrap .boardWrap .valueWrap_items a.active,
#wrap .boardWrap .valueWrap_items a:hover {
  color: #b1005c;
}
#wrap .boardWrap .pager {
  margin-top: 60rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18rem;
  font-weight: 500;
}
#wrap .boardWrap .pager .num {
  display: flex;
  align-items: center;
  color: #999999;
}
#wrap .boardWrap .pager .num a.current,
#wrap .boardWrap .pager .num a:hover {
  color: #404041;
}
#wrap .boardWrap .pager .num a + a {
  margin-left: 25rem;
}
#wrap .boardWrap .pager .page_btn {
  height: 27rem;
  width: 20rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20rem;
}
#wrap .boardWrap .pager .page_btn.first {
  background-image: url("/eng/images/common/pager_first.svg");
  background-size: 13rem;
  margin-right: 19rem;
}
#wrap .boardWrap .pager .page_btn.prev {
  background-image: url("/eng/images/common/pager_prev.svg");
  background-size: 8rem;
  margin-right: 37rem;
}
#wrap .boardWrap .pager .page_btn.next {
  background-image: url("/eng/images/common/pager_next.svg");
  background-size: 8rem;
  margin-left: 37rem;
}
#wrap .boardWrap .pager .page_btn.last {
  background-image: url("/eng/images/common/pager_last.svg");
  background-size: 13rem;
  margin-left: 19rem;
}
#wrap .boardListWrap .boardList.video {
  padding-bottom: 40rem;
}
#wrap .boardListWrap .boardList.video > ul {
  display: flex;
  flex-wrap: wrap;
}
#wrap .boardListWrap .boardList.video > ul > li {
  width: calc(33.3333333333% - 14rem);
  margin-right: 20rem;
  padding-top: 50rem;
  padding-bottom: 50rem;
  cursor: pointer;
  position: relative;
}
#wrap .boardListWrap .boardList.video > ul > li .imgWrap {
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 20rem;
  position: relative;
}
#wrap .boardListWrap .boardList.video > ul > li .imgWrap img {
  height: 100%;
  object-fit: cover;
}
#wrap .boardListWrap .boardList.video > ul > li .imgWrap .link {
  width: 60rem;
  height: 60rem;
  border-radius: 50%;
  background-color: #404041;
  position: absolute;
  right: 20rem;
  bottom: 20rem;
  background-image: url("/eng/images/contents/customer_youtube.svg");
  background-repeat: no-repeat;
  background-size: 20rem;
  background-position: center;
  transition: all 0.3s ease;
}
#wrap .boardListWrap .boardList.video > ul > li .subject {
  line-height: 1.1;
  font-weight: 500;
  padding-bottom: 3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap .boardListWrap .boardList.video > ul > li:nth-child(3n) {
  margin-right: 0;
}
#wrap
  .boardListWrap
  .boardList.video
  > ul
  > li:nth-child(3n + 1):not(:nth-child(1))::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100vw - 200rem);
  height: 1rem;
  background-color: #404041;
}
#wrap .boardListWrap .boardList.video > ul > li:hover .imgWrap {
  border-radius: 50rem;
}
#wrap .boardListWrap .boardList.video > ul > li:hover .link {
  background-color: #b1005c;
}
#wrap .boardListWrap .boardList.download {
  padding-bottom: 40rem;
}
#wrap .boardListWrap .boardList.download > ul {
  display: flex;
  flex-wrap: wrap;
}
#wrap .boardListWrap .boardList.download > ul > li {
  width: calc(25% - 15rem);
  margin-right: 20rem;
  background-color: #f4f4f4;
  padding: 50rem 0 26rem;
  text-align: center;
  margin-bottom: 50rem;
  height: 510rem;
}
#wrap .boardListWrap .boardList.download > ul > li .imgWrap {
  width: 283rem;
  height: 280rem;
  margin: 0 auto;
}
#wrap .boardListWrap .boardList.download > ul > li .imgWrap img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
#wrap .boardListWrap .boardList.download > ul > li .subject {
  padding: 0 30rem;
  line-height: normal;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 20rem 0;
  padding: 0 30rem;
}
#wrap .boardListWrap .boardList.download > ul > li a {
  width: 175rem;
  height: 48rem;
  text-align: center;
  line-height: 48rem;
  color: #fff;
  font-size: 15rem;
  background-color: #404041;
  margin: 0 auto;
  font-weight: 300;
}
#wrap .boardListWrap .boardList.download > ul > li a:hover {
  background-color: #b1005c;
}
#wrap .boardListWrap .boardList.download > ul > li:nth-child(4n) {
  margin-right: 0;
}
#wrap .boardListWrap .boardList.default > ul > li {
  display: flex;
  align-items: center;
  padding: 25rem 20rem;
  border-top: 1rem solid #404041;
}
#wrap .boardListWrap .boardList.default > ul > li .date {
  font-size: 16rem;
  width: 165rem;
}
#wrap .boardListWrap .boardList.default > ul > li .subject {
  font-weight: 500;
  width: calc(100% - 340rem);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap .boardListWrap .boardList.default > ul > li .download {
  font-size: 15rem;
  width: 175rem;
  height: 48rem;
  line-height: 48rem;
  text-align: center;
  color: #fff;
  background-color: #404041;
  font-weight: 300;
}
#wrap .boardListWrap .boardList.default > ul > li .download:hover {
  background-color: #b1005d;
}
#wrap .boardListWrap .boardList.default > ul > li:last-child {
  border-bottom: 1rem solid #404041;
}
#wrap .boardListWrap .boardList.default > ul > li:hover {
  background-color: #f4f4f4;
}
#wrap .boardListWrap .boardList.eventMidea {
  padding-bottom: 40rem;
}
#wrap .boardListWrap .boardList.eventMidea > ul {
  display: flex;
  flex-wrap: wrap;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li {
  width: calc(50% - 25rem);
  margin-right: 50rem;
  padding-bottom: 50rem;
  margin-top: 50rem;
  cursor: pointer;
  position: relative;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li::after {
  bottom: 0;
  width: calc(100% + 25rem);
  height: 1px;
  left: 0;
  background: #404041;
  content: "";
  position: absolute;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li .imgWrap {
  width: 835rem;
  height: 460rem;
  overflow: hidden;
  transition: all 0.3s ease;
  margin-bottom: 20rem;
  position: relative;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li .imgWrap img {
  height: 100%;
  object-fit: cover;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li .imgWrap .link {
  width: 60rem;
  height: 60rem;
  border-radius: 50%;
  background-color: #404041;
  position: absolute;
  right: 20rem;
  bottom: 20rem;
  background-image: url("https://doochpumpvn.com/wp-content/uploads/2025/08/customer_youtube.svg");
  background-repeat: no-repeat;
  background-size: 20rem;
  background-position: center;
  transition: all 0.3s ease;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li .imgWrap .link iframe {
  display: none;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li .subject p {
  font-size: 25rem;
  letter-spacing: -0.25rem;
  line-height: normal;
  font-weight: 500;
  color: #404041;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li .subject span {
  margin-top: 15rem;
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #999;
  display: block;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(2n) {
  margin-right: 0;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(2n)::after {
  left: auto;
  right: 0;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(1),
#wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(2) {
  margin-top: 0;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(5)::after,
#wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(6)::after {
  display: none;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li:hover .imgWrap {
  border-radius: 50rem;
}
#wrap .boardListWrap .boardList.eventMidea > ul > li:hover .link {
  background-color: #b1005c;
}
#wrap.main {
  padding-top: 108rem;
}
#wrap.main .visualWrap {
  width: 100%;
  height: 862rem;
}
#wrap.main .visualWrap .visualMedia {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
#wrap.main .visualWrap .visualMedia video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .visualWrap .visualMedia .visuialText {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  position: absolute;
  z-index: 1;
}
#wrap.main .visualWrap .visualMedia .visuialText .eng {
  font-size: 25rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
}
#wrap.main .visualWrap .visualMedia .visuialText .kor {
  margin-top: 10rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  font-weight: 400;
  line-height: 1.1;
  color: #fff;
}
#wrap.main .visualWrap .visualMedia .visuialText br.mo_block {
  display: none;
}
#wrap.main .visualWrap .visualMedia::after {
  content: "";
  width: 100%;
  height: 390rem;
  position: absolute;
  bottom: -1rem;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  z-index: 0;
}
#wrap.main .water .waterTop {
  width: 100%;
  height: 320rem;
  position: relative;
  background: #000;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 100rem;
}
#wrap.main .water .waterTop p {
  font-size: 90rem;
  line-height: 0.9;
  font-weight: 500;
  color: #fff;
  position: relative;
}
#wrap.main .water .waterTop p span {
  bottom: 4rem;
  right: 85rem;
  font-size: 16rem;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  display: block;
  position: absolute;
  padding-bottom: 15rem;
}
#wrap.main .water .waterTop p span::after {
  bottom: 4rem;
  width: 100rem;
  height: 1rem;
  left: 50%;
  transform: translateX(-50%);
  background: #b1005d;
  position: absolute;
  content: "";
}
#wrap.main .water .waterTop::before {
  bottom: -208rem;
  left: 100rem;
  width: 777rem;
  height: 419rem;
  background: url(https://doochpumpvn.com/wp-content/uploads/2025/08/waterTop_img.svg) center center no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  z-index: 0;
}
#wrap.main .water .waterBtm {
  padding: 60rem 100rem;
  background: #f4f4f4;
}
#wrap.main .water .waterBtm .waterBtm_tit {
  padding: 0 30rem 0 53rem;
  font-size: 16rem;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  color: #404041;
}
#wrap.main .water .waterBtm .waterBtm_tit::before {
  top: 3rem;
  left: 30rem;
  width: 13rem;
  height: 13rem;
  border-radius: 100%;
  background: #b1005d;
  content: "";
  position: absolute;
}
#wrap.main .water .waterBtm .textBox {
  margin-top: 20rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrap.main .water .waterBtm .textBox .left {
  width: calc(100% - 850rem);
}
#wrap.main .water .waterBtm .textBox .left div {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
#wrap.main .water .waterBtm .textBox .left div b {
  font-size: 250rem;
  letter-spacing: -20rem;
  line-height: 1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
}
#wrap.main .water .waterBtm .textBox .left div .date {
  margin-left: 20rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#wrap.main .water .waterBtm .textBox .left div .date .dateTop {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 16rem;
  letter-spacing: -0.16rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap.main .water .waterBtm .textBox .left div .date .dateTop img {
  width: 45rem;
  height: 45rem;
  margin-bottom: 11rem;
}
#wrap.main .water .waterBtm .textBox .left div .date .dateBtm {
  margin-bottom: 35rem;
  font-size: 16rem;
  letter-spacing: -0.16rem;
  font-weight: 400;
  line-height: 1.1;
  color: #404041;
}
#wrap.main .water .waterBtm .textBox .left > p {
  font-size: 20rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.main .water .waterBtm .textBox .right {
  margin-top: 54rem;
  width: 850rem;
}
#wrap.main .water .waterBtm .textBox .right .right_box {
  display: flex;
  justify-content: flex-start;
}
#wrap.main .water .waterBtm .textBox .right .right_box .text {
  border-left: 1px solid #404041;
  padding: 0 20rem;
  width: 50%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  position: relative;
}
#wrap.main .water .waterBtm .textBox .right .right_box .text b {
  font-size: 170rem;
  letter-spacing: -10.2rem;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
}
#wrap.main .water .waterBtm .textBox .right .right_box .text .date {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  top: 0;
  right: 20rem;
  height: 100%;
}
#wrap.main .water .waterBtm .textBox .right .right_box .text .date .dateTop {
  font-size: 16rem;
  letter-spacing: -0.16rem;
  line-height: 1.3;
  font-weight: 600;
  color: #404041;
}
#wrap.main .water .waterBtm .textBox .right .right_box .text .date .dateBtm {
  margin-bottom: 35rem;
  font-size: 16rem;
  line-height: 1.3;
  font-weight: 400;
  color: #404041;
}
#wrap.main .water .waterBtm .textBox .right .right_box .text:last-of-type {
  padding: 0 0 0 20rem;
}
#wrap.main
  .water
  .waterBtm
  .textBox
  .right
  .right_box
  .text:last-of-type
  .date {
  right: -40rem;
}
#wrap.main .water .overview {
  padding: 220rem 100rem 60rem;
  background: #f4f4f4;
  position: relative;
}
#wrap.main .water .overview .overviewText {
  height: 260rem;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
}
#wrap.main .water .overview .overviewText p {
  font-size: 40rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
  text-transform: uppercase;
}
#wrap.main .water .overview .overviewText span {
  margin-top: 30rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.main .water .overview .overviewArrow {
  width: 260rem;
  bottom: 90rem;
  right: 100rem;
  position: absolute;
  display: flex;
  flex-direction: column;
}
#wrap.main .water .overview .overviewArrow img {
  width: 120rem;
  align-self: flex-end;
  transition: all 0.3s;
  animation: transform1 1s ease-in-out infinite alternate-reverse;
}
#wrap.main .water .overview .overviewArrow img:last-of-type {
  margin-top: 20rem;
  align-self: flex-start;
  animation: transform2 1s ease-in-out infinite alternate-reverse;
}
#wrap.main .oscWrap .oscInner {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
#wrap.main .oscWrap .oscInner .oscMedia {
  width: 970rem;
  height: 970rem;
  position: relative;
}
#wrap.main .oscWrap .oscInner .oscMedia video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .oscWrap .oscInner .oscCont {
  width: calc(100% - 970rem);
  padding: 90rem 100rem 60rem 70rem;
  height: 970rem;
  background: #000;
  position: relative;
}
#wrap.main .oscWrap .oscInner .oscCont .oscTit {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wrap.main .oscWrap .oscInner .oscCont .oscTit b {
  font-size: 75rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
#wrap.main .oscWrap .oscInner .oscCont .oscTit sub {
  margin-left: 15rem;
  font-size: 40rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
}
#wrap.main .oscWrap .oscInner .oscCont .oscTit sub span {
  color: #fff;
}
#wrap.main .oscWrap .oscInner .oscCont .oscDesc {
  margin-top: 30rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
}
#wrap.main .oscWrap .oscInner .oscCont .oscLine {
  margin: 162rem auto 90rem;
  width: 780rem;
  height: 16rem;
}
#wrap.main .oscWrap .oscInner .oscCont .oscLine img {
  width: 100%;
  object-fit: cover;
}
#wrap.main .oscWrap .oscInner .oscCont .oscLine img.pc {
  display: block;
}
#wrap.main .oscWrap .oscInner .oscCont .oscLine img.mo {
  display: none;
}
#wrap.main .oscWrap .oscInner .oscCont .oscBox p {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
}
#wrap.main .oscWrap .oscInner .oscCont .oscBox span {
  margin-top: 20rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  font-weight: 400;
  color: #fff;
  display: block;
}
#wrap.main .oscWrap .oscInner .oscCont .oscBox span b {
  font-weight: 400;
  color: #e82e90;
}
#wrap.main .oscWrap .oscInner .oscCont .oscList {
  margin-top: 90rem;
}
#wrap.main .oscWrap .oscInner .oscCont .oscList .point {
  padding: 7rem 23rem 6rem;
  font-size: 13rem;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  background: #404041;
  display: inline-flex;
}
#wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems {
  margin-top: 10rem;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
#wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems li {
  width: 20%;
  font-size: 16rem;
  padding: 10rem 10rem 0;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
  border-left: 1px solid #404041;
  display: flex;
  align-items: flex-start;
}
#wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems li:first-of-type {
  border-left: 0;
  padding-left: 0;
}
#wrap.main .pdWrap {
  height: 970rem;
  padding: 245rem 0 235rem 100rem;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  overflow: hidden;
}
#wrap.main .pdWrap .pdWrap-swiper-button-wrap {
  position: absolute;
  display: flex;
  right: 100rem;
  top: 207rem;
}
#wrap.main .pdWrap .pdWrap-swiper-button-wrap .pdWrap-swiper-button-next {
  width: 48rem;
  height: 12rem;
  background: center/contain
    url("https://doochpumpvn.com/wp-content/uploads/2025/08/main_swipe1_left_arrow.svg") no-repeat;
  cursor: pointer;
  animation: transform2_1 1s ease-in-out infinite alternate-reverse;
}
#wrap.main .pdWrap .pdWrap-swiper-button-wrap .pdWrap-swiper-button-prev {
  width: 48rem;
  height: 12rem;
  background: center/contain
    url("https://doochpumpvn.com/wp-content/uploads/2025/08/main_swipe1_right_arrow.svg") no-repeat;
  cursor: pointer;
  animation: transform1_1 1s ease-in-out infinite alternate-reverse;
}
#wrap.main .pdWrap .pd_textBox {
  position: absolute;
  top: 197rem;
  left: 100rem;
  width: 580rem;
  height: 536rem;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems {
  padding-bottom: 10rem;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  display: none;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems b {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
  position: relative;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems b::before {
  top: 50%;
  left: 0;
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems p {
  margin-top: 30rem;
  font-size: 65rem;
  line-height: 1;
  font-weight: 600;
  color: #404041;
  text-transform: uppercase;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems span {
  margin: 125rem 0 50rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems a {
  bottom: 60rem;
  left: 0;
  width: 79rem;
  height: 43rem;
  display: block;
  position: absolute;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems a img {
  width: 100%;
  object-fit: cover;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems:nth-of-type(2) span,
#wrap.main .pdWrap .pd_textBox .pd_textItems:nth-of-type(3) span,
#wrap.main .pdWrap .pd_textBox .pd_textItems:nth-of-type(4) span {
  margin: 50rem 0 70rem;
}
#wrap.main .pdWrap .pd_textBox .pd_textItems::after {
  width: 60rem;
  height: 60rem;
  bottom: 0;
  right: 70rem;
  background: url("https://doochpumpvn.com/wp-content/uploads/2025/08/technology_icon.svg") center center
    no-repeat;
  background-size: 100%;
  position: absolute;
  content: "";
}
#wrap.main .pdWrap .pd_textBox .pd_textItems.active {
  display: inline-flex;
}
#wrap.main .pdWrap .pdCont {
  margin-left: 580rem;
  padding-right: 100rem;
  overflow: hidden;
}
#wrap.main .pdWrap .pdCont .pdInner .pd_swiper {
  cursor: pointer;
}
#wrap.main .pdWrap .pdCont .pdInner .pd_swiper .slideBox {
  width: 340rem;
}
#wrap.main .pdWrap .pdCont .pdInner .pd_swiper .slideBox .img {
  padding: 40rem;
  height: 428rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  overflow: hidden;
}
#wrap.main .pdWrap .pdCont .pdInner .pd_swiper .slideBox .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease;
}
#wrap.main .pdWrap .pdCont .pdInner .pd_swiper .slideBox .img:hover img {
  transform: scale(1.1);
}
#wrap.main .pdWrap .pdCont .pdInner .pd_swiper .slideBox .txt {
  margin-top: 20rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.main .pdWrap .pdPager {
  position: absolute;
  bottom: 20rem;
  height: 20rem;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: url(https://doochpumpvn.com/wp-content/uploads/2025/08/slide_pager_icon.png) left top repeat-x;
  background-size: contain;
}
#wrap.main .pdWrap .pdPager .pdPagerBox {
  position: relative;
  width: 100%;
  height: 100%;
}
#wrap.main .pdWrap .pdPager .pdPagerBox .pdPagerList {
  position: absolute;
  top: 0;
  left: 943rem;
  width: max-content;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#wrap.main .pdWrap .pdPager .pdPagerBox .pdPagerList .pagerBox {
  margin-right: 645rem;
  width: 70rem;
  height: 20rem;
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  background: #fff;
  display: inline-block;
  vertical-align: top;
}
#wrap.main .pdWrap .pdPager .pdPagerBox .pdPagerList .pagerBox:last-of-type() {
  margin-right: 0;
}
#wrap.main .pdWrap.pd_pc {
  display: flex;
}
#wrap.main .pdWrap.pd_mo {
  display: none;
}
#wrap.main .lineupWrap {
  padding: 60rem 100rem;
  height: 970rem;
  width: 100%;
  background: #f4f4f4;
  position: relative;
}
#wrap.main .lineupWrap .lineupTit {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
}
#wrap.main .lineupWrap .lineupTit::before {
  top: 50%;
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  left: 0;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.main .lineupWrap .lineupBox {
  margin-top: 30rem;
}
#wrap.main .lineupWrap .lineupBox .lineupSelect {
  display: none;
}
#wrap.main .lineupWrap .lineupBox .lineupList {
  width: 740rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems {
  width: 50%;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems.w100 {
  width: 100%;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems.mt {
  margin-top: -1rem;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems.ml {
  width: calc(50% + 1rem);
  margin-left: -1rem;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a {
  height: 60rem;
  padding: 0 45rem 0 30rem;
  font-size: 19rem;
  letter-spacing: -0.2rem;
  font-weight: 400;
  color: #404041;
  line-height: 1.1;
  border: 1px solid #404041;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-radius: 15rem;
  position: relative;
  transition: all 0.3s;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a::before {
  top: 27rem;
  left: 15rem;
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  background-color: #404041;
  content: "";
  position: absolute;
  transition: background-color 0.3s;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a svg {
  top: 23rem;
  right: 20rem;
  width: 14rem;
  height: 14rem;
  position: absolute;
  object-fit: cover;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a svg path {
  transition: stroke 0.3s;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a:hover,
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a.active {
  color: #fff;
  background: #b1005d;
  border: 1px solid #b1005d;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a:hover::before,
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a.active::before {
  background-color: #fff;
}
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a:hover svg path,
#wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a.active svg path {
  stroke: #fff;
}
#wrap.main .lineupWrap .lineupText {
  bottom: 120rem;
  left: 100rem;
  position: absolute;
}
#wrap.main .lineupWrap .lineupText p {
  font-size: 75rem;
  line-height: 1;
  font-weight: 300;
  color: #404041;
  display: none;
}
#wrap.main .lineupWrap .lineupText p b {
  font-weight: 600;
}
#wrap.main .lineupWrap .lineupImg {
  top: 0;
  right: 0;
  width: 1044rem;
  height: 100%;
  position: absolute;
}
#wrap.main .lineupWrap .lineupImg img {
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#wrap.main .majorWrap {
  padding: 90rem 100rem;
  height: auto;
  width: 100%;
  background-color: #000;
  background-image: url(https://doochpumpvn.com/wp-content/uploads/2025/08/major_bg.png);
  background-position: 125rem 219rem;
  background-repeat: no-repeat;
  background-size: 1670rem 1410rem;
  background-attachment: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
#wrap.main .majorWrap .majorText {
  margin-top: 50rem;
  width: 870rem;
  height: calc(100vh - 416rem);
  min-height: 700rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 140rem;
  left: 0;
}
#wrap.main .majorWrap .majorText b {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  position: relative;
}
#wrap.main .majorWrap .majorText b::before {
  top: 50%;
  left: 0;
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.main .majorWrap .majorText p {
  margin-top: 30rem;
  font-size: 75rem;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}
#wrap.main .majorWrap .majorText span {
  margin-top: 30rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
}
#wrap.main .majorWrap .majorCont {
  width: 770rem;
  position: relative;
}
#wrap.main .majorWrap .majorCont .majorItems {
  padding: 20rem;
  width: 360rem;
  height: 569rem;
  background: #fff;
  position: relative;
  top: 0;
}
#wrap.main .majorWrap .majorCont .majorItems p {
  font-size: 50rem;
  line-height: 1.1;
  font-weight: 600;
  text-transform: uppercase;
  color: #404041;
}
#wrap.main .majorWrap .majorCont .majorItems .img {
  margin-top: 50rem;
  width: 100%;
  height: 319rem;
  background: #f4f4f4;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
#wrap.main .majorWrap .majorCont .majorItems .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: fill;
  transform: scale(1);
  transition: transform 0.3s ease;
}
#wrap.main .majorWrap .majorCont .majorItems .txt {
  margin-top: 64rem;
  position: relative;
}
#wrap.main .majorWrap .majorCont .majorItems .txt p {
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
  width: 100%;
}
#wrap.main .majorWrap .majorCont .majorItems .txt p::after {
  width: 16rem;
  height: 16rem;
  /*background: url(/eng/images/contents/.svg) center center no-repeat;*/
  background-size: 100% 100%;
  top: 0;
  right: 0;
  content: "";
  position: absolute;
}
#wrap.main .majorWrap .majorCont .majorItems .txt svg {
  width: 16rem;
  height: 16rem;
  top: 0;
  right: 0;
  position: absolute;
}
#wrap.main .majorWrap .majorCont .majorItems:hover .img img {
  transform: scale(1.1);
}
#wrap.main .majorWrap .majorCont .majorItems:hover .txt svg path {
  stroke: #b1005d;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(1) {
  left: 0;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(2) {
  margin-top: -125rem;
  left: 410rem;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(3) {
  margin-top: -394rem;
  left: 0;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(4) {
  margin-top: -125rem;
  left: 410rem;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(5) {
  margin-top: -394rem;
  left: 0;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(6) {
  margin-top: -125rem;
  left: 410rem;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(7) {
  margin-top: -394rem;
  left: 0;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(8) {
  margin-top: -125rem;
  left: 410rem;
}
#wrap.main .majorWrap .majorCont .majorItems:nth-of-type(9) {
  margin-top: -394rem;
  left: 0;
}
#wrap.main .majorWrap .majorPoint {
  top: 138rem;
  right: 100rem;
  width: 11rem;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: none;
}
#wrap.main .majorWrap .majorPoint .circle {
  width: 11rem;
  height: 11rem;
  border-radius: 100%;
  border: 1px solid #fff;
  background: transparent;
}
#wrap.main .majorWrap .majorPoint .circle:first-of-type {
  background: #fff;
}
#wrap.main .majorWrap .majorPoint .line {
  width: 1px;
  height: 25rem;
  background: #fff;
}
#wrap.main .majorWrap .majorPoint.on .circle:first-of-type {
  background: transparent;
}
#wrap.main .majorWrap .majorPoint.on .circle:last-of-type {
  background: #fff;
}
#wrap.main .majorWrap .majorPosText {
  bottom: 50rem;
  left: 100rem;
  position: absolute;
}
#wrap.main .majorWrap .majorPosText p {
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
}
#wrap.main .majorWrap.major_pc {
  display: flex;
}
#wrap.main .majorWrap.major_mo {
  display: none;
}
#wrap.main .systemWrap .systemCont {
  position: relative;
}
#wrap.main .systemWrap .systemCont::before {
  top: -1rem;
  left: 0;
  height: 390rem;
  width: 100%;
  content: "";
  background: linear-gradient(0, rgba(0, 0, 0, 0.1) 40%, #000 100%);
  position: absolute;
  z-index: 1;
}
#wrap.main .systemWrap .systemCont .systemText {
  padding: 0 100rem;
  top: 150rem;
  left: 0;
  width: 100%;
  position: absolute;
  z-index: 1;
}
#wrap.main .systemWrap .systemCont .systemText p {
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
}
#wrap.main .systemWrap .systemCont .systemMedia {
  height: 970rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#wrap.main .systemWrap .systemCont .systemMedia video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .mainBoard {
  position: relative;
  width: 100%;
  height: 100%;
}
#wrap.main .mainBoard::before {
  height: 1042rem;
  top: 0;
  left: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: -1;
  background: #fff;
}
#wrap.main .mainBoard::after {
  height: calc(100% - 1042rem);
  top: 1042rem;
  left: 0;
  width: 100%;
  content: "";
  position: absolute;
  z-index: -1;
  background: #f4f4f4;
}
#wrap.main .mainBoard .newsWrap {
  padding: 120rem 100rem 60rem;
}
#wrap.main .mainBoard .newsWrap .newsTop {
  position: relative;
}
#wrap.main .mainBoard .newsWrap .newsTop .newsSubject {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
  position: relative;
}
#wrap.main .mainBoard .newsWrap .newsTop .newsSubject::before {
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  position: absolute;
  content: "";
}
#wrap.main .mainBoard .newsWrap .newsTop .newsTit {
  margin-top: 30rem;
  font-size: 40rem;
  letter-spacing: -0.4rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap.main .mainBoard .newsWrap .newsTop .viewBtn {
  top: 44rem;
  right: 0;
  width: 79rem;
  height: 43rem;
  position: absolute;
}
#wrap.main .mainBoard .newsWrap .newsTop .viewBtn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .mainBoard .newsWrap .newsCont {
  margin-top: 50rem;
  position: relative;
}
#wrap.main .mainBoard .newsWrap .newsCont .newsList {
  border-top: 1px solid #404041;
  border-bottom: 1px solid #404041;
  width: 100%;
}
#wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems {
  padding: 25rem 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #d4d4d4;
  cursor: text;
}
#wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems .newsBox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wrap.main
  .mainBoard
  .newsWrap
  .newsCont
  .newsList
  .newsItems
  .newsBox
  .newsDate {
  width: 145rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.main
  .mainBoard
  .newsWrap
  .newsCont
  .newsList
  .newsItems
  .newsBox
  .newsTag {
  margin-right: 20rem;
  width: 82rem;
  height: 27rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 400;
  background: #404041;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
#wrap.main
  .mainBoard
  .newsWrap
  .newsCont
  .newsList
  .newsItems
  .newsBox
  .newsLink {
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: normal;
  font-weight: 400;
  color: #404041;
  display: inline-block;
  vertical-align: top;
  max-width: 1200rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems .newsImg {
  width: 270rem;
  height: 270rem;
  overflow: hidden;
  display: none;
}
#wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems .newsImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems:hover .newsImg {
  display: block;
}
#wrap.main .mainBoard .eventWrap {
  padding: 30rem 0 60rem;
}
#wrap.main .mainBoard .eventWrap .eventTop {
  padding: 0 100rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#wrap.main .mainBoard .eventWrap .eventTop .eventSubject {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
  position: relative;
}
#wrap.main .mainBoard .eventWrap .eventTop .eventSubject::before {
  top: 50%;
  left: 0;
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.main .mainBoard .eventWrap .eventTop .viewBtn {
  width: 79rem;
  height: 43rem;
}
#wrap.main .mainBoard .eventWrap .eventTop .viewBtn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.main .mainBoard .eventWrap .eventCont {
  margin-top: 30rem;
  padding: 0 100rem;
  overflow: hidden;
}
#wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList {
  width: 490rem;
  min-height: 370rem;
  padding-right: 25rem;
  margin-right: 25rem;
  border-right: 1px solid #d4d4d4;
}
#wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
#wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList a .img {
  height: 310rem;
  width: 100%;
  overflow: hidden;
  border-radius: 0;
  transition: all 0.3s;
  overflow: hidden;
}
#wrap.main
  .mainBoard
  .eventWrap
  .eventCont
  .eventWrapper
  .eventList
  a
  .img
  img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease;
}
#wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList a .text {
  padding-right: 75rem;
  margin-top: 20rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.main
  .mainBoard
  .eventWrap
  .eventCont
  .eventWrapper
  .eventList
  a:hover
  .img {
  border-radius: 50rem;
}
#wrap.main
  .mainBoard
  .eventWrap
  .eventCont
  .eventWrapper
  .eventList
  a:hover
  .img
  img {
  transform: scale(1.3);
}
#wrap.main
  .mainBoard
  .eventWrap
  .eventCont
  .eventWrapper
  .eventList:last-of-type {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}
#wrap.main .mainBoard .movieWrap {
  padding: 100rem 100rem 130rem;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieSubject {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
  position: relative;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieSubject::before {
  top: 50%;
  left: 0;
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box {
  margin-top: 30rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTit {
  font-size: 40rem;
  letter-spacing: -0.4rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieSelect {
  display: none;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab a {
  padding: 15rem 40rem;
  border-radius: 15rem;
  height: 50rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  border: 1px solid #404041;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  margin-right: 10rem;
}
#wrap.main
  .mainBoard
  .movieWrap
  .movieTop
  .movieTop_box
  .movieTab
  a:last-of-type {
  margin-right: 0;
}
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab a:hover,
#wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab a.active {
  background: #404041;
  color: #fff;
}
#wrap.main .mainBoard .movieWrap .moiveContainer {
  margin-top: 50rem;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList
  .movieBox {
  width: calc(33.33% - 14rem);
  height: 560rem;
  position: relative;
  transition: all 0.3s;
  overflow: hidden;
  margin: 0 20rem 20rem 0;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList
  .movieBox
  img {
  min-width: 100%;
  min-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: auto;
  height: auto;
  object-fit: contain;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList
  .movieBox
  .movieText {
  bottom: 40rem;
  padding: 0 20rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
  left: 0;
  width: 100%;
  display: block;
  position: absolute;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList
  .movieBox:nth-of-type(3n) {
  margin-right: 0;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList
  .movieBox.active {
  width: calc(50% - 14rem);
  border-radius: 80rem;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList
  .movieBox.notActive {
  width: calc(25% - 14rem);
  border-radius: 0;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner
  .movieCont
  .movieList:nth-of-type(2) {
  display: none;
}
#wrap.main .mainBoard .movieWrap .moiveContainer .movieInner .moreBtn {
  padding-top: 10rem;
}
#wrap.main .mainBoard .movieWrap .moiveContainer .movieInner .moreBtn a {
  border-radius: 15rem;
  font-size: 20rem;
  height: 60rem;
  width: 100%;
  line-height: 1.1;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Plus Jakarta Sans", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #404041;
  transition: all 0.3s;
}
#wrap.main .mainBoard .movieWrap .moiveContainer .movieInner .moreBtn a .close {
  display: none;
}
#wrap.main .mainBoard .movieWrap .moiveContainer .movieInner .moreBtn a:hover {
  color: #fff;
  background: #404041;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner.active
  .movieCont
  .movieList:nth-of-type(2) {
  display: flex;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner.active
  .moreBtn
  .more {
  display: none;
}
#wrap.main
  .mainBoard
  .movieWrap
  .moiveContainer
  .movieInner.active
  .moreBtn
  .close {
  display: block;
}
#wrap.main .supportWrap {
  border-top: 18rem solid #000;
  padding: 0 100rem;
}
#wrap.main .supportWrap .supportTop {
  padding-top: 100rem;
}
#wrap.main .supportWrap .supportTop .supportSubject {
  padding-left: 24rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
  position: relative;
  display: block;
}
#wrap.main .supportWrap .supportTop .supportSubject::before {
  width: 14rem;
  height: 14rem;
  border-radius: 100%;
  background: #b1005d;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  content: "";
}
#wrap.main .supportWrap .supportTop .supportTit {
  margin-top: 30rem;
  font-size: 40rem;
  letter-spacing: -0.4rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap.main .supportWrap .supportCont {
  margin-top: 20rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap.main .supportWrap .supportCont .supportImg {
  width: 860rem;
  padding-right: 80rem;
}
#wrap.main .supportWrap .supportCont .supportImg img {
  width: 780rem;
  height: 420rem;
  object-fit: cover;
}
#wrap.main .supportWrap .supportCont .supportList {
  width: calc(100% - 860rem);
  height: 530rem;
  border-left: 1px solid #404041;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#wrap.main .supportWrap .supportCont .supportList a {
  height: 70rem;
  padding: 0 30rem 0 20rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #404041;
}
#wrap.main .supportWrap .supportCont .supportList a svg {
  width: 14rem;
  height: 14rem;
}
#wrap.main .supportWrap .supportCont .supportList a:hover {
  color: #b1005d;
}
#wrap.main .supportWrap .supportCont .supportList a:hover svg path {
  stroke: #b1005d;
}
#wrap.member {
  background-color: #f4f4f4;
  padding-top: 198rem;
  /* 아이디/비밀번호 찾기 */
  /* 회원가입 */
}
#wrap.member input.textInput:focus,
#wrap.member input.textInput:focus-visible {
  outline: solid #b1005d;
}
#wrap.member .title__box {
  text-align: center;
  padding-bottom: 60rem;
  border-bottom: 1rem solid #404041;
}
#wrap.member .title__box .eng {
  font-size: 55rem;
  line-height: 1;
}
#wrap.member .title__box .kor {
  font-size: 25rem;
  letter-spacing: -0.25rem;
}
#wrap.member .contents {
  width: 850rem;
  margin: 0 auto;
}
#wrap.member .contents .userWrap form + form {
  border-top: 1rem solid #404041;
  margin-top: 60rem;
}
#wrap.member .contents .userWrap .input {
  padding: 60rem 0 50rem;
}
#wrap.member .contents .userWrap .input label {
  height: 60rem;
  line-height: 60rem;
  font-size: 18rem;
}
#wrap.member .contents .userWrap .input label + label {
  margin-top: 30rem;
}
#wrap.member .contents .userWrap .input label span {
  display: inline-block;
  width: 77rem;
}
#wrap.member .contents .userWrap .input label .textInput {
  width: calc(100% - 77rem);
  height: 100%;
  border-radius: 15rem;
  background-color: #fff;
  padding: 0 20rem;
  cursor: text;
}
#wrap.member .contents .userWrap .input label .textInput::placeholder {
  color: #999999;
}
#wrap.member .contents .userWrap .submit {
  height: 70rem;
  border-radius: 15rem;
  background-color: #404041;
  width: 100%;
  color: #fff;
  font-size: 20rem;
  font-weight: 300;
  transition: background-color 0.3s;
}
#wrap.member .contents .userWrap .submit:hover {
  background: #b1005d;
}
#wrap.member .contents .userWrap .clickWrap {
  border-top: 1rem solid #404041;
  border-bottom: 1rem solid #404041;
  margin-top: 60rem;
}
#wrap.member .contents .userWrap .clickWrap a {
  height: 68rem;
  line-height: 68rem;
  position: relative;
}
#wrap.member .contents .userWrap .clickWrap a svg {
  width: 14rem;
  height: 14rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#wrap.member .contents .userWrap .clickWrap a svg path {
  transition: stroke 0.3s;
}
#wrap.member .contents .userWrap .clickWrap a:hover svg path {
  stroke: #b1005d;
}
#wrap.member .contents .userWrap .clickWrap a + a {
  border-top: 1rem solid #d4d4d4;
}
#wrap.member.search .userWrap .input label + label {
  margin-top: 20rem;
}
#wrap.member.join .userWrap .privacyWrap {
  padding: 60rem 0 25rem;
  font-size: 16rem;
  font-weight: 300;
}
#wrap.member.join .userWrap .privacyWrap > p {
  font-size: 18rem;
  font-weight: 500;
}
#wrap.member.join .userWrap .privacyWrap .box {
  background-color: #fff;
  border-radius: 15rem;
  margin-top: 15rem;
  padding: 30rem;
  height: 268rem;
  color: #999999;
  letter-spacing: -0.16rem;
  line-height: 1.1;
}
#wrap.member.join .userWrap .privacyWrap .box p + p {
  margin-top: 20rem;
}
#wrap.member.join .userWrap .privacyWrap .box p.tit {
  color: #404041;
  font-size: 18rem;
}
#wrap.member.join .userWrap .privacyWrap .btnBox {
  align-items: center;
  margin-top: 20rem;
}
#wrap.member.join .userWrap .privacyWrap .btnBox a {
  color: #b1005d;
  margin-left: 30rem;
  font-weight: 400;
}
#wrap.member.join .userWrap .privacyWrap .btnBox a:hover {
  text-decoration: underline;
}
#wrap.member.join .userWrap .agreeWrap {
  padding: 25rem 0 50rem;
  font-size: 16rem;
  font-weight: 300;
  border-bottom: 1px solid #404041;
}
#wrap.member.join .userWrap .agreeWrap > p {
  font-size: 18rem;
  font-weight: 500;
}
#wrap.member.join .userWrap .agreeWrap .box {
  background-color: #fff;
  border-radius: 15rem;
  margin-top: 15rem;
  padding: 30rem;
  height: 268rem;
  color: #999999;
  letter-spacing: -0.16rem;
  line-height: 1.1;
}
#wrap.member.join .userWrap .agreeWrap .box p + p {
  margin-top: 20rem;
}
#wrap.member.join .userWrap .agreeWrap .box p.tit {
  color: #404041;
  font-size: 18rem;
}
#wrap.member.join .userWrap .agreeWrap .btnBox {
  align-items: center;
  margin-top: 20rem;
}
#wrap.member.join .userWrap .agreeWrap .btnBox a {
  color: #b1005d;
  margin-left: 30rem;
  font-weight: 400;
}
#wrap.member.join .userWrap .agreeWrap .btnBox a:hover {
  text-decoration: underline;
}
#wrap.member.join .userWrap .input li {
  width: 100%;
}
#wrap.member.join .userWrap .input li + li {
  margin-top: 20rem;
}
#wrap.member.join .userWrap .input li.idWrap label {
  width: calc(100% - 270rem);
}
#wrap.member.join .userWrap .input li.idWrap label .textInput {
  width: 448rem;
}
#wrap.member.join .userWrap .input li.idWrap a {
  font-size: 18rem;
  width: 270rem;
  border-radius: 15rem;
  background-color: #404041;
  color: #fff;
  height: 60rem;
  text-align: center;
  line-height: 60rem;
  font-weight: 200;
  transition: background-color 0.3s;
}
#wrap.member.join .userWrap .input li.idWrap a:hover {
  background-color: #b1005d;
}
#wrap.member.join .userWrap .input li label {
  width: 100%;
}
#wrap.member.join .userWrap .input li label span {
  width: 112rem;
}
#wrap.member.join .userWrap .input li label .textInput {
  width: calc(100% - 112rem);
}
#wrap.terms_privacy .topArea {
  padding-bottom: 60rem;
  border-bottom: 1px solid #404041;
  align-items: center;
}
#wrap.terms_privacy .topArea .title__box {
  width: auto;
  padding-bottom: 0;
}
#wrap.terms_privacy .topArea .topSelect {
  width: max-content;
  margin-left: auto;
  margin-right: 100rem;
  margin-bottom: 0;
  position: relative;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_tit {
  height: 50rem;
  padding: 15rem 35rem 15rem 15rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  border-radius: 10rem;
  border: 1px solid #404041;
  display: flex;
  cursor: pointer;
  position: relative;
  background: #fff;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_tit::after {
  top: 21rem;
  right: 15rem;
  width: 12rem;
  height: 6rem;
  background: url(/eng/images/contents/arrow_down_gray.svg) center center
    no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
  transition: rotate 0.3s;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_tit.active {
  border-radius: 10rem 10rem 0 0;
  border-bottom: 0;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_tit.active::after {
  transform: rotate(180deg);
}
#wrap.terms_privacy .topArea .topSelect .topSelect_list {
  border-radius: 0 0 10rem 10rem;
  padding: 20rem 15rem;
  top: 50rem;
  left: 0;
  width: 100%;
  border: 1px solid #404041;
  border-top: 0;
  background: #fff;
  position: absolute;
  display: none;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_list::before {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 30rem);
  height: 1rem;
  background: #404041;
  content: "";
  position: absolute;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_list li {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.terms_privacy .topArea .topSelect .topSelect_list li + li {
  margin-top: 20rem;
}
#wrap.terms_privacy .tp_cont {
  padding: 0 100rem 50rem;
}
#wrap.terms_privacy .tp_cont .tp_topText {
  padding: 60rem 0;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 300;
  color: #404041;
}
#wrap.terms_privacy .tp_cont .tp_list {
  border-top: 1px solid #404041;
  border-bottom: 1px solid #404041;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_tit {
  font-size: 20rem;
  min-height: 82rem;
  padding: 30rem 30rem 30rem 0;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d4d4d4;
  position: relative;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_tit::before {
  top: 50%;
  right: 0;
  width: 20rem;
  height: 10rem;
  transform: translateY(-50%) rotate(0);
  background: url(/eng/images/contents/arrow_down_gray.svg) center center
    no-repeat;
  background-size: 100% 100%;
  position: absolute;
  content: "";
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_tit.active::before {
  transform: translateY(-50%) rotate(180deg);
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items:last-of-type .tp_items_tit {
  border-bottom: 0;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items:last-of-type .tp_items_detail {
  border-top: 1px solid #d4d4d4;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail {
  padding: 60rem 0;
  border-bottom: 1px solid #d4d4d4;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  color: #404041;
  display: none;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail p {
  margin-bottom: 50rem;
  font-weight: 300;
  line-height: 1.1;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail .deTit {
  display: block;
  margin-bottom: 30rem;
  font-weight: 500;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li {
  padding-left: 15rem;
  position: relative;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li a {
  display: inline-block;
  border-bottom: 1px solid #404041;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li + li {
  margin-top: 10rem;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li.not::before {
  display: none;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li::before {
  top: 7rem;
  left: 0;
  width: 5rem;
  height: 5rem;
  background: #b1005d;
  content: "";
  border-radius: 100%;
  position: absolute;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul + .deTit {
  margin-top: 50rem;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul + p {
  margin-top: 30rem;
}
#wrap.terms_privacy .tp_cont .tp_list .tp_items_detail .single {
  margin-bottom: 0;
}
#wrap.company {
  overflow: hidden;
  /* overview */
  /* history */
  /* location */
}
#wrap.company .overview .visual {
  padding-top: 18rem;
  background: #000;
}
#wrap.company .overview .visual_img {
  height: 700rem;
  width: 100%;
}
#wrap.company .overview .visual_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.company .overview .visual_img img.pc {
  display: block;
}
#wrap.company .overview .visual_img img.mo {
  display: none;
}
#wrap.company .overview .visual_text {
  padding: 90rem 100rem;
  background: url(/eng/images/contents/overview_visual_icon.svg) right 100rem
    top 90rem no-repeat;
  background-size: 85rem;
}
#wrap.company .overview .visual_text p {
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
}
#wrap.company .overview .visual_text span {
  margin-top: 50rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 400;
  color: #fff;
  display: block;
}
#wrap.company .overview .ov_tit {
  font-size: 35rem;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
  color: #404041;
}
#wrap.company .overview .about {
  padding: 90rem 100rem;
  background: #f4f4f4;
  align-items: flex-start;
}
#wrap.company .overview .about .about_box {
  width: 995rem;
}
#wrap.company .overview .about .about_box .about_list {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#wrap.company .overview .about .about_box .about_list .about_items {
  width: 283rem;
  padding-left: 20rem;
}
#wrap.company .overview .about .about_box .about_list .about_items p {
  padding-left: 20rem;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  position: relative;
}
#wrap.company .overview .about .about_box .about_list .about_items p::before {
  top: 50%;
  left: 0;
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  background: #b1005d;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.company .overview .about .about_box .about_list .about_items > b {
  margin-top: 28rem;
  font-size: 50rem;
  letter-spacing: -3rem;
  font-weight: 500;
  line-height: 1;
  color: #404041;
  border-right: 1px solid #404041;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
#wrap.company .overview .about .about_box .about_list .about_items > b sub {
  font-size: 50rem;
  letter-spacing: -3rem;
  font-weight: 500;
  line-height: 1;
  color: #404041;
}
#wrap.company .overview .about .about_box .about_list .about_items > sub {
  margin-top: 28rem;
  font-size: 50rem;
  letter-spacing: -3rem;
  font-weight: 500;
  line-height: 1;
  color: #404041;
  border-right: 1px solid #404041;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
#wrap.company .overview .about .about_box .about_list .about_items > sub b {
  font-weight: 500;
  margin-right: 0;
}
#wrap.company .overview .about .about_box .about_list .about_items > sub span {
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 400;
  margin-left: 5rem;
  margin-bottom: 5rem;
  letter-spacing: -1rem;
}
#wrap.company
  .overview
  .about
  .about_box
  .about_list
  .about_items
  > sub
  .about_box_units {
  word-spacing: 2rem;
}
#wrap.company
  .overview
  .about
  .about_box
  .about_list
  .about_items:first-of-type {
  padding-left: 0;
}
#wrap.company
  .overview
  .about
  .about_box
  .about_list
  .about_items:last-of-type
  > b {
  border-right: 0;
}
#wrap.company
  .overview
  .about
  .about_box
  .about_list
  .about_items:last-of-type
  > sub {
  border-right: 0;
}
#wrap.company .overview .about .about_box .about_info {
  margin-top: 50rem;
  border-top: 1px solid #404041;
  border-bottom: 1px solid #404041;
}
#wrap.company .overview .about .about_box .about_info ul {
  width: 100%;
}
#wrap.company .overview .about .about_box .about_info ul li {
  padding: 15rem 0;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.3;
  color: #404041;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  border-bottom: 1px solid #d4d4d4;
}
#wrap.company .overview .about .about_box .about_info ul li:last-of-type {
  border-bottom: 0;
}
#wrap.company .overview .about .about_box .about_info ul li b {
  width: 280rem;
  font-weight: 600;
}
#wrap.company .overview .about .about_box .about_info ul li span {
  width: calc(100% - 280rem);
  font-weight: 400;
}
#wrap.company .overview .core {
  padding: 90rem 100rem 100rem;
}
#wrap.company .overview .core .coreTop {
  align-items: flex-start;
}
#wrap.company .overview .core .coreTop span {
  width: 995rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.company .overview .core .core_list {
  margin: 125rem auto 0;
  width: 1720rem;
  padding: 0 75rem 0 76rem;
  background: url(/wp-content/uploads/2025/07/overview_core_bg.svg) center
    center no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}
#wrap.company .overview .core .core_list .core_items {
  height: 460rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#wrap.company .overview .core .core_list .core_items:nth-of-type(1) {
  width: 309rem;
  margin-right: 140rem;
}
#wrap.company .overview .core .core_list .core_items:nth-of-type(2) {
  width: 249rem;
  margin-right: 185rem;
}
#wrap.company .overview .core .core_list .core_items:nth-of-type(3) {
  width: 222rem;
  margin-right: 153rem;
}
#wrap.company .overview .core .core_list .core_items:nth-of-type(4) {
  width: 311rem;
}
#wrap.company .overview .core .core_list .core_items .core_img {
  width: 100rem;
  height: 100rem;
}
#wrap.company .overview .core .core_list .core_items .core_img img {
  width: 100%;
  object-fit: cover;
}
#wrap.company .overview .core .core_list .core_items .core_txt {
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#wrap.company .overview .core .core_list .core_items .core_txt b {
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #404041;
  text-align: center;
}
#wrap.company .overview .core .core_list .core_items .core_txt p {
  font-size: 25rem;
  line-height: 1.1;
  font-weight: 600;
  color: #b1005d;
  text-align: center;
}
#wrap.company .overview .core .core_list .core_items .core_txt span {
  margin-top: 25rem;
  font-size: 18rem;
  font-weight: 400;
  color: #404041;
  text-align: center;
}
#wrap.company.history .boxWrap {
  padding-top: 100rem;
  padding-bottom: 100rem;
  background-color: #f4f4f4;
}
#wrap.company.history .boxWrap .box {
  background-color: #fff;
}
#wrap.company.history .boxWrap .box .area {
  padding: 102rem 100rem 0;
}
#wrap.company.history .boxWrap .box .area .year {
  width: 335rem;
  margin-top: -40rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
#wrap.company.history .boxWrap .box .area .year p {
  font-size: 90rem;
  letter-spacing: -5.4rem;
}
#wrap.company.history .boxWrap .box .area .year span {
  font-size: 25rem;
  letter-spacing: -0.25rem;
  display: block;
  position: relative;
  padding-left: 25rem;
}
#wrap.company.history .boxWrap .box .area .year span::before {
  content: "";
  position: absolute;
  left: 7rem;
  top: 0;
  height: 30rem;
  width: 1rem;
  background-color: #404041;
  transform: rotate(30deg);
}
#wrap.company.history .boxWrap .box .area .info {
  width: calc(100% - 335rem);
  padding-left: 145rem;
  position: relative;
}
#wrap.company.history .boxWrap .box .area .info::before {
  content: "";
  position: absolute;
  left: -10rem;
  top: 11rem;
  width: 20rem;
  height: 20rem;
  border-radius: 50%;
  background-color: #b1005d;
  z-index: 2;
}
#wrap.company.history .boxWrap .box .area .info::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1rem;
  height: calc(100% - 11rem);
  background-color: #404041;
}
#wrap.company.history .boxWrap .box .area .info .title {
  font-size: 40rem;
  margin-bottom: 60rem;
  font-weight: 600;
  line-height: 1.1;
}
#wrap.company.history .boxWrap .box .area .info .textWrap {
  margin-top: 60rem;
}
#wrap.company.history .boxWrap .box .area .info .textWrap .info_year {
  font-size: 40rem;
  font-weight: 500;
  letter-spacing: -0.4rem;
  margin-bottom: 31rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
#wrap.company.history .boxWrap .box .area .info .textWrap ul li {
  letter-spacing: -0.2rem;
  position: relative;
  padding-left: 58rem;
}
#wrap.company.history .boxWrap .box .area .info .textWrap ul li span {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 600;
  display: inline-block;
  width: 58rem;
  position: absolute;
  left: 0;
}
#wrap.company.history .boxWrap .box .area .info .textWrap ul li p + p {
  margin-top: 10rem;
}
#wrap.company.history .boxWrap .box .area .info .textWrap ul li + li {
  margin-top: 11rem;
}
#wrap.company.history .boxWrap .box .area .info .textWrap + .textWrap {
  border-top: 1rem solid #d4d4d4;
  padding-top: 30rem;
}
#wrap.company.history .boxWrap .box .area + .area {
  padding-top: 102rem;
}
#wrap.company.history .boxWrap .box .area + .area .info::after {
  height: calc(100% + 102rem);
}
#wrap.company.history .boxWrap .box .area:last-child {
  padding-bottom: 90rem;
}
#wrap.company .location .visual {
  width: 100%;
  height: 570rem;
}
#wrap.company .location .visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.company .location .visual img.pc {
  display: block;
}
#wrap.company .location .visual img.mo {
  display: none;
}
#wrap.company .location .tabMenuWrap {
  padding: 60rem 100rem 50rem;
  border-bottom: 1px solid #404041;
}
#wrap.company .location .tabMenuWrap .tabMenu ul li {
  margin-right: 10rem;
}
#wrap.company .location .tabMenuWrap .tabMenu ul li:last-of-type {
  margin-right: 0;
}
#wrap.company .location .tabMenuWrap .tabMenu ul li a {
  padding: 15rem;
  min-width: 163rem;
  font-size: 18rem;
  font-weight: 400;
  color: #404041;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15rem;
  border: 1px solid #404041;
  transition: all 0.3s;
}
#wrap.company .location .tabMenuWrap .tabMenu ul li a.active,
#wrap.company .location .tabMenuWrap .tabMenu ul li a:hover {
  color: #fff;
  background: #404041;
}
#wrap.company .location .location_list {
  padding: 60rem 100rem 0;
}
#wrap.company .location .location_list .location_items + .location_items {
  margin-top: 90rem;
}
#wrap.company .location .location_list .location_items .location_tit {
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap.company .location .location_list .location_items .location_box {
  margin-top: 22rem;
  align-items: flex-start;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info {
  padding-top: 8rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_adr {
  margin-bottom: 15rem;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_num {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_num
  sub {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_num
  sub
  + sub {
  margin-left: 30rem;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_num
  sub
  b {
  padding-left: 25rem;
  position: relative;
  font-weight: 600;
  text-transform: uppercase;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_num
  sub
  b::before {
  left: 0;
  width: 14rem;
  height: 14rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  background: #b1005d;
  position: absolute;
  content: "";
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_info
  .info_num
  sub
  span {
  margin-left: 10rem;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_btn {
  width: 415rem;
  height: 60rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 60rem;
  font-weight: 500;
  color: #404041;
  border: 1px solid #404041;
  border-radius: 15rem;
  transition: all 0.3s;
  display: block;
  text-align: center;
}
#wrap.company
  .location
  .location_list
  .location_items
  .location_box
  .location_btn:hover {
  color: #fff;
  background: #404041;
}
#wrap.company .location .location_list .location_items .location_map {
  margin-top: 47rem;
  height: 530rem;
  width: 100%;
  overflow: hidden;
  position: relative;
}
#wrap.company .location .location_list .location_items .location_map a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  z-index: 1;
}
#wrap.company .location .location_list .location_items .location_map iframe {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 300%;
  height: 300%;
  display: block;
}
#wrap.products {
  overflow: hidden;
  /* 제품소개 */
  /* 제품소개 > 제품 리스트 */
  /* 제품소개 > 제품 뷰페이지 */
}
#wrap.products .tabMenuWrap {
  border-bottom: 1rem solid #404041;
  padding-bottom: 30rem;
  font-weight: 500;
  letter-spacing: -0.16rem;
  line-height: 1.1;
}
#wrap.products .tabMenuWrap .tabMenu_mo_sel {
  width: 100%;
  display: none;
  align-items: center;
  padding: 0 30rem 0 15rem;
  border-radius: 10rem;
  height: 45rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  background: #404041;
  position: relative;
  cursor: pointer;
}
#wrap.products .tabMenuWrap .tabMenu_mo_sel::after {
  top: 19rem;
  right: 15rem;
  width: 12rem;
  height: 7rem;
  background: url(/eng/images/contents/arrow_down_white.svg) center center
    no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#wrap.products .tabMenuWrap .tabMenu_mo_sel.active::after {
  transform: rotate(180deg);
}
#wrap.products .tabMenuWrap .tabMenu_list {
  justify-content: space-between;
  font-size: 18rem;
  font-weight: 500;
  line-height: 1.1;
}
#wrap.products .tabMenuWrap .tabMenu_list li:hover,
#wrap.products .tabMenuWrap .tabMenu_list li.active {
  color: #b1005d;
}
#wrap.products .viewProduct {
  position: relative;
  height: 570rem;
}
#wrap.products .viewProduct img {
  height: 100%;
  object-fit: cover;
}
#wrap.products .viewProduct a {
  position: absolute;
  top: 50rem;
  left: 150rem;
  background-color: #fff;
  width: 260rem;
  height: 180rem;
  padding: 20rem;
  font-weight: 500;
}
#wrap.products .viewProduct a svg {
  width: 30rem;
  height: 30rem;
  position: absolute;
  right: 20rem;
  bottom: 20rem;
  transition: all 0.5s ease;
}
#wrap.products .viewProduct a svg path {
  transition: stroke 0.5s ease;
}
#wrap.products .viewProduct a:hover svg {
  transform: rotate(90deg);
}
#wrap.products .viewProduct a:hover svg path {
  stroke: #b1005d;
}
#wrap.products .listWrap {
  padding-top: 90rem;
}
#wrap.products .listWrap .list {
  border-bottom: 1px solid #404041;
}
#wrap.products .listWrap .list .titleBox {
  margin-bottom: 50rem;
}
#wrap.products .listWrap .list .titleBox .title {
  font-size: 35rem;
  font-weight: 600;
  letter-spacing: -0.35rem;
}
#wrap.products .listWrap .list .titleBox .num {
  font-size: 25rem;
}
#wrap.products .listWrap .list + .list {
  margin-top: 120rem;
}
#wrap.products .listWrap .list:last-of-type {
  border-bottom: 0;
}
#wrap.products .listWrap .list:last-of-type .list_area {
  border-bottom: 0;
}
#wrap.products.introduce .list_area {
  padding: 0 100rem;
}
#wrap.products.introduce .list_area .list_tit {
  padding: 60rem 0 30rem;
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
  position: relative;
  padding-left: 30rem;
}
#wrap.products.introduce .list_area .list_tit::before {
  top: 74rem;
  left: 0;
  width: 15rem;
  height: 15rem;
  border-radius: 100%;
  background: #b1005d;
  content: "";
  position: absolute;
}
#wrap.products.introduce .list_area .list_inner {
  padding: 20rem 0 120rem;
}
#wrap.products.introduce .list_area .list_inner .inner_tit {
  font-size: 25rem;
  letter-spacing: -0.25rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap.products.introduce .list_area .list_inner .list_textBox {
  margin: 60rem 0;
}
#wrap.products.introduce .list_area .list_inner .list_textBox p {
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap.products.introduce .list_area .list_inner .list_textBox.mt0 {
  margin-top: 0;
}
#wrap.products.introduce .list_area .list_inner .list_textBox.mt30 {
  margin-top: 30rem;
}
#wrap.products.introduce .list_area .list_inner .list_textBox.mb0 {
  margin-bottom: 0;
}
#wrap.products.introduce .list_area .list_inner .list_step {
  margin-bottom: 60rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrap.products.introduce .list_area .list_inner .list_step .stepBox {
  width: 415rem;
  height: 387rem;
  border-radius: 20rem;
  padding: 30rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
#wrap.products.introduce .list_area .list_inner .list_step .stepBox.first {
  background: #404041;
  justify-content: flex-end;
}
#wrap.products.introduce .list_area .list_inner .list_step .stepBox.first p {
  font-size: 40rem;
  line-height: 1.1;
  font-weight: 500;
  color: #999;
}
#wrap.products.introduce .list_area .list_inner .list_step .stepBox.second {
  background: #f4f4f4;
  position: relative;
}
#wrap.products.introduce .list_area .list_inner .list_step .stepBox.second p {
  font-size: 25rem;
  letter-spacing: -0.25rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  width: 100%;
  text-align: right;
}
#wrap.products.introduce .list_area .list_inner .list_step .stepBox.second ul {
  width: 100%;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_step
  .stepBox.second
  ul
  li {
  padding-left: 16rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  position: relative;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_step
  .stepBox.second
  ul
  li::before {
  width: 6rem;
  height: 6rem;
  top: 7rem;
  left: 0;
  position: absolute;
  content: "";
  background: #404041;
  border-radius: 100%;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_step
  .stepBox.second
  ul
  li
  + li {
  margin-top: 15rem;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_step
  .stepBox.second::before {
  top: 50rem;
  width: 47rem;
  height: 94rem;
  background: url(/eng/images/contents/list_vector_white.svg) center center
    no-repeat;
  background-size: 100%;
  left: 0;
  content: "";
  position: absolute;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_step
  .stepBox.second::after {
  top: 70rem;
  width: 27rem;
  height: 54rem;
  background: url(/eng/images/contents/list_vector_point.svg) center center
    no-repeat;
  background-size: 100%;
  left: 0;
  content: "";
  position: absolute;
}
#wrap.products.introduce .list_area .list_inner .list_textItems {
  margin-top: 60rem;
}
#wrap.products.introduce .list_area .list_inner .list_textItems ul {
  width: 100%;
}
#wrap.products.introduce .list_area .list_inner .list_textItems ul li b {
  padding-left: 30rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  font-weight: 500;
  line-height: 1.1;
  color: #404041;
  display: block;
  position: relative;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_textItems
  ul
  li
  b::before {
  width: 5rem;
  height: 5rem;
  background: #404041;
  border-radius: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  position: absolute;
}
#wrap.products.introduce .list_area .list_inner .list_textItems ul li span {
  padding-left: 30rem;
  margin-top: 15rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  display: block;
}
#wrap.products.introduce .list_area .list_inner .list_textItems ul li + li {
  margin-top: 30rem;
}
#wrap.products.introduce .list_area .list_inner .list_systems {
  margin-top: 30rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrap.products.introduce .list_area .list_inner .list_systems .system_tbl {
  width: 850rem;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl
  table {
  border-bottom: 1rem solid #404041;
  width: 100%;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl
  table
  thead
  tr
  th {
  font-size: 18rem;
  padding: 22rem 10rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  background: #404041;
  text-align: center;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl
  table
  tbody
  tr
  td {
  padding: 18.5rem 30rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  background: #fff;
  border-right: 1rem solid #d4d4d4;
  border-bottom: 1rem solid #dfdfdf;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl
  table
  tbody
  tr
  td:first-of-type {
  background: #f4f4f4;
  border-right: 0;
  font-weight: 500;
  text-align: center;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl
  table
  tbody
  tr
  td:last-of-type {
  border-right: 0;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl
  table
  tbody
  tr:last-of-type
  td {
  border-bottom: 0;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .system_tbl.ty2
  table
  tbody
  tr
  td {
  padding: 19.5rem 30rem;
}
#wrap.products.introduce .list_area .list_inner .list_systems .systems_img {
  width: 850rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#wrap.products.introduce .list_area .list_inner .list_systems .systems_img img {
  width: 415rem;
  height: 321rem;
  object-fit: cover;
  margin: 20rem 20rem 0 0;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .systems_img
  img:nth-of-type(1),
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .systems_img
  img:nth-of-type(2) {
  margin-top: 0;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .systems_img
  img:nth-of-type(2n) {
  margin-right: 0;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_systems
  .systems_img.type2
  img {
  height: 624rem;
}
#wrap.products.introduce .list_area .list_inner .inner_fire {
  margin-top: 30rem;
}
#wrap.products.introduce .list_area .list_inner .inner_fire .inner_fire_img {
  position: relative;
  width: 1006rem;
  height: 460rem;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .inner_fire
  .inner_fire_img
  img {
  width: 100%;
  object-fit: cover;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .inner_fire
  .inner_fire_img
  .inner_fire_img_btn {
  display: none;
  width: 60rem;
  height: 60rem;
  border-radius: 50%;
  background-color: #b1005d;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#wrap.products.introduce
  .list_area
  .list_inner
  .inner_fire
  .inner_fire_img
  .inner_fire_img_btn
  .inner_fire_img_btn_text {
  display: block;
  font-weight: 500;
  font-size: 15rem;
  color: #fff;
  width: 60rem;
  height: 60rem;
  text-align: center;
  line-height: 60rem;
}
#wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint {
  width: 560rem;
  position: relative;
}
#wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint::before {
  left: -91rem;
  width: 27rem;
  height: 54rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(/eng/images/contents/list_vector_point.svg) center center
    no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint p {
  font-size: 18rem;
  line-height: 60rem;
  font-weight: 500;
  color: #fff;
  background: #404041;
  text-align: center;
}
#wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint ul {
  padding: 30rem 20rem 40rem 30rem;
  width: 100%;
  background: #f4f4f4;
}
#wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint ul li {
  padding-left: 16rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  position: relative;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .inner_fire
  .keyPoint
  ul
  li::before {
  top: 7rem;
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  background: #404041;
  left: 0;
  content: "";
  position: absolute;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .inner_fire
  .keyPoint
  ul
  li
  + li {
  margin-top: 30rem;
}
#wrap.products.introduce .list_area .list_inner .list_water + .list_water {
  margin-top: 60rem;
}
#wrap.products.introduce .list_area .list_inner .list_water .water_tit {
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  height: 60rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #404041;
}
#wrap.products.introduce .list_area .list_inner .list_water .water_txt {
  padding: 30rem 0;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  border-bottom: 1px solid #d4d4d4;
}
#wrap.products.introduce .list_area .list_inner .list_water .list_water_box {
  padding-top: 30rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_left {
  width: 360rem;
  height: 360rem;
  position: relative;
  background: #f4f4f4;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_left
  .list_water_tit {
  padding: 7rem 15rem 6rem;
  min-width: 110rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  background: #999;
  width: auto;
  top: 0;
  left: 0;
  position: absolute;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_left
  .list_water_img {
  width: 220rem;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_left
  .list_water_img
  img {
  width: 100%;
  object-fit: cover;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right {
  margin-left: auto;
  width: 1305rem;
  height: 360rem;
  background: #f4f4f4;
  position: relative;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right
  .list_water_tit {
  padding: 7rem 15rem 6rem;
  min-width: 110rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  background: #999;
  width: auto;
  top: 0;
  left: 0;
  position: absolute;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right
  .list_water_img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right
  .list_water_img
  img {
  object-fit: cover;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right
  .list_water_img
  img:nth-of-type(1) {
  width: 200rem;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right
  .list_water_img
  img:nth-of-type(2) {
  margin: 0 60rem;
  width: 27rem;
}
#wrap.products.introduce
  .list_area
  .list_inner
  .list_water
  .list_water_box
  .list_water_right
  .list_water_img
  img:nth-of-type(3) {
  width: 449rem;
}
#wrap.products.board_list .listWrap .list {
  border-bottom: 0;
}
#wrap.products.board_list .productLinkWrap {
  margin-top: 60rem;
}
#wrap.products.board_list .productLinkWrap > li {
  width: calc(25% - 15rem);
  margin-right: 20rem;
  margin-bottom: 50rem;
}
#wrap.products.board_list .productLinkWrap > li .imgWrap {
  height: 362rem;
  background-color: #d9d9d9;
  overflow: hidden;
}
#wrap.products.board_list .productLinkWrap > li .imgWrap img {
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease;
}
#wrap.products.board_list .productLinkWrap > li .textWrap {
  background-color: #f4f4f4;
  height: 160rem;
  padding: 30rem 60rem 30rem 30rem;
  line-height: 19.8rem;
  transition: all 0.3s ease;
  background-image: url("/eng/images/contents/product_list_arrow.svg");
  background-repeat: no-repeat;
  background-size: 7rem;
  background-position: right 40rem top 37rem;
}
#wrap.products.board_list .productLinkWrap > li .textWrap p {
  font-size: 25rem;
  height: 65rem;
  font-weight: 500;
  margin-bottom: 15rem;
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap.products.board_list .productLinkWrap > li .textWrap span {
  display: block;
  font-size: 18rem;
  color: #999999;
  font-weight: 300;
}
#wrap.products.board_list .productLinkWrap > li:nth-child(4n) {
  margin-right: 0;
}
#wrap.products.board_list .productLinkWrap > li:nth-last-of-type(1),
#wrap.products.board_list .productLinkWrap > li:nth-last-of-type(2),
#wrap.products.board_list .productLinkWrap > li:nth-last-of-type(3),
#wrap.products.board_list .productLinkWrap > li:nth-last-of-type(4) {
  margin-bottom: 0;
}
#wrap.products.board_list .productLinkWrap > li:hover .imgWrap img {
  transform: scale(1.1);
}
#wrap.products.board_list .productLinkWrap > li:hover .textWrap {
  background-color: #404041;
  color: #fff;
  background-position: right 30rem top 37rem;
}
#wrap.products.board_list .productLinkWrap > li:hover .textWrap p {
  font-weight: 300;
}
#wrap.products.board_list .productLinkWrap > li:hover .textWrap span {
  color: #fff;
  font-weight: 200;
}
#wrap.products.board_view .p__title {
  font-weight: 600;
}
#wrap.products.board_view .title__box {
  border-bottom: 1rem solid #404041;
  padding-bottom: 60rem;
}
#wrap.products.board_view .title__box .kor {
  font-size: 75rem;
  font-weight: 600;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap.products.board_view .productInfo {
  padding-top: 60rem;
  align-items: flex-start;
}
#wrap.products.board_view .productInfo .thumbnailWrap {
  width: 50%;
  padding-right: 50rem;
}
#wrap.products.board_view .productInfo .thumbnailWrap .imgWrap {
  border: 1rem solid #999999;
  width: calc(50% - 9rem);
  margin-right: 18rem;
  margin-bottom: 20rem;
  height: 320rem;
  overflow: hidden;
}
#wrap.products.board_view .productInfo .thumbnailWrap .imgWrap img {
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.3s ease;
}
#wrap.products.board_view .productInfo .thumbnailWrap .imgWrap:hover img {
  transform: scale(1.1);
}
#wrap.products.board_view .productInfo .thumbnailWrap .imgWrap:first-child {
  width: 100%;
  height: 545rem !important;
}
#wrap.products.board_view .productInfo .thumbnailWrap .imgWrap:nth-child(2n-1) {
  margin-right: 0;
}
#wrap.products.board_view
  .productInfo
  .thumbnailWrap
  .imgWrap:nth-last-of-type(1),
#wrap.products.board_view
  .productInfo
  .thumbnailWrap
  .imgWrap:nth-last-of-type(2) {
  margin-bottom: 0;
}
#wrap.products.board_view .productInfo .thumbnailWrap.type2 .imgWrap {
  height: 660rem;
}
#wrap.products.board_view .productInfo .textWrap {
  width: 50%;
  font-size: 18rem;
  letter-spacing: -0.18rem;
}
#wrap.products.board_view .productInfo .textWrap .eng {
  letter-spacing: normal;
}
#wrap.products.board_view .productInfo .textWrap .s_txt {
  font-size: 16rem;
  padding-left: 24rem;
  position: relative;
}
#wrap.products.board_view .productInfo .textWrap .s_txt::before {
  content: "";
  position: absolute;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background-color: #b1005d;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#wrap.products.board_view .productInfo .textWrap .p_titleWrap {
  line-height: 1.1;
  padding: 30rem 0;
  border-bottom: 1rem solid #999999;
}
#wrap.products.board_view .productInfo .textWrap .p_titleWrap .p_title {
  font-size: 35rem;
  font-weight: 600;
  margin-bottom: 20rem;
}
#wrap.products.board_view .productInfo .textWrap .p_spec {
  padding: 50rem 0;
  line-height: 1.1;
}
#wrap.products.board_view .productInfo .textWrap .p_spec .box {
  position: relative;
  padding-left: 241rem;
}
#wrap.products.board_view .productInfo .textWrap .p_spec .box .p__title {
  position: absolute;
  left: 0;
  width: 241rem;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_spec
  .box
  .p__title.tit_communication
  br {
  display: none;
}
#wrap.products.board_view .productInfo .textWrap .p_spec .box + .box {
  margin-top: 15rem;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_spec
  .box.list_communication {
  display: flex;
  align-items: center;
  padding-left: 0;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_spec
  .box.list_communication
  .p__title.tit_communication {
  position: relative;
}
#wrap.products.board_view .productInfo .textWrap .p_download {
  font-size: 15rem;
  font-weight: 200;
  border-bottom: 1rem solid #999999;
  letter-spacing: -0.15rem;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_download
  .p_download_inner
  a {
  height: 50rem;
  width: 192rem;
  background-color: #404041;
  color: #fff;
  line-height: 50rem;
  padding-left: 20rem;
  margin-right: 17rem;
  background-image: url("/eng/images/contents/download_icon.svg");
  background-repeat: no-repeat;
  background-size: 16rem;
  background-position: right 17rem center;
  transition: background-color 0.3s;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_download
  .p_download_inner
  a:hover {
  background-color: #b1005d;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_download
  .p_download_inner
  a:last-child {
  margin-right: 0;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_download
  .p_download_inner
  a:last-child {
  margin-bottom: 50rem;
}
#wrap.products.board_view .productInfo .textWrap .p_usage .p__title {
  margin-top: 50rem;
  margin-bottom: 15rem;
}
#wrap.products.board_view .productInfo .textWrap .p_usage .text {
  padding-left: 10rem;
  position: relative;
  line-height: 1.3;
}
#wrap.products.board_view .productInfo .textWrap .p_usage .text::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
  color: #404041;
}
#wrap.products.board_view .productInfo .textWrap .p_usage .iconWrap {
  margin-top: 30rem;
  font-size: 14rem;
  letter-spacing: -0.16rem;
}
#wrap.products.board_view .productInfo .textWrap .p_usage .iconWrap ul li {
  width: 100rem;
  text-align: center;
  margin-right: 40rem;
  margin-bottom: 20rem;
}
#wrap.products.board_view .productInfo .textWrap .p_usage .iconWrap ul li .img {
  width: 100%;
  height: 100rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 20rem;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-child(6n) {
  margin-right: 0;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-last-of-type(1),
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-last-of-type(2),
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-last-of-type(3),
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-last-of-type(4),
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-last-of-type(5),
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li:nth-last-of-type(6) {
  margin-bottom: 50rem;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_1
  .img {
  background-image: url("/eng/images/contents/p_usage_icon1.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_2
  .img {
  background-image: url("/eng/images/contents/p_usage_icon2.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_3
  .img {
  background-image: url("/eng/images/contents/p_usage_icon3.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_4
  .img {
  background-image: url("/eng/images/contents/p_usage_icon4.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_5
  .img {
  background-image: url("/eng/images/contents/p_usage_icon5.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_6
  .img {
  background-image: url("/eng/images/contents/p_usage_icon6.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_7
  .img {
  background-image: url("/eng/images/contents/p_usage_icon7.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_8
  .img {
  background-image: url("/eng/images/contents/p_usage_icon8.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_9
  .img {
  background-image: url("/eng/images/contents/p_usage_icon9.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_10
  .img {
  background-image: url("/eng/images/contents/p_usage_icon10.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_11
  .img {
  background-image: url("/eng/images/contents/p_usage_icon11.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_12
  .img {
  background-image: url("/eng/images/contents/p_usage_icon12.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_13
  .img {
  background-image: url("/eng/images/contents/p_usage_icon13.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_14
  .img {
  background-image: url("/eng/images/contents/p_usage_icon14.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_15
  .img {
  background-image: url("/eng/images/contents/p_usage_icon15.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_16
  .img {
  background-image: url("/eng/images/contents/p_usage_icon16.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_17
  .img {
  background-image: url("/eng/images/contents/p_usage_icon17.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_18
  .img {
  background-image: url("/eng/images/contents/p_usage_icon18.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_19
  .img {
  background-image: url("/eng/images/contents/p_usage_icon19.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_20
  .img {
  background-image: url("/eng/images/contents/p_usage_icon20.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_21
  .img {
  background-image: url("/eng/images/contents/p_usage_icon21.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_22
  .img {
  background-image: url("/eng/images/contents/p_usage_icon22.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_23
  .img {
  background-image: url("/eng/images/contents/p_usage_icon23.svg");
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_usage
  .iconWrap
  ul
  li.icon_24
  .img {
  background-image: url("/eng/images/contents/p_usage_icon24.svg");
}
#wrap.products.board_view .productInfo .textWrap .p_advantages {
  border-top: 1rem solid #999999;
}
#wrap.products.board_view .productInfo .textWrap .p_advantages .p__title {
  margin-top: 50rem;
  margin-bottom: 15rem;
}
#wrap.products.board_view
  .productInfo
  .textWrap
  .p_advantages
  #productFeature.text
  > * {
  padding-left: 8rem;
  text-indent: -8rem;
}
#wrap.products.board_view .productInfo .textWrap .p_advantages .text {
  padding-left: 10rem;
  position: relative;
  line-height: 1.3;
}
#wrap.products.board_view .productInfo .textWrap .p_advantages .text::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
  color: #404041;
}
#wrap.products.board_view .videoWrap {
  margin-top: 90rem;
}
#wrap.products.board_view .videoWrap .p__title {
  margin-bottom: 20rem;
}
#wrap.products.board_view .videoWrap .video {
  width: 100%;
  height: 970rem;
}
#wrap.products.board_view .videoWrap .video * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap.technology {
  overflow: hidden;
}
#wrap.technology .r_title {
  font-size: 35rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 50rem;
}
#wrap.technology .contents .area {
  padding-top: 90rem;
}
#wrap.technology .contents .visual {
  background-color: #000;
  color: #fff;
  padding-top: 18rem;
}
#wrap.technology .contents .visual .textWrap {
  padding-top: 90rem;
  padding-bottom: 90rem;
  line-height: 1.1;
  background-image: url("/eng/images/contents/technology_icon.svg");
  background-repeat: no-repeat;
  background-size: 85rem;
  background-position: right 100rem top 90rem;
}
#wrap.technology .contents .visual .textWrap .r_title {
  letter-spacing: -0.35rem;
  font-weight: 600;
}
#wrap.technology .contents .visual .textWrap .r_title br.mo_block {
  display: none;
}
#wrap.technology .contents .visual .textWrap .sub {
  letter-spacing: -0.2rem;
  font-weight: 400;
  line-height: 1.3;
}
#wrap.technology .contents .vision .visionWrap {
  position: relative;
}
#wrap.technology .contents .vision .visionWrap .vision_pos {
  width: 440rem;
  height: 440rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  flex-direction: column;
  z-index: 1;
  background: #b1005d;
  border-radius: 100%;
  filter: drop-shadow(0px 10rem 30rem rgba(0, 0, 0, 0.3));
}
#wrap.technology .contents .vision .visionWrap .vision_pos::before {
  width: 380rem;
  height: 380rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  z-index: 1;
  border-radius: 100%;
  content: "";
  position: absolute;
}
#wrap.technology .contents .vision .visionWrap .vision_pos img {
  width: auto;
  height: 50rem;
  position: relative;
  z-index: 1;
  display: block;
}
#wrap.technology .contents .vision .visionWrap .vision_pos p {
  margin-top: 15rem;
  font-size: 25rem;
  letter-spacing: -0.25rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  position: relative;
  z-index: 1;
}
#wrap.technology .contents .vision .visionWrap .vision_list {
  flex-wrap: wrap;
  margin-bottom: 30rem;
}
#wrap.technology .contents .vision .visionWrap .vision_list .vision_items {
  margin-bottom: 20rem;
  width: calc(50% - 10rem);
  height: 320rem;
  background: #f4f4f4;
  position: relative;
  padding: 64rem 185rem 64rem 140rem;
  display: flex;
  flex-direction: column;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items::before {
  height: 4rem;
  background: #000;
  width: 100%;
  content: "";
  position: absolute;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(1) {
  justify-content: flex-start;
  align-items: flex-start;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(1)::before {
  top: 0;
  left: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(1)
  .vision_items_num {
  top: 0;
  left: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(2) {
  padding: 64rem 140rem 64rem 185rem;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: right;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(2)::before {
  top: 0;
  left: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(2)
  .vision_items_num {
  top: 0;
  right: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(3) {
  margin-bottom: 0;
  justify-content: flex-end;
  align-items: flex-start;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(3)::before {
  bottom: 0;
  left: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(3)
  .vision_items_num {
  bottom: 0;
  left: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(4) {
  padding: 64rem 140rem 64rem 185rem;
  margin-bottom: 0;
  text-align: right;
  justify-content: flex-end;
  align-items: flex-end;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(4)::before {
  bottom: 0;
  left: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:nth-of-type(4)
  .vision_items_num {
  bottom: 0;
  right: 0;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items
  .vision_items_num {
  width: 100rem;
  height: 100rem;
  font-size: 35rem;
  line-height: 1.1;
  font-weight: 600;
  color: #ddd;
  background: #fff;
  position: absolute;
  transition: color 0.3s;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items
  .vision_items_tit {
  font-size: 25rem;
  letter-spacing: -0.25rem;
  font-weight: 1.3;
  font-weight: 600;
  color: #404041;
  transition: color 0.3s;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items
  .vision_items_txt {
  margin-top: 33rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  display: block;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:hover {
  cursor: text;
}
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:hover
  .vision_items_num,
#wrap.technology
  .contents
  .vision
  .visionWrap
  .vision_list
  .vision_items:hover
  .vision_items_tit {
  color: #b1005d;
}
#wrap.technology .contents .trends {
  padding-bottom: 120rem;
  border-bottom: 1px solid #404041;
}
#wrap.technology .contents .trends .numberWrap {
  width: 850rem;
  height: 439rem;
  background-image: url("/eng/images/contents/technology_trends.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  position: relative;
  padding: 30rem;
  font-weight: 200;
}
#wrap.technology .contents .trends .numberWrap .topTxt {
  padding-left: 29rem;
  position: relative;
}
#wrap.technology .contents .trends .numberWrap .topTxt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  background-color: #b1005d;
}
#wrap.technology .contents .trends .numberWrap .num {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
}
#wrap.technology .contents .trends .numberWrap .num p {
  font-size: 170rem;
  letter-spacing: -10.2rem;
  font-weight: 400;
  line-height: 0.8;
}
#wrap.technology .contents .trends .graph {
  width: 757rem;
  height: 439rem;
}
#wrap.technology .contents .trends .graph .graphWrap {
  padding: 10rem 0 30rem 57rem;
  position: relative;
}
#wrap.technology .contents .trends .graph .graphWrap .graphY {
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
}
#wrap.technology .contents .trends .graph .graphWrap .graphY span {
  width: 36rem;
  margin-bottom: 60rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 500;
  color: #999;
  display: flex;
  justify-content: center;
  position: relative;
}
#wrap.technology .contents .trends .graph .graphWrap .graphY span:last-of-type {
  margin-bottom: 0;
}
#wrap.technology .contents .trends .graph .graphWrap .graphX {
  bottom: 0;
  padding: 0 51rem 0 49rem;
  left: 57rem;
  width: calc(100% - 57rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: absolute;
}
#wrap.technology .contents .trends .graph .graphWrap .graphX span {
  min-width: 60rem;
  font-size: 17rem;
  letter-spacing: 0;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  text-align: center;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphX
  span:nth-of-type(2) {
  margin-left: 109rem;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphX
  span:nth-of-type(3) {
  margin-left: 86rem;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphX
  span:nth-of-type(4) {
  margin-left: 102rem;
}
#wrap.technology .contents .trends .graph .graphWrap .graphLine {
  padding-top: 10rem;
  top: 0;
  left: 57rem;
  width: calc(100% - 57rem);
  height: calc(100% - 30rem);
  position: absolute;
  z-index: -1;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#wrap.technology .contents .trends .graph .graphWrap .graphLine span {
  width: 100%;
  height: 2px;
}
#wrap.technology .contents .trends .graph .graphWrap .graphLine span svg {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
#wrap.technology .contents .trends .graph .graphWrap .graphCont {
  padding: 0 51rem 0 49rem;
  width: 100%;
  height: 398rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items {
  width: 60rem;
  height: 100%;
  overflow: hidden;
  background: rgba(212, 212, 212, 0.5);
  position: relative;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items
  .graphCont_point {
  border-radius: 30rem 30rem 0 0;
  padding: 15rem 10rem 10rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  bottom: 0;
  left: 0;
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items
  .graphCont_point
  p {
  opacity: 0;
  transform: translateY(20px);
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items:nth-of-type(1)
  .graphCont_point {
  height: 90rem;
  height: 80rem;
  background: #e9b4cf;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items:nth-of-type(2)
  .graphCont_point {
  height: 60rem;
  background: #d35b9a;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items:nth-of-type(3)
  .graphCont_point {
  height: 277rem;
  background: #b1005d;
}
#wrap.technology
  .contents
  .trends
  .graph
  .graphWrap
  .graphCont
  .graphCont_items:nth-of-type(4)
  .graphCont_point {
  height: 90rem;
  background: #6d003a;
}
#wrap.technology .contents .division .boardWrap .boardList {
  border-bottom: 1rem solid #404041;
  font-size: 18rem;
}
#wrap.technology .contents .division .boardWrap .boardList .year {
  width: 215rem;
  text-align: center;
  border-right: 1rem solid #d4d4d4;
  padding: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap.technology .contents .division .boardWrap .boardList .number {
  width: 215rem;
  text-align: center;
  border-right: 1rem solid #d4d4d4;
  padding: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap.technology .contents .division .boardWrap .boardList .name {
  width: 215rem;
  text-align: center;
  border-left: 1rem solid #d4d4d4;
  padding: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap.technology .contents .division .boardWrap .boardList .agency {
  width: 269rem;
  text-align: center;
  border-left: 1rem solid #d4d4d4;
  padding: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap.technology .contents .division .boardWrap .boardList .value {
  width: 215rem;
  text-align: center;
  border-right: 1rem solid #d4d4d4;
  padding: 15rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#wrap.technology .contents .division .boardWrap .boardList .info {
  padding: 15rem 15rem 15rem 30rem;
  width: calc(100% - 215rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#wrap.technology .contents .division .boardWrap .boardList .boardTitle {
  background-color: #f4f4f4;
  border-bottom: 1rem solid #404041;
  text-align: center;
  display: flex;
  line-height: normal;
  border-top: 4rem solid #000;
}
#wrap.technology .contents .division .boardWrap .boardList .boardTitle > * {
  border: none;
}
#wrap.technology .contents .division .boardWrap .boardList .boardTitle .info {
  justify-content: center;
}
#wrap.technology .contents .division .boardWrap .boardList > ul > li {
  display: flex;
  line-height: normal;
}
#wrap.technology
  .contents
  .division
  .boardWrap
  .boardList
  > ul
  > li
  + li:not(.boardTitle) {
  border-top: 1rem solid #d4d4d4;
}
#wrap.technology .contents .division .boardWrap .boardList.type2 .info {
  width: calc(100% - 645rem);
}
#wrap.technology .contents .division .boardWrap .boardList.type3 .info {
  width: calc(100% - 850rem);
}
#wrap.technology
  .contents
  .division
  .boardWrap
  .boardList.type3
  .valueWrap_list {
  gap: 120rem;
}
#wrap.technology .contents .division .boardWrap .boardList.type4 .info {
  width: calc(100% - 699rem);
}
#wrap.technology
  .contents
  .division
  .boardWrap
  .boardList.type4
  .valueWrap_items {
  margin-right: initial;
}
#wrap.customer {
  /* 제작시방서 + 특허·디자인·인증 */
  /* 펌프선정 프로그램 */
}
#wrap.customer .boardWrap .pager {
  margin-top: 0;
  padding-top: 20rem;
  border-top: 1rem solid #404041;
}
#wrap.customer .boardWrap .boardList.thumbnail > ul > li:nth-child(-n + 3) {
  padding-top: 0;
}
#wrap.customer .boardWrap .boardList .link * {
  display: none;
}
#wrap.customer.default .boardWrap .pager {
  border-top: none;
  padding-top: 90rem;
}
#wrap.customer.program .pageView {
  background-color: #f4f4f4;
  padding: 60rem;
}
#wrap.customer.program .pageView .page_inner {
  width: 860rem;
  margin: 0 auto;
  line-height: 1.1;
}
#wrap.customer.program .pageView .page_inner .textWrap {
  margin-top: 60rem;
  border-top: 1rem solid #404041;
  border-bottom: 1rem solid #404041;
}
#wrap.customer.program .pageView .page_inner .textWrap a {
  padding: 25rem 0;
  position: relative;
  transition: color 0.3s ease;
}
#wrap.customer.program .pageView .page_inner .textWrap a svg {
  position: absolute;
  width: 14rem;
  height: 14rem;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
#wrap.customer.program .pageView .page_inner .textWrap a svg path {
  transition: stroke 0.3s;
}
#wrap.customer.program .pageView .page_inner .textWrap a:hover {
  color: #b1005d;
}
#wrap.customer.program .pageView .page_inner .textWrap a:hover svg path {
  stroke: #b1005d;
}
#wrap.customer.program .pageView .page_inner .textWrap a + a {
  border-top: 1rem solid #d4d4d4;
}
#wrap.customer.program .pageView .page_inner .bottom {
  font-size: 16rem;
  margin-top: 30rem;
  font-weight: 300;
}
#wrap.contact {
  background-color: #f4f4f4;
}
#wrap.contact .board__top .title__box {
  padding-bottom: 64rem;
}
#wrap.contact .contact_subtitle {
  margin-bottom: 30rem;
}
#wrap.contact .contact_subtitle p {
  font-size: 16rem;
  line-height: normal;
  font-weight: 500;
  color: #404041;
}
#wrap.contact .contact_tab {
  font-size: 18rem;
  margin-bottom: 50rem;
  position: relative;
}
#wrap.contact .contact_tab .contact_tab_select {
  width: 100%;
  display: none;
  align-items: center;
  padding: 0 30rem 0 15rem;
  border-radius: 10rem;
  height: 45rem;
  font-size: 15rem;
  letter-spacing: -0.15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #fff;
  background: #404041;
  position: relative;
  cursor: pointer;
}
#wrap.contact .contact_tab .contact_tab_select::after {
  top: 20rem;
  right: 15rem;
  width: 10rem;
  height: 5rem;
  background: url(/eng/images/contents/arrow_down_white.svg) center center
    no-repeat;
  background-size: 100% 100%;
  content: "";
  position: absolute;
}
#wrap.contact .contact_tab .contact_tab_select.active::after {
  transform: rotate(180deg);
}
#wrap.contact .contact_tab .contact_list {
  width: 100%;
}
#wrap.contact .contact_tab .contact_list .contact_items {
  margin-right: 10rem;
}
#wrap.contact .contact_tab .contact_list .contact_items:last-of-type {
  margin-right: 0;
}
#wrap.contact .contact_tab .contact_list .contact_items a {
  height: 50rem;
  min-width: 163rem;
  padding: 0 30rem;
  border-radius: 15rem;
  border: 1rem solid #404041;
  text-align: center;
  line-height: 50rem;
}
#wrap.contact .contact_tab .contact_list .contact_items a:hover,
#wrap.contact .contact_tab .contact_list .contact_items a.active {
  background-color: #404041;
  color: #fff;
  font-weight: 500;
}
#wrap.contact .contents .labelTxt {
  font-weight: 500;
}
#wrap.contact .contents .userWrap .left {
  width: 50%;
}
#wrap.contact .contents .userWrap .left .user_select {
  position: relative;
}
#wrap.contact .contents .userWrap .left .user_select .user_selector {
  width: 100%;
  height: 60rem;
  padding: 0 56rem 0 30rem;
  font-size: 20rem;
  border-radius: 15rem;
  background: #404041;
  color: #fff;
  align-items: center;
  cursor: pointer;
  position: relative;
  line-height: 1.1;
  font-weight: 500;
  z-index: 2;
}
#wrap.contact .contents .userWrap .left .user_select .user_selector::after {
  width: 16rem;
  height: 8rem;
  content: "";
  position: absolute;
  top: 26rem;
  right: 30rem;
  transition: rotate 0.3s;
  background: url(/eng/images/contents/arrow_down_white.svg) center center
    no-repeat;
  background-size: 100% 100%;
}
#wrap.contact .contents .userWrap .left .user_select .user_selector.active {
  border-radius: 15rem 15rem 0 0;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .user_select
  .user_selector.active::after {
  transform: rotate(180deg);
}
#wrap.contact .contents .userWrap .left .user_select .user_list {
  position: absolute;
  top: 60rem;
  left: 0;
  z-index: 3;
  display: none;
  width: 100%;
  padding: 26rem 30rem;
  border-radius: 0 0 15rem 15rem;
  background: #404041;
}
#wrap.contact .contents .userWrap .left .user_select .user_list::after {
  top: 0;
  left: 50%;
  width: calc(100% - 60rem);
  transform: translateX(-50%);
  height: 1rem;
  background: #fff;
  content: "";
  position: absolute;
}
#wrap.contact .contents .userWrap .left .user_select .user_list li + li {
  margin-top: 13rem;
}
#wrap.contact .contents .userWrap .left .user_select .user_list li label {
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 300;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  transition: color 0.3s ease;
}
#wrap.contact .contents .userWrap .left .user_select .user_list li label input {
  display: none;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .user_select
  .user_list
  li
  label
  input:checked
  + i {
  background: #fff url(/eng/images/contents/checkbox_check_icon_2.svg) left 1rem
    top 2rem no-repeat;
  background-size: 12rem;
}
#wrap.contact .contents .userWrap .left .user_select .user_list li label i {
  width: 16rem;
  height: 16rem;
  margin-right: 12rem;
  border: 1px solid #fff;
  flex-shrink: 0;
}
#wrap.contact .contents .userWrap .left .user_select .user_list li label:hover {
  color: #fe0085;
}
#wrap.contact .contents .userWrap .left .inquirySel {
  position: relative;
  margin-bottom: 50rem;
}
#wrap.contact .contents .userWrap .left .inquirySel-tit {
  width: 100%;
  height: 70rem;
  padding: 0 56rem 0 30rem;
  font-size: 20rem;
  border-radius: 15rem;
  background: #404041;
  color: #fff;
  align-items: center;
  cursor: pointer;
  position: relative;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 500;
  z-index: 2;
}
#wrap.contact .contents .userWrap .left .inquirySel-tit::after {
  width: 16rem;
  height: 8rem;
  content: "";
  position: absolute;
  top: 31rem;
  right: 30rem;
  transition: rotate 0.3s;
  background: url(/eng/images/contents/arrow_down_white.svg) center center
    no-repeat;
  background-size: 100% 100%;
}
#wrap.contact .contents .userWrap .left .inquirySel-tit.active {
  border-radius: 15rem 15rem 0 0;
}
#wrap.contact .contents .userWrap .left .inquirySel-tit.active::after {
  transform: rotate(180deg);
}
#wrap.contact .contents .userWrap .left .inquirySel-list {
  position: absolute;
  top: 70rem;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul {
  padding: 26rem 30rem;
  width: 100%;
  background: #404041;
  border-radius: 0 0 15rem 15rem;
  position: relative;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul::after {
  top: 0;
  left: 50%;
  width: calc(100% - 60rem);
  transform: translateX(-50%);
  height: 1rem;
  background: #fff;
  content: "";
  position: absolute;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul li + li {
  margin-top: 13rem;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul li label {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 300;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  transition: color 0.3s ease;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul li label:hover {
  color: #fe0085;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .inquirySel-list
  > ul
  li
  label
  input[type="checkbox"] {
  display: none;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .inquirySel-list
  > ul
  li
  label
  input[type="checkbox"]:checked
  + i {
  background: #fff url(/eng/images/contents/checkbox_check_icon_2.svg) left 1rem
    top 2rem no-repeat;
  background-size: 12rem;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul li label i {
  width: 16rem;
  height: 16rem;
  margin-right: 12rem;
  border: 1px solid #fff;
}
#wrap.contact .contents .userWrap .left .inquirySel-list > ul li > ul {
  padding: 18rem 0 0 28rem;
}
#wrap.contact .contents .userWrap .left .topWrap {
  font-size: 16rem;
  border-bottom: 1rem solid #404041;
  padding-bottom: 15rem;
}
#wrap.contact .contents .userWrap .left .userInput {
  font-size: 18rem;
  padding: 30rem 0;
}
#wrap.contact .contents .userWrap .left .userInput .dotTxt::before,
#wrap.contact .contents .userWrap .left .userInput .dotList > li::before {
  top: 10rem;
}
#wrap.contact .contents .userWrap .left .userInput .dotTxt::before {
  color: #b1005d;
}
#wrap.contact .contents .userWrap .left .userInput > li + li {
  margin-top: 30rem;
}
#wrap.contact .contents .userWrap .left .userInput > li > p {
  margin-bottom: 15rem;
  font-weight: 500;
}
#wrap.contact .contents .userWrap .left .userInput input[type="text"],
#wrap.contact .contents .userWrap .left .userInput input[type="tel"],
#wrap.contact .contents .userWrap .left .userInput input[type="email"] {
  background-color: #fff;
  width: 100%;
  height: 60rem;
  border-radius: 15rem;
  padding: 0 30rem;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  input[type="text"]::placeholder,
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  input[type="tel"]::placeholder,
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  input[type="email"]::placeholder {
  color: #999999;
}
#wrap.contact .contents .userWrap .left .userInput input[type="text"]:focus,
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  input[type="text"]:focus-visible,
#wrap.contact .contents .userWrap .left .userInput input[type="tel"]:focus,
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  input[type="tel"]:focus-visible,
#wrap.contact .contents .userWrap .left .userInput input[type="email"]:focus,
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  input[type="email"]:focus-visible {
  outline: solid #b1005d;
}
#wrap.contact .contents .userWrap .left .userInput textarea {
  width: 100%;
  height: 300rem;
  border-radius: 15rem;
  padding: 30rem;
  resize: none;
  background-color: #fff;
}
#wrap.contact .contents .userWrap .left .userInput textarea::placeholder {
  color: #999999;
}
#wrap.contact .contents .userWrap .left .userInput textarea:focus,
#wrap.contact .contents .userWrap .left .userInput textarea:focus-visible {
  outline: solid #b1005d;
}
#wrap.contact .contents .userWrap .left .userInput .adrFirst label {
  margin-right: 20rem;
}
#wrap.contact .contents .userWrap .left .userInput .adrFirst .zipCodeFind {
  width: 270rem;
  height: 60rem;
  border: 1px solid #404041;
  border-radius: 15rem;
  transition: all 0.3s;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  .adrFirst
  .zipCodeFind:hover {
  background: #404041;
  color: #fff;
}
#wrap.contact .contents .userWrap .left .userInput .adrFirst + .adrSec {
  margin-top: 15rem;
}
#wrap.contact .contents .userWrap .left .userInput .adrFirst + .adrSec label {
  margin-right: 20rem;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  .adrFirst
  + .adrSec
  label
  + label {
  margin-right: 0;
}
#wrap.contact .contents .userWrap .left .userInput .pdName div {
  margin-right: 20rem;
}
#wrap.contact .contents .userWrap .left .userInput .pdName div + div {
  margin-right: 0;
}
#wrap.contact .contents .userWrap .left .userInput .pdName div p {
  margin-bottom: 15rem;
}
#wrap.contact .contents .userWrap .left .userInput .uploadFile {
  margin-right: 20rem;
  position: relative;
}
#wrap.contact .contents .userWrap .left .userInput .uploadFile .uploadFileText {
  position: absolute;
  top: 50%;
  left: 30rem;
  transform: translateY(-50%);
  font-size: 18rem;
  font-weight: 300;
  color: #404041;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  .uploadFile
  .uploadFileText
  .uploadDelBtn {
  width: 10rem;
  height: 10rem;
  display: flex;
  margin-left: 10rem;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .userInput
  .uploadFile
  .uploadFileText
  .uploadDelBtn
  img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
#wrap.contact .contents .userWrap .left .userInput .fileSelectBtn {
  position: relative;
  width: 270rem;
  height: 60rem;
  border-radius: 15rem;
  border: 1px solid #404041;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s;
}
#wrap.contact .contents .userWrap .left .userInput .fileSelectBtn:hover {
  background: #404041;
  color: #fff;
}
#wrap.contact .contents .userWrap .left .userInput .fileSelectBtn input {
  position: absolute;
  z-index: -1;
  font-size: 0;
  text-indent: -9999px;
}
#wrap.contact .contents .userWrap .left .userInput .uploadText {
  margin-top: 20rem;
  font-size: 15rem;
  font-weight: 300;
  color: #404041;
  display: flex;
}
#wrap.contact .contents .userWrap .left .userInput .uploadText + .uploadText {
  margin-top: 0;
}
#wrap.contact .contents .userWrap .left .userInput .captchaLabel {
  display: flex;
}
#wrap.contact .contents .userWrap .left .userInput .captchaLabel input {
  width: 270rem;
}
#wrap.contact .contents .userWrap .left .userInput .codeImg {
  width: 270rem;
  height: 60rem;
  background-color: #ccc;
  margin-right: 20rem;
}
#wrap.contact .contents .userWrap .left .userInput .codeImg img {
  width: auto;
  object-fit: cover;
  max-width: 100%;
  max-height: 100%;
}
#wrap.contact .contents .userWrap .left .userInput .refreshBtn {
  margin-right: 20rem;
  width: 270rem;
  height: 60rem;
  border-radius: 15rem;
  border: 1px solid #404041;
  transition: all 0.3s;
}
#wrap.contact .contents .userWrap .left .userInput .refreshBtn:hover {
  background: #404041;
  color: #fff;
}
#wrap.contact .contents .userWrap .left .pv_agree {
  margin-top: 20rem;
  padding-top: 50rem;
  border-top: 1px solid #404041;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_tit {
  font-size: 18rem;
  margin-bottom: 15rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_contents {
  padding: 30rem 20rem 30rem 30rem;
  width: 100%;
  border-radius: 15rem;
  background-color: #fff;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .pv_agree
  .pv_agree_contents
  .pv_agree_inner {
  height: 208rem;
  padding-right: 10rem;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .pv_agree
  .pv_agree_contents
  .pv_agree_inner
  b {
  font-size: 18rem;
  margin-bottom: 15rem;
  line-height: 1.1;
  font-weight: 300;
  letter-spacing: -0.18rem;
  color: #404041;
  display: block;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .pv_agree
  .pv_agree_contents
  .pv_agree_inner
  span {
  margin-bottom: 30rem;
  display: block;
  font-size: 16rem;
  line-height: 1.1;
  font-weight: 300;
  color: #999;
  letter-spacing: -0.16rem;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .pv_agree
  .pv_agree_contents
  .pv_agree_inner
  span:last-of-type {
  margin-bottom: 0;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck {
  margin-top: 20rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck input {
  display: none;
}
#wrap.contact
  .contents
  .userWrap
  .left
  .pv_agree
  .pv_agree_ck
  input:checked
  + label
  > i {
  background: url(/eng/images/contents/check_on_icon.svg) center center
    no-repeat;
  background-size: 100% 100%;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck label {
  font-size: 16rem;
  letter-spacing: -0.16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck label i {
  width: 18rem;
  height: 18rem;
  margin-right: 10rem;
  font-style: normal;
  background: url(/eng/images/contents/check_off_icon.svg) center center
    no-repeat;
  background-size: 100% 100%;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck .pvBtn {
  margin-left: 30rem;
  font-size: 16rem;
  letter-spacing: -0.16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #b1005d;
}
#wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck .pvBtn:hover {
  text-decoration: underline;
}
#wrap.contact .contents .userWrap .left .inquiryBtn {
  margin-top: 75rem;
  width: 100%;
  height: 70rem;
  border-radius: 15rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  font-weight: 500;
  background-color: #404041;
  color: #fff;
  transition: background-color 0.3s;
}
#wrap.contact .contents .userWrap .left .inquiryBtn:hover {
  background-color: #b1005d;
}
#wrap.contact .contents .userWrap .right {
  width: 50%;
}
#wrap.contact .contents .userWrap .right .imgWrap {
  width: 705rem;
  margin: 0 0 0 auto;
  position: sticky;
  top: 50rem;
  left: 0;
}
#wrap.contact .contents .userWrap .right .imgWrap img {
  max-width: 100%;
}
#wrap .office_area .left {
  width: 50%;
  padding: 60rem 100rem;
  background: #fff;
}
#wrap .office_area .left .office_area_tit {
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: 1;
  font-weight: 300;
  color: #404041;
}
#wrap .office_area .left .officeSearch {
  margin-top: 30rem;
  position: relative;
}
#wrap .office_area .left .officeSearch .textInput {
  width: 100%;
  height: 60rem;
  padding: 16rem 46rem 16rem 20rem;
  font-size: 18rem;
  font-weight: 400;
  color: #404041;
  border: 1px solid #404041;
  border-radius: 15rem;
  display: flex;
  align-items: center;
}
#wrap .office_area .left .officeSearch .submit {
  top: 50%;
  right: 20rem;
  width: 18rem;
  height: 18rem;
  transform: translateY(-50%);
  position: absolute;
  background: url(/eng/images/common/searchIcon.svg) center center no-repeat;
  background-size: 100% 100%;
}
#wrap .office_area .left .office_list {
  margin-top: 60rem;
  height: calc(100vh - 461rem);
  border-top: 4px solid #404041;
  width: 100%;
}
#wrap .office_area .left .office_list .office_items {
  padding: 25rem 20rem;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #404041;
  background: #fff;
  position: relative;
}
#wrap .office_area .left .office_list .office_items .adr_tit {
  padding-left: 22rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
  position: relative;
}
#wrap .office_area .left .office_list .office_items .adr_tit::after {
  top: 5rem;
  left: 0;
  width: 12rem;
  height: 12rem;
  background: #b1005d;
  border-radius: 100%;
  content: "";
  position: absolute;
}
#wrap .office_area .left .office_list .office_items .adr_txt {
  margin-top: 20rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap .office_area .left .office_list .office_items .adr_num {
  margin-top: 10rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap .office_area .left .office_list .office_items .adr_icon {
  top: 25rem;
  right: 25rem;
  width: 16rem;
  height: 16rem;
  position: absolute;
}
#wrap .office_area .left .office_list .office_items .adr_icon svg {
  width: 100%;
  height: 100%;
}
#wrap .office_area .left .office_list .office_items:hover {
  background: #f4f4f4;
}
#wrap .office_area .left .office_list .office_items:hover .adr_icon svg path {
  stroke: #b1005d;
}
#wrap .office_area .right {
  width: 50%;
  height: calc(100vh - 156rem);
  position: relative;
  overflow: hidden;
}
#wrap .office_area .right .office_map {
  width: 100%;
  height: 100%;
  /* 마커 스타일 */
}
#wrap .office_area .right .office_map iframe {
  width: 100%;
  height: 100%;
}
#wrap .office_area .right .office_map .office_info {
  position: absolute;
  border-top: 4px solid #404041;
  width: 370rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding-bottom: 20rem;
  filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.25));
}
#wrap .office_area .right .office_map .office_info_tit {
  padding: 20rem 20rem 20rem 42rem;
  font-size: 20rem;
  line-height: 1.1;
  letter-spacing: -0.2rem;
  font-weight: 600;
  color: #404041;
  height: 62rem;
  background: #f4f4f4;
  position: relative;
}
#wrap .office_area .right .office_map .office_info_tit::after {
  content: "";
  top: 25rem;
  left: 20rem;
  width: 12rem;
  height: 12rem;
  background: #b1005d;
  border-radius: 100%;
  position: absolute;
}
#wrap .office_area .right .office_map .office_info_adr {
  padding: 20rem;
  font-size: 18rem;
  line-height: 1.1;
  letter-spacing: -0.18rem;
  font-weight: 400;
  color: #404041;
  display: block;
}
#wrap .office_area .right .office_map .office_info_num {
  margin-top: 10rem;
  padding: 0 20rem;
  font-size: 16rem;
  letter-spacing: -0.16rem;
  line-height: 1.1;
  font-weight: 400;
  color: #999;
  display: block;
}
#wrap .office_area .right .office_map .markerStyle {
  font-size: 16rem;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-weight: 500;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #fff;
}
#wrap .office_area .right .office_map .marker1 {
  top: 10%;
  left: 50%;
  width: 24rem;
  height: 24rem;
  background: #b1005d;
}
#wrap .office_area .right .office_map .marker1 span {
  width: 10rem;
  height: 10rem;
  border-radius: 100%;
  background: #fff;
}
#wrap .office_area .right .office_map .marker2 {
  top: 20%;
  left: 20%;
  width: 35rem;
  height: 35rem;
  background: #b1005d;
}
#wrap .office_area .right .office_map .marker3 {
  top: 30%;
  left: 60%;
  width: 48rem;
  height: 48rem;
  background: #b1005d;
}
#wrap .office_area .right .office_map .marker3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 58rem;
  height: 58rem;
  transform: translate(-50%, -50%);
  background: rgba(177, 0, 93, 0.2);
  border-radius: 100%;
}
#wrap .office_area .right .office_map .marker4 {
  top: 20%;
  left: 70%;
  width: 50rem;
  height: 50rem;
  background: #8a8b8c;
}
#wrap .office_area .right .office_map .marker4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80rem;
  height: 80rem;
  transform: translate(-50%, -50%);
  background: rgba(138, 139, 140, 0.2);
  border-radius: 100%;
}
#wrap .office_area .right .office_map .marker5 {
  top: 70%;
  left: 70%;
  width: 65rem;
  height: 65rem;
  background: #8a8b8c;
}
#wrap .office_area .right .office_map .marker5::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95rem;
  height: 95rem;
  transform: translate(-50%, -50%);
  background: rgba(138, 139, 140, 0.2);
  border-radius: 100%;
}
#wrap .office_area .right .office_map .marker6 {
  top: 70%;
  left: 20%;
  width: 80rem;
  height: 80rem;
  background: #b1005d;
}
#wrap .office_area .right .office_map .marker6::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110rem;
  height: 110rem;
  transform: translate(-50%, -50%);
  background: rgba(177, 0, 93, 0.2);
  border-radius: 100%;
}
#wrap .mediaWrap .mediaList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
#wrap .mediaWrap .mediaList .mediaItems {
  width: 33.3333%;
  margin-top: 50rem;
  padding-top: 50rem;
  height: 686rem;
  padding-right: 36rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
#wrap .mediaWrap .mediaList .mediaItems .mediaImg {
  width: 100%;
  height: 525rem;
  transition: border-radius 0.3s;
  overflow: hidden;
}
#wrap .mediaWrap .mediaList .mediaItems .mediaImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#wrap .mediaWrap .mediaList .mediaItems .mediaTxt {
  width: 100%;
  margin-top: 20rem;
}
#wrap .mediaWrap .mediaList .mediaItems .mediaTxt b {
  font-size: 25rem;
  height: 57rem;
  letter-spacing: -0.25rem;
  line-height: 1.1;
  font-weight: 500;
  color: #404041;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#wrap .mediaWrap .mediaList .mediaItems .mediaTxt span {
  margin-top: 15rem;
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #999;
  display: flex;
}
#wrap .mediaWrap .mediaList .mediaItems:nth-of-type(3n-2)::after {
  width: calc(300% - 36rem);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1rem;
  background: #404041;
}
#wrap .mediaWrap .mediaList .mediaItems:nth-of-type(1)::after {
  display: none;
}
#wrap .mediaWrap .mediaList .mediaItems:nth-of-type(1),
#wrap .mediaWrap .mediaList .mediaItems:nth-of-type(2),
#wrap .mediaWrap .mediaList .mediaItems:nth-of-type(3) {
  margin-top: 0;
  padding-top: 0;
}
#wrap .mediaWrap .mediaList .mediaItems:hover .mediaImg,
#wrap .mediaWrap .mediaList .mediaItems.active .mediaImg {
  border-radius: 50rem;
}
#wrap .mediaViewWrap .mediaViewTop {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 30rem;
  border-bottom: 1px solid #404041;
}
#wrap .mediaViewWrap .mediaViewTop .mediaViewNoti {
  min-width: 163rem;
  margin-right: 30rem;
  padding: 0 15rem;
  height: 50rem;
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
  text-transform: uppercase;
  border: 1px solid #404041;
  border-radius: 15rem;
}
#wrap .mediaViewWrap .mediaViewTop .mediaViewTit {
  padding-right: 20rem;
  font-size: 35rem;
  letter-spacing: -0.35rem;
  line-height: normal;
  font-weight: 500;
  color: #404041;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding-bottom: 2px;
}
#wrap .mediaViewWrap .mediaViewTop .mediaViewDate {
  font-size: 18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #999;
  flex-shrink: 0;
  margin-left: auto;
  white-space: nowrap;
}
#wrap .mediaViewWrap .mediaViewContent {
  padding: 90rem 0 78rem;
}
#wrap .mediaViewWrap .mediaViewContent img {
  margin-bottom: 0 !important;
  width: auto;
  height: auto;
  display: block;
}
#wrap .mediaViewWrap .mediaViewContent p {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap .mediaViewWrap .mediaViewContent iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
#wrap .mediaViewWrap .mediaViewAttach {
  border-top: 1px solid #404041;
  border-bottom: 1px solid #404041;
}
#wrap .mediaViewWrap .mediaViewAttach .attachFile {
  height: 50rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
}
#wrap .mediaViewWrap .mediaViewAttach .attachFile:last-of-type {
  border-bottom: 0;
}
#wrap .mediaViewWrap .mediaViewAttach .attachFile img {
  width: 20rem;
  height: 20rem;
  margin-right: 15rem;
}
#wrap .mediaViewWrap .mediaViewAttach .attachFile a {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  font-weight: 300;
  color: #404041;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#wrap .mediaViewWrap .mediaViewBtn {
  margin-top: 90rem;
}
#wrap .mediaViewWrap .mediaViewBtn a {
  width: 250rem;
  height: 70rem;
  font-size: 20rem;
  letter-spacing: -0.2rem;
  font-weight: 500;
  color: #fff;
  background: #404041;
  transition: background-color 0.3s;
}
#wrap .mediaViewWrap .mediaViewBtn a:hover {
  background: #b1005d;
}
#wrap .construction {
  border-top: 1px solid #404041;
}
#wrap .construction .construction_list {
  padding-bottom: 40rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#wrap .construction .construction_list .construction_items {
  padding: 50rem 0;
  width: 50%;
  border-bottom: 1px solid #404041;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#wrap .construction .construction_list .construction_items .construction_img {
  width: 530rem;
  height: 350rem;
  margin-right: 30rem;
  overflow: hidden;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_img
  img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .tit {
  font-size: 25rem;
  letter-spacing: -0.25rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .info {
  padding: 30rem 0;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .info
  li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .info
  li
  b {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  font-weight: 600;
  color: #404041;
  line-height: 1.1;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .info
  li
  span {
  margin-left: 11rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .info
  li
  + li {
  margin-top: 10rem;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .txt {
  padding-top: 30rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .txt::after {
  top: 0;
  left: 0;
  width: 30rem;
  height: 3rem;
  background: #999;
  content: "";
  position: absolute;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .txt
  b {
  margin-bottom: 10rem;
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 600;
  color: #404041;
}
#wrap
  .construction
  .construction_list
  .construction_items
  .construction_txt
  .txt
  span {
  font-size: 18rem;
  letter-spacing: -0.18rem;
  line-height: 1.1;
  font-weight: 400;
  color: #404041;
}

.d_i_1000 {
  display: none;
}

.d_i_no_1000 {
  display: inline;
}

@media screen and (max-width: 1000px) {
  .d_i_1000 {
    display: inline;
  }
  .d_i_no_1000 {
    display: none;
  }
  #wrap {
    padding-top: 132rem;
    /* 타이틀 영역 */
    /* 제목 + 검색영역 */
    /* 게시판 스타일 */
    /* 메인 */
    /* member */
    /* 이용약관, 개인정보처리방침 */
    /* 회사소개 */
    /* 제품소개 */
    /* 기술 · 개발 : R&D 센터 */
    /* 고객지원 */
    /* A/S, 제품문의 */
    /* 전국영업소, 서비스영업소 */
  }
  #wrap .pc {
    display: none;
  }
  #wrap .mo {
    display: block;
  }
  #wrap.startpd {
    padding-top: 103rem;
  }
  #wrap .title__box {
    padding-bottom: 50rem;
  }
  #wrap .title__box .eng {
    font-size: 45rem;
  }
  #wrap .title__box .kor {
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap .board__top {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 50rem;
  }
  #wrap .board__top.mb20 {
    margin-bottom: 20rem;
  }
  #wrap .board__top .title__box {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 30rem;
    width: auto;
  }
  #wrap .board__top .searchWrap {
    width: 100%;
    border-bottom: 1rem solid #404041;
    position: relative;
    font-size: 15rem;
  }
  #wrap .board__top .searchWrap .textInput {
    width: 100%;
    height: 30rem;
    padding: 0 24rem 0 5rem;
  }
  #wrap .board__top .searchWrap .submit {
    width: 15rem;
    height: 15rem;
    position: absolute;
    right: 3rem;
    top: 4rem;
    transform: translateY(0);
  }
  #wrap .boardWrap {
    /* 탭 메뉴 */
    /* 서브 탭 메뉴 */
    /* pager */
  }
  #wrap .boardWrap .tabMenu {
    font-size: 15rem;
    margin-bottom: 10rem;
    position: relative;
    z-index: 2;
  }
  #wrap .boardWrap .tabMenu .tabMenu_mo_sel {
    display: flex;
  }
  #wrap .boardWrap .tabMenu .tabMenu_mo_sel.active {
    border-radius: 10rem 10rem 0 0;
  }
  #wrap .boardWrap .tabMenu_list {
    width: 100%;
    position: absolute;
    top: 45rem;
    border-radius: 0 0 10rem 10rem;
    background: #404041;
    padding: 15rem;
    flex-direction: column;
    z-index: 2;
    display: none;
  }
  #wrap .boardWrap .tabMenu_list::before {
    width: calc(100% - 20rem);
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1rem;
  }
  #wrap .boardWrap .tabMenu_items {
    margin-bottom: 15rem;
    margin-right: 0;
  }
  #wrap .boardWrap .tabMenu_items:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
  #wrap .boardWrap .tabMenu_items a {
    height: auto;
    width: auto;
    border-radius: 0;
    padding: 0;
    border: 0;
    text-align: left;
    line-height: 1;
    font-size: 15rem;
    display: inline-flex;
    color: #fff;
  }
  #wrap .boardWrap .tabMenu_items a:hover,
  #wrap .boardWrap .tabMenu_items a.active {
    background-color: #404041;
    color: #fe0085;
    font-weight: 400;
  }
  #wrap .boardWrap .valueWrap {
    position: relative;
    z-index: 1;
  }
  #wrap .boardWrap .valueWrap .valueWrap_mo_sel {
    display: flex;
  }
  #wrap .boardWrap .valueWrap .valueWrap_mo_sel.active {
    border-radius: 10rem 10rem 0 0;
    border-bottom: 0;
  }
  #wrap .boardWrap .valueWrap_list {
    border-bottom: 0;
    height: auto;
    margin-bottom: 0;
    font-size: 15rem;
    padding: 15rem;
    line-height: 1.1;
    font-weight: 500;
    display: none;
    align-items: flex-start;
    width: 100%;
    position: absolute;
    top: 45rem;
    border-radius: 0 0 10rem 10rem;
    background: #fff;
    border: 1px solid #404041;
    border-top: 0;
    flex-direction: column;
    z-index: 1;
    /* space-between */
  }
  #wrap .boardWrap .valueWrap_list::before {
    content: "";
    position: absolute;
    width: calc(100% - 20rem);
    height: 1rem;
    background: #404041;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #wrap .boardWrap .valueWrap_list.type2 {
    justify-content: space-between;
  }
  #wrap .boardWrap .valueWrap_list.type2 .valueWrap_items + .valueWrap_items {
    margin-left: initial;
  }
  #wrap .boardWrap .valueWrap_list.between {
    justify-content: space-between;
  }
  #wrap .boardWrap .valueWrap_items {
    margin-right: 0;
    margin-bottom: 10rem;
  }
  #wrap .boardWrap .valueWrap_items:last-of-type {
    margin-bottom: 0;
    margin-right: 0;
  }
  #wrap .boardWrap .valueWrap_items a {
    font-size: 14rem;
  }
  #wrap .boardWrap .valueWrap_items a.active,
  #wrap .boardWrap .valueWrap_items a:hover {
    color: #b1005c;
  }
  #wrap .boardWrap .pager {
    margin-top: 60rem;
    font-size: 15rem;
    font-weight: 500;
  }
  #wrap .boardWrap .pager .num {
    display: flex;
    align-items: center;
    color: #999999;
  }
  #wrap .boardWrap .pager .num a.current,
  #wrap .boardWrap .pager .num a:hover {
    color: #404041;
  }
  #wrap .boardWrap .pager .num a + a {
    margin-left: 15rem;
  }
  #wrap .boardWrap .pager .page_btn {
    height: 19rem;
    width: 15rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20rem;
  }
  #wrap .boardWrap .pager .page_btn.first {
    background-image: url("/eng/images/common/pager_first.svg");
    background-size: 10rem;
    margin-right: 15rem;
  }
  #wrap .boardWrap .pager .page_btn.prev {
    background-image: url("/eng/images/common/pager_prev.svg");
    background-size: 5rem;
    margin-right: 30rem;
  }
  #wrap .boardWrap .pager .page_btn.next {
    background-image: url("/eng/images/common/pager_next.svg");
    background-size: 5rem;
    margin-left: 30rem;
  }
  #wrap .boardWrap .pager .page_btn.last {
    background-image: url("/eng/images/common/pager_last.svg");
    background-size: 10rem;
    margin-left: 15rem;
  }
  #wrap .boardListWrap {
    margin-top: 30rem;
  }
  #wrap .boardListWrap .boardList.video {
    padding-bottom: 0;
  }
  #wrap .boardListWrap .boardList.video > ul {
    display: flex;
    flex-wrap: wrap;
  }
  #wrap .boardListWrap .boardList.video > ul > li {
    width: 100%;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 30rem;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #404041;
  }
  #wrap .boardListWrap .boardList.video > ul > li:last-of-type {
    border-bottom: 0;
  }
  #wrap .boardListWrap .boardList.video > ul > li + li {
    margin-top: 30rem;
  }
  #wrap .boardListWrap .boardList.video > ul > li .imgWrap {
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 15rem;
    position: relative;
  }
  #wrap .boardListWrap .boardList.video > ul > li .imgWrap img {
    height: 100%;
    object-fit: cover;
  }
  #wrap .boardListWrap .boardList.video > ul > li .imgWrap .link {
    width: 30rem;
    height: 30rem;
    right: 15rem;
    bottom: 15rem;
    background-image: url("/eng/images/contents/customer_youtube.svg");
    background-size: 15rem;
  }
  #wrap .boardListWrap .boardList.video > ul > li .subject {
    font-size: 15rem;
    line-height: normal;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  #wrap .boardListWrap .boardList.video > ul > li:nth-child(3n) {
    margin-right: 0;
  }
  #wrap
    .boardListWrap
    .boardList.video
    > ul
    > li:nth-child(3n + 1):not(:nth-child(1))::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - 200rem);
    height: 1rem;
    background-color: #404041;
  }
  #wrap .boardListWrap .boardList.video > ul > li:hover .imgWrap {
    border-radius: 0;
  }
  #wrap .boardListWrap .boardList.video > ul > li:hover .link {
    background-color: #b1005c;
  }
  #wrap .boardListWrap .boardList.download {
    padding-bottom: 10rem;
  }
  #wrap .boardListWrap .boardList.download > ul {
    display: flex;
    flex-wrap: wrap;
  }
  #wrap .boardListWrap .boardList.download > ul > li {
    width: 100%;
    margin-right: 0;
    background-color: #f4f4f4;
    padding: 30rem 0;
    text-align: center;
    margin-bottom: 20rem;
    height: auto;
  }
  #wrap .boardListWrap .boardList.download > ul > li .imgWrap {
    width: 154rem;
    height: 215rem;
    margin: 0 auto;
  }
  #wrap .boardListWrap .boardList.download > ul > li .imgWrap img {
    height: 100%;
    object-fit: contain;
    width: 100%;
  }
  #wrap .boardListWrap .boardList.download > ul > li .subject {
    font-size: 15rem;
    line-height: normal;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 20rem 0;
    padding: 0 20rem;
  }
  #wrap .boardListWrap .boardList.download > ul > li a {
    width: 145rem;
    height: 38rem;
    text-align: center;
    line-height: 38rem;
    color: #fff;
    font-size: 15rem;
    background-color: #404041;
    margin: 0 auto;
    font-weight: 300;
  }
  #wrap .boardListWrap .boardList.download > ul > li a:hover {
    background-color: #b1005c;
  }
  #wrap .boardListWrap .boardList.download > ul > li:nth-child(4n) {
    margin-right: 0;
  }
  #wrap .boardListWrap .boardList.default > ul > li {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 20rem 10rem;
  }
  #wrap .boardListWrap .boardList.default > ul > li .date {
    font-size: 14rem;
    width: auto;
  }
  #wrap .boardListWrap .boardList.default > ul > li .subject {
    margin-top: 15rem;
    font-size: 15rem;
    font-weight: 500;
    width: 100%;
    white-space: wrap;
  }
  #wrap .boardListWrap .boardList.default > ul > li .download {
    margin-top: 20rem;
    font-size: 14rem;
    width: 145rem;
    height: 38rem;
    line-height: 38rem;
    text-align: center;
    color: #fff;
    background-color: #404041;
    font-weight: 300;
  }
  #wrap .boardListWrap .boardList.default > ul > li .download:hover {
    background-color: #b1005d;
  }
  #wrap .boardListWrap .boardList.default > ul > li:last-child {
    border-bottom: 1rem solid #404041;
  }
  #wrap .boardListWrap .boardList.default > ul > li:hover {
    background-color: #f4f4f4;
  }
  #wrap .boardListWrap .boardList.eventMidea {
    padding-bottom: 0;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul {
    display: flex;
    flex-wrap: wrap;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li {
    width: 100%;
    margin-right: 0;
    padding-bottom: 30rem;
    margin-top: 30rem;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li::after {
    bottom: 0;
    width: 100%;
    height: 1px;
    left: 0;
    background: #404041;
    content: "";
    position: absolute;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li .imgWrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 15rem;
    position: relative;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li .imgWrap .link {
    width: 30rem;
    height: 30rem;
    right: 15rem;
    bottom: 15rem;
    background-size: 15rem;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li .subject p {
    font-size: 15rem;
    letter-spacing: -0.15rem;
    white-space: wrap;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li .subject span {
    margin-top: 10rem;
    font-size: 14rem;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(2n) {
    margin-right: 0;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(2n)::after {
    left: auto;
    right: 0;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(1),
  #wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(2) {
    margin-top: 30rem;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(1) {
    margin-top: 0;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:nth-child(5)::after {
    display: block;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:hover .imgWrap {
    border-radius: 0;
  }
  #wrap .boardListWrap .boardList.eventMidea > ul > li:hover .link {
    background-color: #b1005c;
  }
  #wrap #skip_nav {
    top: 65rem;
    height: 52rem;
    padding: 0 !important;
  }
  #wrap #skip_nav .menuWrap {
    padding: 0;
    font-size: 14rem;
    letter-spacing: -0.14rem;
    width: 50%;
    min-width: unset;
    background-size: 8rem;
    background-position: right 20rem center;
    display: flex;
    align-items: center;
  }
  #wrap #skip_nav .menuWrap > p {
    width: 100%;
    padding: 0 40rem 0 20rem;
    line-height: 1.1;
  }
  #wrap #skip_nav .menuWrap + .menuWrap {
    margin-left: 0;
  }
  #wrap #skip_nav .menuWrap ul {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: #fff;
    padding: 15rem 20rem;
    border: 1rem solid #404041;
    display: none;
  }
  #wrap #skip_nav .menuWrap ul li + li {
    margin-top: 15rem;
  }
  #wrap #skip_nav .menuWrap.active {
    background-image: url("/eng/images/contents/skip_nav_icon2.svg");
  }
  #wrap #skip_nav.nav-down {
    transform: translateY(-200%);
    opacity: 0;
  }
  #wrap #skip_nav.nav-up {
    transform: translateY(0);
    opacity: 1;
  }
  #wrap.main {
    padding-top: 65rem;
  }
  #wrap.main .visualWrap {
    height: 585rem;
  }
  #wrap.main .visualWrap .visualMedia .visuialText {
    top: 208rem;
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #wrap.main .visualWrap .visualMedia .visuialText .eng {
    font-size: 20rem;
  }
  #wrap.main .visualWrap .visualMedia .visuialText .kor {
    margin-top: 15rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .visualWrap .visualMedia .visuialText br.mo_block {
    display: block;
  }
  #wrap.main .visualWrap .visualMedia::after {
    height: 367rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  }
  #wrap.main .water .waterTop {
    height: 260rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 30rem 20rem;
  }
  #wrap.main .water .waterTop p {
    font-size: 35rem;
  }
  #wrap.main .water .waterTop p span {
    margin-top: 20rem;
    bottom: 0;
    right: 0;
    font-size: 13rem;
    position: relative;
    padding-bottom: 10rem;
  }
  #wrap.main .water .waterTop p span::after {
    bottom: 0;
    width: 100rem;
    height: 1rem;
    left: 22rem;
    transform: translateX(0);
  }
  #wrap.main .water .waterTop::before {
    bottom: -86rem;
    left: 50%;
    width: 320rem;
    height: 173rem;
    content: "";
    position: absolute;
    transform: translateX(-50%);
    z-index: 0;
  }
  #wrap.main .water .waterBtm {
    padding: 30rem 20rem;
  }
  #wrap.main .water .waterBtm .waterBtm_tit {
    padding: 0 0 0 17rem;
    font-size: 13rem;
  }
  #wrap.main .water .waterBtm .waterBtm_tit::before {
    top: 3rem;
    left: 0;
    width: 10rem;
    height: 10rem;
  }
  #wrap.main .water .waterBtm .textBox {
    margin-top: 20rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.main .water .waterBtm .textBox .left {
    width: 100%;
  }
  #wrap.main .water .waterBtm .textBox .left div {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
  #wrap.main .water .waterBtm .textBox .left div b {
    font-size: 110rem;
    letter-spacing: -10rem;
  }
  #wrap.main .water .waterBtm .textBox .left div .date {
    margin-left: 10rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
  }
  #wrap.main .water .waterBtm .textBox .left div .date .dateTop {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .water .waterBtm .textBox .left div .date .dateTop img {
    width: 25rem;
    height: 25rem;
    margin-bottom: 10rem;
  }
  #wrap.main .water .waterBtm .textBox .left div .date .dateBtm {
    margin-bottom: 15rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .water .waterBtm .textBox .left > p {
    margin-top: 20rem;
    font-size: 17rem;
    padding-bottom: 35rem;
    border-bottom: 1px solid #404041;
  }
  #wrap.main .water .waterBtm .textBox .right {
    margin-top: 35rem;
    width: 100%;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box {
    display: flex;
    justify-content: flex-start;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box .text {
    border-left: 1px solid #404041;
    padding: 0 20rem;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box .text:first-of-type {
    border-left: 0;
    padding: 0;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box .text b {
    font-size: 60rem;
    letter-spacing: -7rem;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box .text .date {
    margin-top: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    top: auto;
    right: auto;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box .text .date .dateTop {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .water .waterBtm .textBox .right .right_box .text .date .dateBtm {
    margin-bottom: 0;
    font-size: 15rem;
  }
  #wrap.main
    .water
    .waterBtm
    .textBox
    .right
    .right_box
    .text:last-of-type
    .date {
    right: 0;
  }
  #wrap.main .water .overview {
    padding: 140rem 20rem 70rem;
  }
  #wrap.main .water .overview .overviewText {
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
  }
  #wrap.main .water .overview .overviewText p {
    font-size: 25rem;
  }
  #wrap.main .water .overview .overviewText span {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .water .overview .overviewText span br {
    display: none;
  }
  #wrap.main .water .overview .overviewArrow {
    width: 85rem;
    bottom: auto;
    top: 30rem;
    right: 20rem;
    position: absolute;
    display: flex;
    flex-direction: column;
  }
  #wrap.main .water .overview .overviewArrow img {
    width: 40rem;
  }
  #wrap.main .water .overview .overviewArrow img:last-of-type {
    margin-top: 5rem;
  }
  #wrap.main .oscWrap .oscInner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.main .oscWrap .oscInner .oscMedia {
    width: 100%;
    height: 360rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont {
    width: 100%;
    padding: 30rem 20rem 70rem;
    height: auto;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscTit {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscTit b {
    font-size: 35rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscTit sub {
    margin-left: 0;
    margin-top: 10rem;
    font-size: 20rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscDesc {
    margin-top: 30rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscDesc br {
    display: none;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscLine {
    margin: 40rem auto 40rem;
    width: 310rem;
    height: 10rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscLine img.pc {
    display: none;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscLine img.mo {
    display: block;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscBox p {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscBox span {
    margin-top: 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscBox span br {
    display: none;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscList {
    margin-top: 50rem;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems {
    margin-top: 20rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems li {
    width: 100%;
    height: auto;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    padding: 10rem 0;
    border-left: 0;
    border-top: 1px solid #404041;
    display: flex;
    align-items: flex-start;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems li:first-of-type {
    border-left: 0;
    border-top: 0;
  }
  #wrap.main .oscWrap .oscInner .oscCont .oscList .oscItems li br {
    display: none;
  }
  #wrap.main .pdWrap {
    height: auto;
    padding: 30rem 20rem 50rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
  }
  #wrap.main .pdWrap .pdWrap-swiper-button-wrap {
    display: none;
  }
  #wrap.main .pdWrap.pd_pc {
    display: none;
  }
  #wrap.main .pdWrap.pd_mo {
    display: block;
    position: relative;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide {
    padding-bottom: 30rem;
    height: 580rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide b {
    padding-left: 17rem;
    font-size: 13rem;
    line-height: 1.1;
    font-weight: 400;
    color: #404041;
    position: relative;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide b::before {
    top: 50%;
    left: 0;
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    background: #b1005d;
    transform: translateY(-50%);
    position: absolute;
    content: "";
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide p {
    margin-top: 20rem;
    font-size: 25rem;
    width: 100%;
    line-height: 1;
    font-weight: 600;
    color: #404041;
    text-transform: uppercase;
    position: relative;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide p::after {
    bottom: 0;
    right: 0;
    width: 40rem;
    height: 40rem;
    background: url("/eng/images/contents/technology_icon.svg") center center
      no-repeat;
    background-size: 100% 100%;
    content: "";
    position: absolute;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide .img {
    margin-top: 30rem;
    padding: 20rem 10rem;
    width: 100%;
    height: 280rem;
    background: #f4f4f4;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide .img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide .txt {
    padding-right: 8rem;
    margin-top: 30rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    line-height: 1.1;
    font-weight: 400;
    color: #404041;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide .txt br {
    display: none;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide a {
    width: 74rem;
    height: 37rem;
    align-self: flex-end;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #wrap.main .pdWrap.pd_mo .mo_pd_slide a img {
    width: 100%;
    object-fit: cover;
  }
  #wrap.main .pdWrap.pd_mo .swiper-pagination {
    bottom: 40rem;
    padding: 0 20rem;
    text-align: left;
  }
  #wrap.main .pdWrap.pd_mo .swiper-pagination .swiper-pagination-bullet {
    width: 6rem;
    height: 6rem;
    background: #d9d9d9;
    margin: 0 10rem 0 0;
    opacity: 1;
  }
  #wrap.main .pdWrap.pd_mo .swiper-pagination .swiper-pagination-bullet-active {
    background: #b1005d;
  }
  #wrap.main
    .pdWrap.pd_mo
    .swiper-pagination
    .swiper-pagination-bullet:last-of-type {
    margin-right: 0;
  }
  #wrap.main .pdWrap.pd_mo .mo_pdPager {
    bottom: 10rem;
    left: 0;
    width: 100%;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: url(/eng/images/contents/slide_pager_icon.png) left center
      repeat-x;
    background-size: contain;
  }
  #wrap.main .pdWrap.pd_mo .mo_pdPager p {
    font-size: 10rem;
    padding: 0 4rem;
    line-height: 1.1;
    background: #fff;
    font-weight: 500;
    color: #404041;
    font-family: "Plus Jakarta Sans", sans-serif;
  }
  #wrap.main .lineupWrap {
    padding: 30rem 20rem 0;
    height: 640rem;
  }
  #wrap.main .lineupWrap .lineupImg > img,
  #wrap.main .lineupWrap .lineupText > p {
    display: none;
  }
  #wrap.main .lineupWrap .lineupImg > img.active,
  #wrap.main .lineupWrap .lineupText > p.active {
    display: block;
  }
  #wrap.main .lineupWrap .lineupTit {
    padding-left: 17rem;
    font-size: 13rem;
  }
  #wrap.main .lineupWrap .lineupTit::before {
    top: 50%;
    width: 10rem;
    height: 10rem;
  }
  #wrap.main .lineupWrap .lineupBox {
    margin-top: 20rem;
    position: relative;
  }
  #wrap.main .lineupWrap .lineupBox .lineupSelect {
    width: 100%;
    height: 50rem;
    padding: 0 30rem;
    border-radius: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    line-height: 1.1;
    font-weight: 400;
    color: #404041;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid #404041;
    background: #fff;
    position: relative;
    cursor: pointer;
  }
  #wrap.main .lineupWrap .lineupBox .lineupSelect::before {
    top: 50%;
    left: 15rem;
    transform: translateY(-50%);
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    background: #404041;
    content: "";
    position: absolute;
  }
  #wrap.main .lineupWrap .lineupBox .lineupSelect::after {
    top: 50%;
    right: 15rem;
    width: 12rem;
    height: 7rem;
    transform: translateY(-50%) rotate(0deg);
    background: url(/eng/images/contents/arrow_down_gray.svg) center center
      no-repeat;
    background-size: 100% 100%;
    content: "";
    position: absolute;
  }
  #wrap.main .lineupWrap .lineupBox .lineupSelect.active {
    border-radius: 10rem 10rem 0 0;
    border-bottom: 0;
    background: #b1005d;
    color: #fff;
  }
  #wrap.main .lineupWrap .lineupBox .lineupSelect.active::before {
    background: #fff;
  }
  #wrap.main .lineupWrap .lineupBox .lineupSelect.active::after {
    transform: translateY(-50%) rotate(180deg);
    background: url(/eng/images/contents/arrow_down_white.svg) center center
      no-repeat;
    background-size: 100% 100%;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList {
    width: 100%;
    top: 50rem;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    z-index: 1;
    border-radius: 0 0 10rem 10rem;
    border: 1px solid #404041;
    border-top: 0;
    background: #b1005d;
    padding: 20rem 30rem;
    display: none;
    z-index: 1;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList::before {
    top: 0;
    left: 50%;
    width: calc(100% - 60rem);
    height: 1rem;
    background: #fff;
    transform: translateX(-50%);
    content: "";
    position: absolute;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems {
    width: 100%;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems.w100 {
    width: 100%;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems.mt {
    margin-top: 0;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems.ml {
    width: 100%;
    margin-left: 0;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems + .lineupItems {
    margin-top: 15rem;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a {
    height: auto;
    padding: 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    font-weight: 400;
    color: #fff;
    line-height: 1.1;
    border: 0;
    background: transparent;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 0;
    position: relative;
    transition: all 0.3s;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a::before {
    display: none;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a svg {
    display: none;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a:hover,
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a.active {
    color: #fff;
    background: transparent;
    border: 0;
  }
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a:hover::before,
  #wrap.main .lineupWrap .lineupBox .lineupList .lineupItems a.active::before {
    display: none;
  }
  #wrap.main .lineupWrap .lineupText {
    bottom: auto;
    top: 240rem;
    left: 20rem;
    max-width: 320rem;
    width: 100%;
    position: absolute;
    z-index: 0;
  }
  #wrap.main .lineupWrap .lineupText p {
    font-size: 35rem;
    letter-spacing: -1rem;
    position: absolute;
  }
  #wrap.main .lineupWrap .lineupImg {
    top: auto;
    bottom: 0;
    right: 0;
    left: auto;
    width: 100%;
    max-width: 360rem;
    height: 334rem;
    position: absolute;
    z-index: 0;
  }
  #wrap.main .lineupWrap .lineupImg img {
    width: 100%;
    max-width: 100%;
    object-fit: contain;
  }
  #wrap.main .majorWrap {
    padding: 30rem 20rem 60rem;
    height: auto;
    width: 100%;
    background-color: #000;
    background-image: url(/eng/images/contents/major_bg.png);
    background-position: center 266rem;
    background-repeat: no-repeat;
    background-size: 320rem 270rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }
  #wrap.main .majorWrap.major_pc {
    display: none;
  }
  #wrap.main .majorWrap.major_mo {
    display: block;
    overflow: hidden;
  }
  #wrap.main .majorWrap.major_mo .majorText_mo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  #wrap.main .majorWrap.major_mo .majorText_mo b {
    padding-left: 17rem;
    font-size: 13rem;
    line-height: 1.1;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    position: relative;
  }
  #wrap.main .majorWrap.major_mo .majorText_mo b::before {
    top: 50%;
    left: 0;
    width: 10rem;
    height: 10rem;
    border-radius: 100%;
    transform: translateY(-50%);
    background: #b1005d;
    position: absolute;
    content: "";
  }
  #wrap.main .majorWrap.major_mo .majorText_mo p {
    margin-top: 20rem;
    font-size: 35rem;
    line-height: 1.1;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
  }
  #wrap.main .majorWrap.major_mo .majorText_mo p br {
    display: none;
  }
  #wrap.main .majorWrap.major_mo .majorText_mo span {
    margin-top: 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo {
    margin-top: 50rem;
    padding-bottom: 36rem;
    position: relative;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo {
    width: 235rem;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo a {
    max-width: 235rem;
    width: 100%;
    margin: 0 auto;
    padding: 15rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo a p {
    font-size: 25rem;
    line-height: 1.1;
    font-weight: 600;
    color: #404041;
    text-transform: uppercase;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo a .img {
    margin-top: 20rem;
    width: 100%;
    height: 204rem;
    background: #f4f4f4;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo a .img img {
    width: auto;
    height: auto;
    max-height: 100%;
    object-fit: fill;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo a .txt {
    margin-top: 20rem;
    font-size: 14rem;
    letter-spacing: 0;
    line-height: 1.1;
    font-weight: 600;
    color: #404041;
    width: 100%;
    position: relative;
    text-transform: uppercase;
    display: flex;
    align-items: flex-end;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .majorSlide_mo a .txt svg {
    bottom: 0;
    right: 0;
    width: 10rem;
    height: 10rem;
    position: absolute;
  }
  #wrap.main .majorWrap.major_mo .majorCont_mo .swiper-pagination {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
  }
  #wrap.main
    .majorWrap.major_mo
    .majorCont_mo
    .swiper-pagination
    .swiper-pagination-bullet {
    width: 6rem;
    height: 6rem;
    border-radius: 100%;
    opacity: 1;
    background: #d9d9d9;
    margin: 0 10rem 0 0;
  }
  #wrap.main
    .majorWrap.major_mo
    .majorCont_mo
    .swiper-pagination
    .swiper-pagination-bullet-active {
    background: #b1005d;
  }
  #wrap.main .majorWrap.major_mo .majorPosText {
    margin-top: 100rem;
    width: 299rem;
    bottom: unset;
    left: unset;
    position: relative;
  }
  #wrap.main .majorWrap.major_mo .majorPosText p {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .systemWrap .systemCont .systemText {
    padding: 0 20rem;
    top: 50rem;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
  }
  #wrap.main .systemWrap .systemCont .systemText p {
    font-size: 15rem;
    padding-right: 38rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .systemWrap .systemCont .systemText p br {
    display: none;
  }
  #wrap.main .systemWrap .systemCont .systemMedia {
    height: 640rem;
  }
  #wrap.main .systemWrap .systemCont .systemMedia video {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #wrap.main .mainBoard::before {
    height: 1145rem;
  }
  #wrap.main .mainBoard::after {
    height: calc(100% - 1145rem);
    top: 1145rem;
  }
  #wrap.main .mainBoard .newsWrap {
    padding: 30rem 20rem 35rem;
  }
  #wrap.main .mainBoard .newsWrap .newsTop .newsSubject {
    padding-left: 17rem;
    font-size: 13rem;
  }
  #wrap.main .mainBoard .newsWrap .newsTop .newsSubject::before {
    width: 10rem;
    height: 10rem;
  }
  #wrap.main .mainBoard .newsWrap .newsTop .newsTit {
    margin-top: 20rem;
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.main .mainBoard .newsWrap .newsTop .viewBtn {
    top: 19rem;
    width: 74rem;
    height: 37rem;
  }
  #wrap.main .mainBoard .newsWrap .newsTop .viewBtn img {
    object-fit: contain;
  }
  #wrap.main .mainBoard .newsWrap .newsCont {
    margin-top: 30rem;
  }
  #wrap.main .mainBoard .newsWrap .newsCont .newsList {
    border-top: 1px solid #404041;
    border-bottom: 1px solid #404041;
  }
  #wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems {
    padding: 15rem 0;
    flex-direction: column;
    justify-content: flex-start;
    border-bottom: 1px solid #404041;
  }
  #wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems .newsBox {
    flex-direction: column;
    align-items: flex-start;
  }
  #wrap.main
    .mainBoard
    .newsWrap
    .newsCont
    .newsList
    .newsItems
    .newsBox
    .newsDate {
    width: auto;
    font-size: 14rem;
  }
  #wrap.main
    .mainBoard
    .newsWrap
    .newsCont
    .newsList
    .newsItems
    .newsBox
    .newsTag {
    margin-top: 20rem;
    margin-right: 0;
    width: 78rem;
    height: 25rem;
    font-size: 14rem;
    letter-spacing: -0.14rem;
  }
  #wrap.main
    .mainBoard
    .newsWrap
    .newsCont
    .newsList
    .newsItems
    .newsBox
    .newsLink {
    margin-top: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    white-space: wrap;
  }
  #wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems .newsImg {
    display: none;
  }
  #wrap.main .mainBoard .newsWrap .newsCont .newsList .newsItems:last-of-type {
    border-bottom: 0;
  }
  #wrap.main
    .mainBoard
    .newsWrap
    .newsCont
    .newsList
    .newsItems:hover
    .newsImg {
    display: none;
  }
  #wrap.main .mainBoard .eventWrap {
    padding: 35rem 20rem;
  }
  #wrap.main .mainBoard .eventWrap .eventTop {
    padding: 0;
    align-items: flex-end;
  }
  #wrap.main .mainBoard .eventWrap .eventTop .eventSubject {
    padding-left: 17rem;
    font-size: 13rem;
  }
  #wrap.main .mainBoard .eventWrap .eventTop .eventSubject::before {
    width: 10rem;
    height: 10rem;
  }
  #wrap.main .mainBoard .eventWrap .eventTop .viewBtn {
    width: 74rem;
    height: 37rem;
  }
  #wrap.main .mainBoard .eventWrap .eventTop .viewBtn img {
    object-fit: contain;
  }
  #wrap.main .mainBoard .eventWrap .eventCont {
    margin-top: 30rem;
    padding: 0;
  }
  #wrap.main .mainBoard .eventWrap .eventCont .eventWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList {
    width: 100%;
    min-height: unset;
    padding-right: 0;
    border-right: 0;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 20rem;
  }
  #wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList a .img {
    height: 213rem;
  }
  #wrap.main
    .mainBoard
    .eventWrap
    .eventCont
    .eventWrapper
    .eventList
    a
    .img
    img {
    width: 100%;
    height: 100%;
  }
  #wrap.main .mainBoard .eventWrap .eventCont .eventWrapper .eventList a .text {
    padding: 20rem 0;
    margin-top: 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main
    .mainBoard
    .eventWrap
    .eventCont
    .eventWrapper
    .eventList
    a:hover
    .img {
    border-radius: 0;
  }
  #wrap.main
    .mainBoard
    .eventWrap
    .eventCont
    .eventWrapper
    .eventList:last-of-type {
    margin-bottom: 0;
    border-right: 0;
    border-bottom: 0;
  }
  #wrap.main .mainBoard .movieWrap {
    padding: 35rem 20rem 70rem;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieSubject {
    padding-left: 17rem;
    font-size: 13rem;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieSubject::before {
    width: 10rem;
    height: 10rem;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box {
    margin-top: 20rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieSelect_wrap {
    width: 100%;
    position: relative;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTit {
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieSelect {
    margin-top: 30rem;
    padding: 0 30rem 0 15rem;
    height: 45rem;
    font-size: 15rem;
    line-height: 1.1;
    font-weight: 500;
    color: #404041;
    border-radius: 10rem;
    border: 1px solid #404041;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieSelect::after {
    right: 15rem;
    width: 12rem;
    height: 6rem;
    background: url(/eng/images/contents/arrow_down_gray.svg) center center
      no-repeat;
    background-size: 100%;
    transform: translateY(-50%) rotate(0);
    top: 50%;
    content: "";
    position: absolute;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieSelect.active {
    border-radius: 10rem 10rem 0 0;
    border-bottom: 0;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .movieTop
    .movieTop_box
    .movieSelect.active::after {
    transform: translateY(-50%) rotate(180deg);
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab {
    padding: 15rem 0;
    top: 75rem;
    left: 0;
    width: 100%;
    border: 1px solid #404041;
    border-top: 0;
    border-radius: 0 0 10rem 10rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    z-index: 1;
    background: #fff;
    display: none;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab a {
    padding: 10rem 15rem;
    border-radius: 0;
    height: auto;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    border: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-right: 0;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .movieTop
    .movieTop_box
    .movieTab
    a:last-of-type {
    margin-right: 0;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab a:hover,
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab a.active {
    background: transparent;
    color: #b1005d;
  }
  #wrap.main .mainBoard .movieWrap .movieTop .movieTop_box .movieTab::after {
    top: 0;
    left: 50%;
    width: calc(100% - 30rem);
    height: 1rem;
    background: #404041;
    transform: translateX(-50%);
    position: absolute;
    content: "";
  }
  #wrap.main .mainBoard .movieWrap .moiveContainer {
    margin-top: 30rem;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .moiveContainer
    .movieInner
    .movieCont
    .movieList
    .movieBox {
    width: 100%;
    height: 320rem;
    margin: 0 0 20rem 0;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .moiveContainer
    .movieInner
    .movieCont
    .movieList
    .movieBox
    img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .moiveContainer
    .movieInner
    .movieCont
    .movieList
    .movieBox
    .movieText {
    bottom: 20rem;
    padding: 0 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .moiveContainer
    .movieInner
    .movieCont
    .movieList
    .movieBox.active {
    width: 100%;
    border-radius: 0;
  }
  #wrap.main
    .mainBoard
    .movieWrap
    .moiveContainer
    .movieInner
    .movieCont
    .movieList
    .movieBox.notActive {
    width: 100%;
    border-radius: 0;
  }
  #wrap.main .mainBoard .movieWrap .moiveContainer .movieInner .moreBtn a {
    border-radius: 10rem;
    font-size: 15rem;
    height: 50rem;
  }
  #wrap.main .supportWrap {
    border-top: 10rem solid #000;
    padding: 0 20rem;
  }
  #wrap.main .supportWrap .supportTop {
    padding-top: 30rem;
  }
  #wrap.main .supportWrap .supportTop .supportSubject {
    padding-left: 17rem;
    font-size: 13rem;
  }
  #wrap.main .supportWrap .supportTop .supportSubject::before {
    width: 10rem;
    height: 10rem;
  }
  #wrap.main .supportWrap .supportTop .supportTit {
    margin-top: 20rem;
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.main .supportWrap .supportCont {
    margin-top: 50rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  #wrap.main .supportWrap .supportCont .supportImg {
    width: 320rem;
    padding-right: 0;
  }
  #wrap.main .supportWrap .supportCont .supportImg img {
    width: 100%;
    height: 172rem;
  }
  #wrap.main .supportWrap .supportCont .supportList {
    margin-top: 50rem;
    width: 100%;
    height: auto;
    border-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #wrap.main .supportWrap .supportCont .supportList a {
    height: 47rem;
    padding: 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.main .supportWrap .supportCont .supportList a:first-of-type {
    border-top: 1px solid #404041;
  }
  #wrap.main .supportWrap .supportCont .supportList a svg {
    width: 10rem;
    height: 10rem;
  }
  #wrap.member {
    padding-top: 125rem;
    /* 아이디/비밀번호 찾기 */
    /* 회원가입 */
  }
  #wrap.member .title__box {
    padding-bottom: 50rem;
  }
  #wrap.member .title__box .eng {
    font-size: 35rem;
  }
  #wrap.member .title__box .kor {
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.member .contents {
    width: 100%;
    padding: 0 20rem 100rem;
    margin: 0 auto;
  }
  #wrap.member .contents .userWrap form + form {
    border-top: 1rem solid #404041;
    margin-top: 40rem;
  }
  #wrap.member .contents .userWrap .input {
    padding: 30rem 0;
  }
  #wrap.member .contents .userWrap .input label {
    height: 45rem;
    line-height: 45rem;
    font-size: 15rem;
  }
  #wrap.member .contents .userWrap .input label + label {
    margin-top: 20rem;
  }
  #wrap.member .contents .userWrap .input label span {
    display: inline-block;
    width: 77rem;
  }
  #wrap.member .contents .userWrap .input label .textInput {
    width: calc(100% - 77rem);
    height: 100%;
    border-radius: 15rem;
    background-color: #fff;
    padding: 0 20rem;
    cursor: text;
  }
  #wrap.member .contents .userWrap .submit {
    height: 50rem;
    border-radius: 10rem;
    font-size: 15rem;
  }
  #wrap.member .contents .userWrap .submit.type2 {
    background-color: #b1005d;
  }
  #wrap.member .contents .userWrap .clickWrap {
    border-top: 1rem solid #404041;
    border-bottom: 1rem solid #404041;
    margin-top: 50rem;
    font-size: 15rem;
  }
  #wrap.member .contents .userWrap .clickWrap a {
    height: 50rem;
    line-height: 50rem;
  }
  #wrap.member .contents .userWrap .clickWrap a svg {
    width: 12rem;
    height: 12rem;
  }
  #wrap.member.search .userWrap .input label + label {
    margin-top: 20rem;
  }
  #wrap.member.join .userWrap .privacyWrap {
    padding: 30rem 0 15rem;
    font-size: 15rem;
    font-weight: 300;
  }
  #wrap.member.join .userWrap .privacyWrap > p {
    font-size: 16rem;
  }
  #wrap.member.join .userWrap .privacyWrap .box {
    border-radius: 10rem;
    margin-top: 15rem;
    padding: 20rem;
    height: 200rem;
    letter-spacing: -0.15rem;
  }
  #wrap.member.join .userWrap .privacyWrap .box p + p {
    margin-top: 20rem;
  }
  #wrap.member.join .userWrap .privacyWrap .box p.tit {
    font-size: 15rem;
  }
  #wrap.member.join .userWrap .privacyWrap .btnBox {
    margin-top: 15rem;
    justify-content: space-between;
  }
  #wrap.member.join .userWrap .privacyWrap .btnBox a {
    margin-left: 15rem;
  }
  #wrap.member.join .userWrap .agreeWrap {
    padding: 15rem 0 30rem;
    font-size: 15rem;
    font-weight: 300;
  }
  #wrap.member.join .userWrap .agreeWrap > p {
    font-size: 16rem;
  }
  #wrap.member.join .userWrap .agreeWrap .box {
    border-radius: 10rem;
    margin-top: 15rem;
    padding: 20rem;
    height: 200rem;
    letter-spacing: -0.15rem;
  }
  #wrap.member.join .userWrap .agreeWrap .box p + p {
    margin-top: 20rem;
  }
  #wrap.member.join .userWrap .agreeWrap .box p.tit {
    font-size: 15rem;
  }
  #wrap.member.join .userWrap .agreeWrap .btnBox {
    margin-top: 15rem;
    justify-content: space-between;
  }
  #wrap.member.join .userWrap .agreeWrap .btnBox a {
    margin-left: 15rem;
  }
  #wrap.member.join .userWrap .input li {
    width: 100%;
  }
  #wrap.member.join .userWrap .input li + li {
    margin-top: 20rem;
  }
  #wrap.member.join .userWrap .input li.idWrap label {
    margin-right: 0;
    width: 100%;
  }
  #wrap.member.join .userWrap .input li.idWrap label .textInput {
    width: calc(100% - 100rem);
    border-radius: 10rem;
  }
  #wrap.member.join .userWrap .input li.idWrap a {
    font-size: 15rem;
    margin-top: 20rem;
    width: 100%;
    border-radius: 10rem;
    height: 45rem;
    line-height: 45rem;
  }
  #wrap.member.join .userWrap .input li label {
    width: 100%;
  }
  #wrap.member.join .userWrap .input li label span {
    width: 100rem;
  }
  #wrap.member.join .userWrap .input li label .textInput {
    width: calc(100% - 100rem);
    border-radius: 10rem;
  }
  #wrap.terms_privacy {
    padding-top: 95rem;
  }
  #wrap.terms_privacy .topArea {
    padding-bottom: 30rem;
  }
  #wrap.terms_privacy .topArea .title__box {
    width: 100%;
    padding-bottom: 0;
  }
  #wrap.terms_privacy .topArea .title__box .eng {
    font-size: 35rem;
  }
  #wrap.terms_privacy .topArea .topSelect {
    margin-top: 30rem;
    width: 100%;
    padding: 0 20rem;
    margin-right: 0;
    margin-bottom: 0;
    position: relative;
  }
  #wrap.terms_privacy .topArea .topSelect .topSelect_tit {
    height: auto;
    padding: 14rem 35rem 14rem 15rem;
    font-size: 15rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #wrap.terms_privacy .topArea .topSelect .topSelect_tit::after {
    top: 20rem;
    right: 15rem;
    width: 10rem;
    height: 5rem;
  }
  #wrap.terms_privacy .topArea .topSelect .topSelect_list {
    padding: 20rem 15rem;
    top: 45rem;
    left: 20rem;
    width: calc(100% - 40rem);
  }
  #wrap.terms_privacy .topArea .topSelect .topSelect_list li {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.terms_privacy .topArea .topSelect .topSelect_list li + li {
    margin-top: 20rem;
  }
  #wrap.terms_privacy .tp_cont {
    padding: 0 20rem;
  }
  #wrap.terms_privacy .tp_cont .tp_topText {
    padding: 30rem 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_tit {
    font-size: 15rem;
    min-height: 57rem;
    height: auto;
    padding: 20rem 20rem 20rem 0;
    letter-spacing: -0.15rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_tit::before {
    width: 10rem;
    height: 5rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail {
    padding: 30rem 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail p {
    margin-bottom: 30rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail .deTit {
    display: block;
    margin-bottom: 15rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li {
    padding-left: 15rem;
    position: relative;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li a {
    display: inline-block;
    border-bottom: 1px solid #404041;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li + li {
    margin-top: 10rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul li::before {
    top: 6rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul + .deTit {
    margin-top: 30rem;
  }
  #wrap.terms_privacy .tp_cont .tp_list .tp_items_detail ul + p {
    margin-top: 15rem;
  }
  #wrap.company {
    /* overview */
    /* history */
    /* location */
  }
  #wrap.company .overview .visual {
    padding-top: 15rem;
  }
  #wrap.company .overview .visual_img {
    height: 300rem;
  }
  #wrap.company .overview .visual_img img.pc {
    display: none;
  }
  #wrap.company .overview .visual_img img.mo {
    display: block;
  }
  #wrap.company .overview .visual_text {
    padding: 50rem 20rem;
    background: url(/eng/images/contents/overview_visual_icon.svg) right 20rem
      top 52rem no-repeat;
    background-size: 40rem;
  }
  #wrap.company .overview .visual_text p {
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.company .overview .visual_text span {
    margin-top: 30rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.company .overview .ov_tit {
    font-size: 20rem;
  }
  #wrap.company .overview .about {
    padding: 50rem 20rem;
    align-items: flex-start;
    flex-direction: column;
  }
  #wrap.company .overview .about .about_box {
    margin-top: 30rem;
    width: 100%;
  }
  #wrap.company .overview .about .about_box .about_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #wrap.company .overview .about .about_box .about_list .about_items {
    width: 100%;
    padding-left: 0;
    margin-top: 40rem;
  }
  #wrap.company .overview .about .about_box .about_list .about_items p {
    padding-left: 18rem;
    font-size: 15rem;
  }
  #wrap.company .overview .about .about_box .about_list .about_items p::before {
    width: 8rem;
    height: 8rem;
  }
  #wrap.company .overview .about .about_box .about_list .about_items > b {
    margin-top: 15rem;
    font-size: 35rem;
    letter-spacing: -2.1rem;
    border-right: 0;
  }
  #wrap.company .overview .about .about_box .about_list .about_items > sub {
    margin-top: 15rem;
    font-size: 35rem;
    letter-spacing: -2.1rem;
    border-right: 0;
  }
  #wrap.company .overview .about .about_box .about_list .about_items > sub b {
    font-weight: 500;
  }
  #wrap.company
    .overview
    .about
    .about_box
    .about_list
    .about_items
    > sub
    span {
    font-size: 15rem;
    margin-left: 5rem;
    margin-bottom: 5rem;
  }
  #wrap.company
    .overview
    .about
    .about_box
    .about_list
    .about_items:first-of-type {
    margin-top: 0;
  }
  #wrap.company .overview .about .about_box .about_info ul li {
    flex-direction: column;
    padding: 10rem 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.company .overview .about .about_box .about_info ul li b {
    width: 100%;
  }
  #wrap.company .overview .about .about_box .about_info ul li span {
    margin-top: 10rem;
    width: 100%;
  }
  #wrap.company .overview .core {
    padding: 50rem 20rem 0;
  }
  #wrap.company .overview .core .coreTop {
    flex-direction: column;
  }
  #wrap.company .overview .core .coreTop span {
    margin-top: 30rem;
    width: 100%;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.company .overview .core .core_list {
    margin: 50rem auto 0;
    width: 300rem;
    height: 1124rem;
    padding: 60rem 0 57rem 0;
    background: url(/wp-content/uploads/2025/07/overview_core_bg.svg) center
      center no-repeat;
    background-size: 100% 100%;
    flex-direction: column;
  }
  #wrap.company .overview .core .core_list .core_items {
    height: auto;
  }
  #wrap.company .overview .core .core_list .core_items:nth-of-type(1) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 100rem;
  }
  #wrap.company .overview .core .core_list .core_items:nth-of-type(2) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 121rem;
  }
  #wrap.company .overview .core .core_list .core_items:nth-of-type(3) {
    width: 100%;
    margin-right: 0;
    margin-bottom: 102rem;
  }
  #wrap.company .overview .core .core_list .core_items:nth-of-type(4) {
    width: 100%;
  }
  #wrap.company .overview .core .core_list .core_items .core_img {
    width: 50rem;
    height: 50rem;
  }
  #wrap.company .overview .core .core_list .core_items .core_txt {
    margin-top: 10rem;
  }
  #wrap.company .overview .core .core_list .core_items .core_txt b {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.company .overview .core .core_list .core_items .core_txt p {
    font-size: 20rem;
  }
  #wrap.company .overview .core .core_list .core_items .core_txt span {
    margin-top: 10rem;
    font-size: 14rem;
  }
  #wrap.company.history .boxWrap {
    padding-top: 20rem;
    padding-bottom: 20rem;
    background-color: #fff;
  }
  #wrap.company.history .boxWrap .box {
    background-color: #fff;
  }
  #wrap.company.history .boxWrap .box .area {
    padding: 20rem 0 0;
  }
  #wrap.company.history .boxWrap .box .area .year {
    width: 94rem;
    margin-top: 0;
    text-align: left;
    padding-right: 10rem;
  }
  #wrap.company.history .boxWrap .box .area .year p {
    font-size: 35rem;
  }
  #wrap.company.history .boxWrap .box .area .year span {
    font-size: 15rem;
    padding-left: 10rem;
  }
  #wrap.company.history .boxWrap .box .area .year span::before {
    content: "";
    position: absolute;
    left: 5rem;
    top: 2rem;
    height: 18rem;
    width: 1rem;
    background-color: #404041;
    transform: rotate(30deg);
  }
  #wrap.company.history .boxWrap .box .area .info {
    width: calc(100% - 104rem);
    padding-left: 25rem;
    padding-top: 4rem;
    position: relative;
  }
  #wrap.company.history .boxWrap .box .area .info::before {
    content: "";
    position: absolute;
    left: -4.5rem;
    top: 8rem;
    width: 10rem;
    height: 10rem;
  }
  #wrap.company.history .boxWrap .box .area .info::after {
    height: calc(100% - 8rem);
  }
  #wrap.company.history .boxWrap .box .area .info .title {
    font-size: 20rem;
    margin-bottom: 26rem;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap {
    margin-top: 30rem;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap .info_year {
    font-size: 20rem;
    letter-spacing: -0.2rem;
    margin-bottom: 15rem;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap ul li {
    letter-spacing: -0.2rem;
    position: relative;
    padding-left: 40rem;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap ul li span {
    width: 40rem;
    position: absolute;
    left: 0;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap ul li p + p {
    margin-top: 10rem;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap ul li + li {
    margin-top: 11rem;
  }
  #wrap.company.history .boxWrap .box .area .info .textWrap + .textWrap {
    border-top: 1rem solid #d4d4d4;
    padding-top: 30rem;
  }
  #wrap.company.history .boxWrap .box .area + .area {
    padding-top: 90rem;
  }
  #wrap.company.history .boxWrap .box .area + .area .info::after {
    height: calc(100% + 102rem);
  }
  #wrap.company.history .boxWrap .box .area:last-child {
    padding-bottom: 90rem;
  }
  #wrap.company .location .visual {
    height: 200rem;
  }
  #wrap.company .location .visual img.pc {
    display: none;
  }
  #wrap.company .location .visual img.mo {
    display: block;
  }
  #wrap.company .location .tabMenuWrap {
    padding: 30rem 20rem;
    position: relative;
    z-index: 1;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul {
    width: 100%;
    position: relative;
    z-index: 1;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li {
    margin-right: 0;
    overflow: hidden;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li.tabMenu_items {
    position: absolute;
    top: 44rem;
    height: 45rem;
    left: 0;
    width: 100%;
    border-radius: 0;
    display: none;
  }
  #wrap.company
    .location
    .tabMenuWrap
    .tabMenu
    ul
    li.tabMenu_items
    + .tabMenu_items {
    top: 88rem;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li:last-of-type {
    border-radius: 0 0 10rem 10rem;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li a {
    border: 0;
    padding: 0 15rem;
    height: 100%;
    justify-content: flex-start;
    min-width: unset;
    font-size: 15rem;
    border-radius: 0;
    color: #fff;
    background: #404041;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li a.active {
    color: #fe0085;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li.mo_select {
    padding: 0 30rem 0 15rem;
    height: 45rem;
    font-size: 15rem;
    border-radius: 10rem;
    line-height: 1.1;
    font-weight: 500;
    color: #fff;
    background: #404041;
    display: block;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    top: 0;
    left: 0;
    position: relative;
    cursor: pointer;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li.mo_select::after {
    top: 50%;
    right: 15rem;
    width: 10rem;
    height: 5rem;
    margin-top: -2.5rem;
    background: url(/eng/images/contents/arrow_down_white.svg) center center
      no-repeat;
    background-size: 100% 100%;
    content: "";
    position: absolute;
    transform: rotate(0);
    transition: transform 0.3s ease;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li.mo_select.active {
    border-radius: 10rem 10rem 0 0;
  }
  #wrap.company .location .tabMenuWrap .tabMenu ul li.mo_select.active::after {
    transform: rotate(180deg);
  }
  #wrap.company .location .location_list {
    padding: 30rem 20rem 0;
  }
  #wrap.company .location .location_list .location_items + .location_items {
    margin-top: 50rem;
  }
  #wrap.company .location .location_list .location_items .location_tit {
    font-size: 18rem;
    letter-spacing: -0.18rem;
  }
  #wrap.company .location .location_list .location_items .location_box {
    margin-top: 20rem;
    flex-direction: column;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info {
    padding-top: 0;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_adr {
    margin-bottom: 20rem;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_num {
    flex-direction: column;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_num
    sub {
    font-size: 15rem;
    letter-spacing: -0.15rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_num
    sub
    + sub {
    margin-top: 15rem;
    margin-left: 0;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_num
    sub
    b {
    padding-left: 20rem;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_num
    sub
    b::before {
    left: 0;
    width: 10rem;
    height: 10rem;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_info
    .info_num
    sub
    span {
    margin-top: 5rem;
    margin-left: 20rem;
  }
  #wrap.company
    .location
    .location_list
    .location_items
    .location_box
    .location_btn {
    margin-top: 30rem;
    width: 100%;
    height: 50rem;
    line-height: 50rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.company .location .location_list .location_items .location_map {
    margin-top: 30rem;
    height: 200rem;
  }
  #wrap.products {
    /* 제품소개 */
    /* 제품소개 > 제품 리스트 */
    /* 제품소개 > 제품 뷰페이지 */
  }
  #wrap.products .tabMenuWrap {
    border-bottom: 0;
    padding-bottom: 0;
    font-weight: 500;
    letter-spacing: -0.15rem;
    line-height: 1.1;
    position: relative;
    z-index: 1;
  }
  #wrap.products .tabMenuWrap .tabMenu {
    position: relative;
  }
  #wrap.products .tabMenuWrap .tabMenu_mo_sel {
    display: flex;
  }
  #wrap.products .tabMenuWrap .tabMenu_mo_sel.active {
    border-radius: 10rem 10rem 0 0;
  }
  #wrap.products .tabMenuWrap .tabMenu_list {
    width: 100%;
    position: absolute;
    top: 45rem;
    border-radius: 0 0 10rem 10rem;
    background: #404041;
    padding: 15rem;
    flex-direction: column;
    z-index: 2;
    display: none;
    font-size: 15rem;
  }
  #wrap.products .tabMenuWrap .tabMenu_list::before {
    width: calc(100% - 20rem);
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1rem;
  }
  #wrap.products .tabMenuWrap .tabMenu_list li {
    margin-bottom: 15rem;
    margin-right: 0;
  }
  #wrap.products .tabMenuWrap .tabMenu_list li:last-of-type {
    margin-bottom: 0;
  }
  #wrap.products .tabMenuWrap .tabMenu_list li a {
    color: #fff;
  }
  #wrap.products .tabMenuWrap .tabMenu_list li:hover a,
  #wrap.products .tabMenuWrap .tabMenu_list li.active a {
    color: #fe0085;
  }
  #wrap.products .viewProduct {
    position: relative;
    height: auto;
  }
  #wrap.products .viewProduct img {
    height: 100%;
    object-fit: cover;
    min-height: 268rem;
  }
  #wrap.products .viewProduct a {
    position: absolute;
    top: 20rem;
    left: 40rem;
    background-color: #fff;
    width: calc(100% - 80rem);
    height: 45rem;
    padding: 12rem 20rem;
    font-size: 15rem;
    font-weight: 500;
  }
  #wrap.products .viewProduct a svg {
    width: 20rem;
    height: 20rem;
    min-height: 20rem;
    position: absolute;
    right: 20rem;
    bottom: auto;
    top: 12rem;
  }
  #wrap.products .viewProduct a:hover svg {
    transform: rotate(90deg);
  }
  #wrap.products .listWrap {
    padding-top: 50rem;
  }
  #wrap.products .listWrap .list .titleBox {
    margin-bottom: 20rem;
  }
  #wrap.products .listWrap .list .titleBox .title {
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.products .listWrap .list .titleBox .num {
    font-size: 18rem;
  }
  #wrap.products .listWrap .list + .list {
    margin-top: 60rem;
  }
  #wrap.products.introduce .list_area {
    padding: 0 20rem;
  }
  #wrap.products.introduce .list_area .list_tit {
    padding: 30rem 20rem;
    font-size: 20rem;
    letter-spacing: -0.2rem;
  }
  #wrap.products.introduce .list_area .list_tit::before {
    top: 37rem;
    width: 10rem;
    height: 10rem;
  }
  #wrap.products.introduce .list_area .list_inner {
    padding: 0 0 60rem;
  }
  #wrap.products.introduce .list_area .list_inner .inner_tit {
    font-size: 18rem;
    letter-spacing: -0.18rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_textBox {
    margin: 20rem 0 50rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_textBox p {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_textBox
    p
    .list_textBox__break-word {
    word-break: break-all;
  }
  #wrap.products.introduce .list_area .list_inner .list_textBox.mt0 {
    margin-top: 0;
  }
  #wrap.products.introduce .list_area .list_inner .list_textBox.mt30 {
    margin-top: 20rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_textBox.mb0 {
    margin-bottom: 0;
  }
  #wrap.products.introduce .list_area .list_inner .list_step {
    margin-bottom: 50rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.products.introduce .list_area .list_inner .list_step .stepBox {
    width: 100%;
    min-height: 230rem;
    height: auto;
    border-radius: 15rem;
    padding: 45rem 30rem;
    margin-top: 20rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
  }
  #wrap.products.introduce .list_area .list_inner .list_step .stepBox.first {
    margin-top: 0;
  }
  #wrap.products.introduce .list_area .list_inner .list_step .stepBox.first p {
    font-size: 25rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_step .stepBox.second p {
    font-size: 20rem;
    margin-bottom: 50rem;
    letter-spacing: -0.2rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_step
    .stepBox.second
    ul {
    width: 100%;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_step
    .stepBox.second
    ul
    li {
    padding-left: 15rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_step
    .stepBox.second
    ul
    li::before {
    width: 5rem;
    height: 5rem;
    top: 6rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_step
    .stepBox.second
    ul
    li
    + li {
    margin-top: 10rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_step
    .stepBox.second::before {
    top: -21rem;
    left: 50rem;
    width: 42rem;
    height: 84rem;
    transform: rotate(90deg);
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_step
    .stepBox.second::after {
    top: -11rem;
    left: 60rem;
    width: 22rem;
    height: 44rem;
    transform: rotate(90deg);
  }
  #wrap.products.introduce .list_area .list_inner .list_textItems {
    margin-top: 30rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_textItems ul {
    width: 100%;
  }
  #wrap.products.introduce .list_area .list_inner .list_textItems ul li b {
    padding-left: 15rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_textItems
    ul
    li
    b::before {
    width: 5rem;
    height: 5rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_textItems ul li span {
    padding-left: 15rem;
    margin-top: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_textItems ul li + li {
    margin-top: 20rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_systems {
    margin-top: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.products.introduce .list_area .list_inner .list_systems .system_tbl {
    padding-bottom: 30rem;
    width: 100%;
    overflow-x: auto;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl::-webkit-scrollbar {
    display: block;
    height: 2rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl::-webkit-scrollbar-thumb {
    background: #b1005d;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl::-webkit-scrollbar-track {
    background: #f4f4f4;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl
    table {
    border-bottom: 1rem solid #404041;
    width: 100%;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl
    table
    thead
    tr
    th {
    min-width: 186rem;
    font-size: 15rem;
    padding: 17rem 10rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl
    table
    tbody
    tr
    td {
    padding: 17rem 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    white-space: nowrap;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .system_tbl.ty2
    table
    tbody
    tr
    td {
    padding: 17rem 20rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_systems .systems_img {
    margin: 30rem auto 0;
    width: 100%;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .systems_img
    img {
    width: calc(50% - 5rem);
    height: auto;
    object-fit: cover;
    margin: 10rem 10rem 0 0;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .systems_img
    img:nth-of-type(1),
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .systems_img
    img:nth-of-type(2) {
    margin-top: 0;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .systems_img
    img:nth-of-type(2n) {
    margin-right: 0;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_systems
    .systems_img.type2
    img {
    height: auto;
  }
  #wrap.products.introduce .list_area .list_inner .inner_fire {
    margin-top: 30rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.products.introduce .list_area .list_inner .inner_fire .inner_fire_img {
    width: 100%;
    height: auto;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .inner_fire
    .inner_fire_img
    .inner_fire_img_btn {
    display: block;
  }
  #wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint {
    margin-top: 60rem;
    width: 100%;
    position: relative;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .inner_fire
    .keyPoint::before {
    display: none;
  }
  #wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint p {
    font-size: 15rem;
    line-height: 47rem;
  }
  #wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint ul {
    padding: 20rem;
  }
  #wrap.products.introduce .list_area .list_inner .inner_fire .keyPoint ul li {
    padding-left: 15rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .inner_fire
    .keyPoint
    ul
    li::before {
    top: 6rem;
    width: 5rem;
    height: 5rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .inner_fire
    .keyPoint
    ul
    li
    + li {
    margin-top: 15rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_water + .list_water {
    margin-top: 30rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_water .water_tit {
    font-size: 15rem;
    letter-spacing: -0.15rem;
    height: 47rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_water .water_txt {
    padding: 20rem 0 30rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.introduce .list_area .list_inner .list_water .list_water_box {
    padding-top: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_left {
    width: 100%;
    height: 320rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_left
    .list_water_img {
    width: 200rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_left
    .list_water_img
    img {
    width: 100%;
    object-fit: cover;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_right {
    margin-top: 20rem;
    margin-left: 0;
    padding: 50rem 30rem 30rem;
    width: 100%;
    height: auto;
    background: #f4f4f4;
    position: relative;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_right
    .list_water_img {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_right
    .list_water_img
    img {
    max-width: 100%;
    object-fit: cover;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_right
    .list_water_img
    img:nth-of-type(1) {
    width: 170rem;
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_right
    .list_water_img
    img:nth-of-type(2) {
    margin: 30rem 0;
    width: 22rem;
    transform: rotate(90deg);
  }
  #wrap.products.introduce
    .list_area
    .list_inner
    .list_water
    .list_water_box
    .list_water_right
    .list_water_img
    img:nth-of-type(3) {
    width: 260rem;
  }
  #wrap.products.board_list .productLinkWrap {
    margin-top: 30rem;
  }
  #wrap.products.board_list .productLinkWrap > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20rem;
  }
  #wrap.products.board_list .productLinkWrap > li .imgWrap {
    height: 300rem;
    background-color: #d9d9d9;
  }
  #wrap.products.board_list .productLinkWrap > li .textWrap {
    height: auto;
    padding: 20rem;
    line-height: 1.1;
    background-size: 7rem;
    background-position: right 20rem top 24rem;
  }
  #wrap.products.board_list .productLinkWrap > li .textWrap p {
    font-size: 20rem;
    height: auto;
    font-weight: 500;
    margin-bottom: 10rem;
  }
  #wrap.products.board_list .productLinkWrap > li .textWrap span {
    font-size: 15rem;
  }
  #wrap.products.board_list .productLinkWrap > li:nth-child(4n) {
    margin-right: 0;
  }
  #wrap.products.board_list .productLinkWrap > li:nth-last-of-type(1),
  #wrap.products.board_list .productLinkWrap > li:nth-last-of-type(2),
  #wrap.products.board_list .productLinkWrap > li:nth-last-of-type(3),
  #wrap.products.board_list .productLinkWrap > li:nth-last-of-type(4) {
    margin-bottom: 20rem;
  }
  #wrap.products.board_list .productLinkWrap > li:last-of-type {
    margin-bottom: 0;
  }
  #wrap.products.board_list .productLinkWrap > li:hover .textWrap {
    background-color: #404041;
    color: #fff;
    background-position: right 20rem top 24rem;
  }
  #wrap.products.board_list .productLinkWrap > li:hover .textWrap p {
    font-weight: 300;
  }
  #wrap.products.board_list .productLinkWrap > li:hover .textWrap span {
    color: #fff;
    font-weight: 200;
  }
  #wrap.products.board_view .p__title {
    font-weight: 600;
  }
  #wrap.products.board_view .title__box {
    border-bottom: 1rem solid #404041;
    padding-bottom: 30rem;
  }
  #wrap.products.board_view .title__box .kor {
    font-size: 30rem;
    font-weight: 600;
    text-overflow: unset;
    white-space: unset;
    -webkit-line-clamp: unset;
  }
  #wrap.products.board_view .title__box .kor br {
    display: none;
  }
  #wrap.products.board_view .productInfo {
    padding-top: 30rem;
    flex-direction: column;
    align-items: flex-start;
  }
  #wrap.products.board_view .productInfo .thumbnailWrap {
    width: 100%;
    max-width: 320rem;
    margin: 0 auto;
    padding-right: 0;
  }
  #wrap.products.board_view .productInfo .thumbnailWrap .imgWrap {
    border: 1rem solid #999999;
    width: calc(50% - 5rem);
    margin-right: 10rem;
    margin-bottom: 10rem;
    height: 119rem;
  }
  #wrap.products.board_view .productInfo .thumbnailWrap .imgWrap img {
    height: 100%;
    object-fit: cover;
  }
  #wrap.products.board_view .productInfo .thumbnailWrap .imgWrap:first-child {
    width: 100%;
    height: auto !important;
  }
  #wrap.products.board_view
    .productInfo
    .thumbnailWrap
    .imgWrap:nth-child(2n-1) {
    margin-right: 0;
  }
  #wrap.products.board_view
    .productInfo
    .thumbnailWrap
    .imgWrap:nth-last-of-type(1),
  #wrap.products.board_view
    .productInfo
    .thumbnailWrap
    .imgWrap:nth-last-of-type(2) {
    margin-bottom: 0;
  }
  #wrap.products.board_view .productInfo .thumbnailWrap.type2 .imgWrap {
    height: 248rem;
  }
  #wrap.products.board_view .productInfo .textWrap {
    margin-top: 30rem;
    width: 100%;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.products.board_view .productInfo .textWrap .s_txt {
    font-size: 13rem;
    padding-left: 17rem;
  }
  #wrap.products.board_view .productInfo .textWrap .s_txt::before {
    width: 10rem;
    height: 10rem;
  }
  #wrap.products.board_view .productInfo .textWrap .p_titleWrap {
    line-height: 1.1;
    padding: 20rem 0 30rem;
    border-bottom: 1rem solid #999999;
  }
  #wrap.products.board_view .productInfo .textWrap .p_titleWrap .p_title {
    font-size: 25rem;
  }
  #wrap.products.board_view .productInfo .textWrap .p_spec {
    padding: 30rem 0;
    line-height: 1.1;
  }
  #wrap.products.board_view .productInfo .textWrap .p_spec .box {
    position: relative;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    word-break: break-all;
  }
  #wrap.products.board_view .productInfo .textWrap .p_spec .box .p__title {
    position: relative;
    left: 0;
    width: 150rem;
    min-width: 52rem;
    margin-right: 20rem;
    flex-shrink: 0;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_spec
    .box
    .p__title.tit_communication
    br {
    display: inline;
  }
  #wrap.products.board_view .productInfo .textWrap .p_spec .box + .box {
    margin-top: 10rem;
  }
  #wrap.products.board_view .productInfo .textWrap .p_download {
    padding-bottom: 30rem;
    font-size: 15rem;
    font-weight: 200;
    border-bottom: 1rem solid #999999;
    letter-spacing: -0.15rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_download
    .p_download_inner {
    display: grid;
    max-width: 401rem;
    gap: 10rem;
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_download
    .p_download_inner
    a {
    margin-bottom: 0;
    height: 45rem;
    width: auto;
    line-height: 45rem;
    padding-left: 10rem;
    margin-right: 0;
    background-image: url("/eng/images/contents/download_icon.svg");
    background-repeat: no-repeat;
    background-size: 16rem;
    background-position: right 10rem center;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_download
    .p_download_inner
    a:last-child {
    margin-bottom: 0;
  }
  #wrap.products.board_view .productInfo .textWrap .p_usage .p__title {
    font-size: 18rem;
    margin-top: 30rem;
    margin-bottom: 15rem;
  }
  #wrap.products.board_view .productInfo .textWrap .p_usage .iconWrap {
    margin-top: 30rem;
    font-size: 16rem;
    letter-spacing: -0.16rem;
  }
  #wrap.products.board_view .productInfo .textWrap .p_usage .iconWrap ul li {
    width: 65rem;
    text-align: center;
    margin-right: 10rem;
    margin-left: 10rem;
    margin-bottom: 20rem;
    font-size: 10rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li
    .img {
    width: 100%;
    height: 65rem;
    margin-bottom: 10rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-child(6n) {
    margin-right: 10rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-child(4n) {
    margin-right: 10rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-last-of-type(5),
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-last-of-type(6) {
    margin-bottom: 20rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-last-of-type(1),
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-last-of-type(2),
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-last-of-type(3),
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    .iconWrap
    ul
    li:nth-last-of-type(4) {
    margin-bottom: 30rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_usage
    #productUsage.text
    div
    > * {
    padding-left: 7rem;
    text-indent: -7rem;
  }
  #wrap.products.board_view .productInfo .textWrap .p_advantages {
    border-top: 1rem solid #999999;
  }
  #wrap.products.board_view .productInfo .textWrap .p_advantages .p__title {
    font-size: 18rem;
    margin-top: 30rem;
    margin-bottom: 15rem;
  }
  #wrap.products.board_view
    .productInfo
    .textWrap
    .p_advantages
    #productFeature.text
    > * {
    padding-left: 7rem;
    text-indent: -7rem;
  }
  #wrap.products.board_view .videoWrap {
    margin-top: 60rem;
  }
  #wrap.products.board_view .videoWrap .p__title {
    margin-bottom: 15rem;
  }
  #wrap.products.board_view .videoWrap .video {
    width: 100%;
    height: 180rem;
  }
  #wrap.products.board_view .videoWrap .video * {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #wrap.technology .r_title {
    font-size: 20rem;
    margin-bottom: 30rem;
  }
  #wrap.technology .contents .area {
    padding-top: 50rem;
  }
  #wrap.technology .contents .visual {
    padding-top: 15rem;
  }
  #wrap.technology .contents .visual .imgWrap img {
    height: 300rem;
  }
  #wrap.technology .contents .visual .textWrap {
    padding-top: 50rem;
    padding-bottom: 50rem;
    background-size: 40rem;
    background-position: right 20rem top 50rem;
  }
  #wrap.technology .contents .visual .textWrap .r_title {
    font-size: 20rem;
    letter-spacing: -0.2rem;
    font-weight: 600;
    padding-right: 50rem;
  }
  #wrap.technology .contents .visual .textWrap .r_title br.mo_block {
    display: block;
  }
  #wrap.technology .contents .visual .textWrap .sub {
    font-size: 15rem;
    letter-spacing: -0.15rem;
    font-weight: 400;
  }
  #wrap.technology .contents .visual .textWrap .sub br {
    display: none;
  }
  #wrap.technology .contents .vision .visionWrap {
    position: relative;
  }
  #wrap.technology .contents .vision .visionWrap .vision_pos {
    width: 320rem;
    height: 320rem;
    margin: 0 auto 50rem;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    position: relative;
  }
  #wrap.technology .contents .vision .visionWrap .vision_pos::before {
    width: calc(100% - 44rem);
    height: calc(100% - 44rem);
  }
  #wrap.technology .contents .vision .visionWrap .vision_pos img {
    height: 36rem;
  }
  #wrap.technology .contents .vision .visionWrap .vision_pos p {
    margin-top: 10rem;
    font-size: 18rem;
    letter-spacing: -0.18rem;
  }
  #wrap.technology .contents .vision .visionWrap .vision_list {
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  #wrap.technology .contents .vision .visionWrap .vision_list .vision_items {
    margin-bottom: 20rem;
    width: 100%;
    height: auto;
    padding: 70rem 50rem 30rem 30rem;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(1) {
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(2) {
    padding: 70rem 50rem 30rem 30rem;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(2)::before {
    top: 0;
    left: 0;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(2)
    .vision_items_num {
    top: 0;
    left: 0;
    right: auto;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(3) {
    margin-bottom: 20rem;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(3)::before {
    top: 0;
    bottom: auto;
    left: 0;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(3)
    .vision_items_num {
    top: 0;
    bottom: auto;
    left: 0;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(4) {
    padding: 70rem 50rem 30rem 30rem;
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(4)::before {
    top: 0;
    bottom: auto;
    left: 0;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items:nth-of-type(4)
    .vision_items_num {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items
    .vision_items_num {
    width: 50rem;
    height: 50rem;
    font-size: 20rem;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items
    .vision_items_tit {
    font-size: 18rem;
    letter-spacing: -0.18rem;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items
    .vision_items_txt {
    margin-top: 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.technology
    .contents
    .vision
    .visionWrap
    .vision_list
    .vision_items
    .vision_items_txt
    br {
    display: none;
  }
  #wrap.technology .contents .trends {
    padding-bottom: 50rem;
  }
  #wrap.technology .contents .trends .trendsWrap {
    flex-wrap: wrap;
    flex-direction: column;
  }
  #wrap.technology .contents .trends .numberWrap {
    width: 100%;
    height: 242rem;
    padding: 30rem;
  }
  #wrap.technology .contents .trends .numberWrap .topTxt {
    padding-left: 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.technology .contents .trends .numberWrap .topTxt::before {
    width: 10rem;
    height: 10rem;
  }
  #wrap.technology .contents .trends .numberWrap .num {
    position: absolute;
    top: auto;
    bottom: 70rem;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(0);
  }
  #wrap.technology .contents .trends .numberWrap .num p {
    font-size: 100rem;
    letter-spacing: -6rem;
    font-weight: 400;
    line-height: 1;
  }
  #wrap.technology .contents .trends .numberWrap .num span {
    margin-left: 5rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    font-weight: 400;
  }
  #wrap.technology .contents .trends .graph {
    width: 100%;
    margin-top: 20rem;
    height: 264rem;
  }
  #wrap.technology .contents .trends .graph .graphWrap {
    padding: 8rem 0 25rem 33rem;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphY {
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphY span {
    width: 28rem;
    margin-bottom: 31rem;
    font-size: 14rem;
    letter-spacing: -0.14rem;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphX {
    bottom: 0;
    padding: 0 0 0 5rem;
    left: 33rem;
    width: calc(100% - 33rem);
    justify-content: space-between;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphX span {
    min-width: 43rem;
    font-size: 13rem;
    letter-spacing: -0.14rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphX
    span:nth-of-type(2) {
    margin-left: 23rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphX
    span:nth-of-type(3) {
    margin-left: 8rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphX
    span:nth-of-type(4) {
    margin-left: 20rem;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphLine {
    padding-top: 8rem;
    top: 0;
    left: 33rem;
    width: calc(100% - 33rem);
    height: calc(100% - 24rem);
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphLine span {
    width: 100%;
    height: 2px;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphLine span svg {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
  }
  #wrap.technology .contents .trends .graph .graphWrap .graphCont {
    padding: 0 0 0 7rem;
    height: 230rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphCont
    .graphCont_items {
    width: 40rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphCont
    .graphCont_items
    .graphCont_point {
    padding: 10rem 5rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphCont
    .graphCont_items:nth-of-type(1)
    .graphCont_point {
    height: 46rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphCont
    .graphCont_items:nth-of-type(2)
    .graphCont_point {
    height: 32rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphCont
    .graphCont_items:nth-of-type(3)
    .graphCont_point {
    height: 161rem;
  }
  #wrap.technology
    .contents
    .trends
    .graph
    .graphWrap
    .graphCont
    .graphCont_items:nth-of-type(4)
    .graphCont_point {
    height: 55rem;
  }
  #wrap.technology .contents .division .boardWrap .boardListWrap {
    margin-top: 0;
  }
  #wrap.technology .contents .division .boardWrap .boardList {
    border-bottom: 1rem solid #404041;
    font-size: 15rem;
  }
  #wrap.technology .contents .division .boardWrap .boardList .year {
    width: 100%;
    text-align: left;
    border-right: 0;
    margin-bottom: 10rem;
    padding: 0;
    justify-content: flex-start;
  }
  #wrap.technology .contents .division .boardWrap .boardList .number {
    width: 100%;
    text-align: left;
    border-right: 0;
    margin-bottom: 10rem;
    padding: 0;
    justify-content: flex-start;
  }
  #wrap.technology .contents .division .boardWrap .boardList .name {
    width: 100%;
    text-align: left;
    border-left: 0;
    margin-top: 10rem;
    padding: 0;
    justify-content: flex-start;
  }
  #wrap.technology .contents .division .boardWrap .boardList .agency {
    width: 100%;
    text-align: left;
    border-left: 0;
    margin-top: 10rem;
    padding: 0;
    justify-content: flex-start;
  }
  #wrap.technology .contents .division .boardWrap .boardList .value {
    width: 100%;
    text-align: left;
    border-right: 0;
    margin-bottom: 10rem;
    padding: 0;
    justify-content: flex-start;
  }
  #wrap.technology .contents .division .boardWrap .boardList .info {
    width: 100%;
    padding: 0;
  }
  #wrap.technology .contents .division .boardWrap .boardList .boardTitle {
    display: none;
  }
  #wrap.technology .contents .division .boardWrap .boardList > ul {
    margin-top: 30rem;
    border-top: 1px solid #404041;
  }
  #wrap.technology .contents .division .boardWrap .boardList > ul > li {
    padding: 20rem 25rem 20rem 0;
    display: flex;
    flex-direction: column;
    height: auto;
    line-height: 1.1;
    border-bottom: 1px solid #d4d4d4;
  }
  #wrap.technology
    .contents
    .division
    .boardWrap
    .boardList
    > ul
    > li:last-of-type {
    border-bottom: 0;
  }
  #wrap.technology
    .contents
    .division
    .boardWrap
    .boardList
    > ul
    > li
    + li:not(.boardTitle) {
    border-top: 0;
  }
  #wrap.technology .contents .division .boardWrap .boardList.type2 .info {
    width: 100%;
  }
  #wrap.technology .contents .division .boardWrap .boardList.type3 .info {
    width: 100%;
  }
  #wrap.technology .contents .division .boardWrap .boardList.type4 .info {
    width: 100%;
  }
  #wrap.technology
    .contents
    .division
    .boardWrap
    .boardList.type4
    .valueWrap_items {
    margin-right: initial;
  }
  #wrap.customer {
    /* 제작시방서 + 특허·디자인·인증 */
    /* 펌프선정 프로그램 */
  }
  #wrap.customer .boardWrap .pager {
    padding-top: 30rem;
  }
  #wrap.customer.default .boardWrap .pager {
    padding-top: 30rem;
  }
  #wrap.customer.program .pageView {
    background-color: #f4f4f4;
    padding: 20rem 15rem;
  }
  #wrap.customer.program .pageView .page_inner {
    max-width: 290rem;
    width: 100%;
    margin: 0 auto;
    line-height: 1.1;
  }
  #wrap.customer.program .pageView .page_inner .textWrap {
    margin-top: 30rem;
  }
  #wrap.customer.program .pageView .page_inner .textWrap a {
    font-size: 15rem;
    padding: 15rem 0;
  }
  #wrap.customer.program .pageView .page_inner .textWrap a svg {
    width: 12rem;
    height: 12rem;
  }
  #wrap.customer.program .pageView .page_inner .textWrap a + a {
    border-top: 1rem solid #404041;
  }
  #wrap.customer.program .pageView .page_inner .bottom {
    max-width: 234rem;
    font-size: 13rem;
    margin-top: 15rem;
    font-weight: 300;
  }
  #wrap.contact .board__top .title__box {
    padding-bottom: 0;
  }
  #wrap.contact .contact_subtitle {
    margin-bottom: 15rem;
  }
  #wrap.contact .contact_subtitle p {
    font-size: 15rem;
  }
  #wrap.contact .contact_tab {
    font-size: 18rem;
    position: relative;
    z-index: 2;
  }
  #wrap.contact .contact_tab .contact_tab_select {
    display: flex;
  }
  #wrap.contact .contact_tab .contact_tab_select.active {
    border-radius: 10rem 10rem 0 0;
  }
  #wrap.contact .contact_tab .contact_list {
    position: absolute;
    top: 44rem;
    border-radius: 0 0 10rem 10rem;
    background: #404041;
    padding: 15rem;
    flex-direction: column;
    z-index: 2;
    display: none;
  }
  #wrap.contact .contact_tab .contact_list::before {
    width: calc(100% - 20rem);
    background: #fff;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 1rem;
  }
  #wrap.contact .contact_tab .contact_list .contact_items {
    margin-right: 0;
    margin-bottom: 15rem;
  }
  #wrap.contact .contact_tab .contact_list .contact_items:last-of-type {
    margin-bottom: 0;
  }
  #wrap.contact .contact_tab .contact_list .contact_items a {
    height: auto;
    min-width: unset;
    width: auto;
    border-radius: 0;
    padding: 0;
    border: 0;
    text-align: left;
    line-height: 1;
    font-size: 15rem;
    display: inline-flex;
    color: #fff;
  }
  #wrap.contact .contact_tab .contact_list .contact_items a:hover,
  #wrap.contact .contact_tab .contact_list .contact_items a.active {
    background-color: #404041;
    color: #fe0085;
    font-weight: 400;
  }
  #wrap.contact .contents .userWrap {
    flex-direction: column-reverse;
  }
  #wrap.contact .contents .userWrap .left {
    width: 100%;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_selector {
    min-height: 45rem;
    height: auto;
    padding: 14rem 30rem 14rem 15rem;
    font-size: 15rem;
    border-radius: 10rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_selector::after {
    width: 10rem;
    height: 5rem;
    top: 20rem;
    right: 15rem;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_selector.active {
    border-radius: 10rem 10rem 0 0;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_list {
    top: 44rem;
    padding: 15rem;
    border-radius: 0 0 10rem 10rem;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_list::after {
    width: calc(100% - 30rem);
  }
  #wrap.contact .contents .userWrap .left .user_select .user_list li + li {
    margin-top: 15rem;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_list li label {
    font-size: 15rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .user_select
    .user_list
    li
    label
    input:checked
    + i {
    background: #fff url(/eng/images/contents/checkbox_check_icon_2.svg) left
      top 1rem no-repeat;
    background-size: 11rem;
  }
  #wrap.contact .contents .userWrap .left .user_select .user_list li label i {
    width: 14rem;
    height: 14rem;
    margin-right: 14rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel {
    margin-bottom: 30rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-tit {
    width: 100%;
    height: 45rem;
    padding: 0 45rem 0 15rem;
    font-size: 15rem;
    border-radius: 10rem;
    letter-spacing: -0.15rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-tit::after {
    width: 10rem;
    height: 5rem;
    top: 20rem;
    right: 20rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list {
    top: 45rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list > ul {
    padding: 15rem 15rem 19rem;
    border-radius: 0 0 10rem 10rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list > ul::after {
    top: 0;
    width: calc(100% - 30rem);
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list > ul li + li {
    margin-top: 15rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list > ul li label {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .inquirySel-list
    > ul
    li
    label
    input[type="checkbox"]:checked
    + i {
    background: #fff url(/eng/images/contents/checkbox_check_icon_2.svg) left
      top 1rem no-repeat;
    background-size: 11rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list > ul li label i {
    width: 14rem;
    height: 14rem;
    margin-right: 14rem;
  }
  #wrap.contact .contents .userWrap .left .inquirySel-list > ul li > ul {
    padding: 11rem 0 0 28rem;
  }
  #wrap.contact .contents .userWrap .left .topWrap {
    font-size: 14rem;
    padding-bottom: 10rem;
  }
  #wrap.contact .contents .userWrap .left .topWrap .dotTxt::before {
    top: 5rem;
  }
  #wrap.contact .contents .userWrap .left .userInput {
    font-size: 15rem;
    padding: 30rem 0;
  }
  #wrap.contact .contents .userWrap .left .userInput .dotTxt::before {
    top: 7rem;
  }
  #wrap.contact .contents .userWrap .left .userInput > li + li {
    margin-top: 30rem;
  }
  #wrap.contact .contents .userWrap .left .userInput > li > p {
    margin-bottom: 15rem;
  }
  #wrap.contact .contents .userWrap .left .userInput input[type="text"],
  #wrap.contact .contents .userWrap .left .userInput input[type="tel"],
  #wrap.contact .contents .userWrap .left .userInput input[type="email"] {
    background-color: #fff;
    width: 100%;
    height: 45rem;
    border-radius: 10rem;
    padding: 0 15rem;
  }
  #wrap.contact .contents .userWrap .left .userInput textarea {
    width: 100%;
    height: 200rem;
    border-radius: 10rem;
    padding: 14rem 15rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .adrFirst label {
    margin-right: 10rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .adrFirst .zipCodeFind {
    width: 111rem;
    height: 45rem;
    border-radius: 10rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .adrFirst + .adrSec {
    margin-top: 10rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .adrFirst + .adrSec label {
    margin-right: 10rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .userInput
    .adrFirst
    + .adrSec
    label
    + label {
    margin-right: 0;
  }
  #wrap.contact .contents .userWrap .left .userInput .pdName {
    flex-direction: column;
  }
  #wrap.contact .contents .userWrap .left .userInput .pdName div {
    width: 100%;
    margin-right: 0;
  }
  #wrap.contact .contents .userWrap .left .userInput .pdName div + div {
    margin-top: 30rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .uploadFile {
    margin-right: 10rem;
    position: relative;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .userInput
    .uploadFile
    .uploadFileText {
    left: 15rem;
    font-size: 14rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .userInput
    .uploadFile
    .uploadFileText
    .uploadDelBtn {
    width: 8rem;
    height: 8rem;
    margin-left: 8rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .fileSelectBtn {
    width: 111rem;
    height: 45rem;
    border-radius: 10rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .uploadText {
    margin-top: 15rem;
    font-size: 14rem;
  }
  #wrap.contact .contents .userWrap .left .userInput .captchaLabel {
    display: flex;
    flex-wrap: wrap;
  }
  #wrap.contact .contents .userWrap .left .userInput .captchaLabel input {
    margin-top: 10rem;
    width: 100%;
  }
  #wrap.contact .contents .userWrap .left .userInput .codeImg {
    width: calc(100% - 120rem);
    height: 45rem;
    margin-right: 10rem;
    flex-grow: 1;
  }
  #wrap.contact .contents .userWrap .left .userInput .refreshBtn {
    margin-right: 0;
    width: 110rem;
    height: 45rem;
    border-radius: 10rem;
  }
  #wrap.contact .contents .userWrap .left .pv_agree {
    margin-top: 0;
    padding-top: 30rem;
  }
  #wrap.contact .contents .userWrap .left .pv_agree .pv_agree_tit {
    font-size: 18rem;
    margin-bottom: 12rem;
  }
  #wrap.contact .contents .userWrap .left .pv_agree .pv_agree_contents {
    padding: 15rem;
    border-radius: 10rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .pv_agree
    .pv_agree_contents
    .pv_agree_inner {
    height: 170rem;
    padding-right: 10rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .pv_agree
    .pv_agree_contents
    .pv_agree_inner::-webkit-scrollbar {
    width: 2rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .pv_agree
    .pv_agree_contents
    .pv_agree_inner
    b {
    font-size: 14rem;
    margin-bottom: 10rem;
    letter-spacing: -0.14rem;
  }
  #wrap.contact
    .contents
    .userWrap
    .left
    .pv_agree
    .pv_agree_contents
    .pv_agree_inner
    span {
    margin-bottom: 20rem;
    font-size: 14rem;
    letter-spacing: -0.14rem;
  }
  #wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck {
    margin-top: 14rem;
    flex-direction: column;
    align-items: flex-start;
  }
  #wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck label {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck label i {
    width: 16rem;
    height: 16rem;
    flex-shrink: 0;
  }
  #wrap.contact .contents .userWrap .left .pv_agree .pv_agree_ck .pvBtn {
    margin-top: 10rem;
    margin-left: 26rem;
    font-size: 15rem;
  }
  #wrap.contact .contents .userWrap .left .inquiryBtn {
    margin-top: 50rem;
    height: 50rem;
    border-radius: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap.contact .contents .userWrap .right {
    width: 100%;
    max-width: 320rem;
    margin: 0 auto 50rem;
  }
  #wrap.contact .contents .userWrap .right .imgWrap {
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    top: 0;
    left: 0;
  }
  #wrap .office_area {
    flex-direction: column-reverse;
  }
  #wrap .office_area .left {
    width: 100%;
    padding: 30rem 20rem;
  }
  #wrap .office_area .left .office_area_tit {
    font-size: 20rem;
    letter-spacing: -0.2rem;
    line-height: 1;
    font-weight: 300;
    color: #404041;
  }
  #wrap .office_area .left .officeSearch {
    margin-top: 30rem;
  }
  #wrap .office_area .left .officeSearch .textInput {
    width: 100%;
    height: 30rem;
    padding: 0 25rem 6rem 0;
    font-size: 15rem;
    font-weight: 400;
    color: #404041;
    border: 0;
    border-bottom: 1px solid #404041;
    border-radius: 0;
  }
  #wrap .office_area .left .officeSearch .submit {
    top: 4rem;
    right: 0;
    width: 15rem;
    height: 15rem;
    transform: translateY(0);
  }
  #wrap .office_area .left .office_list {
    margin-top: 30rem;
    height: calc(100vh - 513rem);
  }
  #wrap .office_area .left .office_list .office_items {
    padding: 20rem 30rem 20rem 10rem;
  }
  #wrap .office_area .left .office_list .office_items .adr_tit {
    padding-left: 20rem;
    font-size: 18rem;
    letter-spacing: -0.18rem;
  }
  #wrap .office_area .left .office_list .office_items .adr_tit::after {
    top: 5rem;
    left: 0;
    width: 10rem;
    height: 10rem;
  }
  #wrap .office_area .left .office_list .office_items .adr_txt {
    margin-top: 20rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap .office_area .left .office_list .office_items .adr_num {
    margin-top: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap .office_area .left .office_list .office_items .adr_icon {
    top: 23rem;
    right: 10rem;
    width: 12rem;
    height: 12rem;
  }
  #wrap .office_area .right {
    width: 100%;
    height: 240rem;
  }
  #wrap .office_area .right .office_map .office_info {
    border-top: 0;
    width: auto;
    min-width: 125rem;
    padding-bottom: 0;
  }
  #wrap .office_area .right .office_map .office_info_tit {
    padding: 10rem 10rem;
    font-size: 15rem;
    line-height: normal;
    letter-spacing: -0.15rem;
    font-weight: 500;
    color: #fff;
    height: 38rem;
    background: #b1005d;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #wrap .office_area .right .office_map .office_info_tit::after {
    width: 14rem;
    height: 14rem;
    transform: rotate(45deg) translateX(-50%);
    border-radius: 0;
    top: auto;
    bottom: -10rem;
    left: 50%;
  }
  #wrap .office_area .right .office_map .office_info_adr {
    display: none;
  }
  #wrap .office_area .right .office_map .office_info_num {
    display: none;
  }
  #wrap.mediaArea .title__box .eng {
    font-size: 40rem;
  }
  #wrap .mediaWrap {
    padding-top: 20rem;
  }
  #wrap .mediaWrap.eventWrap {
    padding-top: 0;
  }
  #wrap .mediaWrap .mediaList {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
    position: relative;
  }
  #wrap .mediaWrap .mediaList::before {
    display: none;
  }
  #wrap .mediaWrap .mediaList::after {
    display: none;
  }
  #wrap .mediaWrap .mediaList .mediaItems {
    width: 100%;
    padding-top: 0;
    margin-top: 30rem;
    height: auto;
    padding-right: 0;
    border-bottom: 1rem solid #404041;
  }
  #wrap .mediaWrap .mediaList .mediaItems .mediaImg {
    width: 100%;
    height: auto;
    max-height: 500rem;
  }
  #wrap .mediaWrap .mediaList .mediaItems .mediaTxt {
    margin-top: 15rem;
    padding-bottom: 30rem;
  }
  #wrap .mediaWrap .mediaList .mediaItems .mediaTxt b {
    font-size: 15rem;
    height: auto;
    letter-spacing: -0.15rem;
    line-height: 1.1;
    font-weight: 500;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    white-space: normal;
  }
  #wrap .mediaWrap .mediaList .mediaItems .mediaTxt span {
    margin-top: 15rem;
    font-size: 14rem;
  }
  #wrap .mediaWrap .mediaList .mediaItems:nth-of-type(3n-2)::after {
    display: none;
  }
  #wrap .mediaWrap .mediaList .mediaItems:nth-of-type(1),
  #wrap .mediaWrap .mediaList .mediaItems:nth-of-type(2),
  #wrap .mediaWrap .mediaList .mediaItems:nth-of-type(3) {
    margin-top: 30rem;
  }
  #wrap .mediaWrap .mediaList .mediaItems:nth-of-type(1) {
    margin-top: 0;
  }
  #wrap .mediaWrap .mediaList .mediaItems:hover .mediaImg,
  #wrap .mediaWrap .mediaList .mediaItems.active .mediaImg {
    border-radius: 0;
  }
  #wrap .mediaViewWrap .mediaViewTop {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-bottom: 30rem;
    border-bottom: 1px solid #404041;
  }
  #wrap .mediaViewWrap .mediaViewTop .mediaViewNoti {
    min-width: 112rem;
    margin-right: 0;
    margin-bottom: 20rem;
    padding: 0 15rem;
    height: 37rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
    border-radius: 10rem;
  }
  #wrap .mediaViewWrap .mediaViewTop .mediaViewTit {
    font-size: 20rem;
    letter-spacing: -0.2rem;
    line-height: 1.1;
    font-weight: 500;
    color: #404041;
    white-space: wrap;
    overflow: visible;
    text-overflow: clip;
    display: flex;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
    white-space: normal;
  }
  #wrap .mediaViewWrap .mediaViewTop .mediaViewDate {
    font-size: 14rem;
    margin-top: 15rem;
    margin-left: 0;
  }
  #wrap .mediaViewWrap .mediaViewContent {
    padding: 50rem 0;
  }
  #wrap .mediaViewWrap .mediaViewContent img {
    margin-bottom: 0 !important;
    max-width: 100%;
  }
  #wrap .mediaViewWrap .mediaViewContent p {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap .mediaViewWrap .mediaViewAttach {
    border-top: 1px solid #404041;
    border-bottom: 1px solid #404041;
  }
  #wrap .mediaViewWrap .mediaViewAttach .attachFile {
    padding: 10rem 0;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
  #wrap .mediaViewWrap .mediaViewAttach .attachFile img {
    width: 15rem;
    height: 15rem;
    margin-right: 10rem;
    margin-top: 2rem;
  }
  #wrap .mediaViewWrap .mediaViewAttach .attachFile a {
    font-size: 15rem;
    letter-spacing: -0.15rem;
    white-space: wrap;
  }
  #wrap .mediaViewWrap .mediaViewBtn {
    margin-top: 50rem;
  }
  #wrap .mediaViewWrap .mediaViewBtn a {
    width: 100%;
    height: 40rem;
    font-size: 15rem;
    transition: none;
  }
  #wrap .mediaViewWrap .mediaViewBtn a:hover {
    background: #b1005d;
  }
  #wrap .mediaViewWrap .mediaViewBtn a:active {
    background: #b1005d;
  }
  #wrap .construction {
    border-top: 0;
  }
  #wrap .construction .construction_list {
    padding-bottom: 0;
  }
  #wrap .construction .construction_list .construction_items {
    padding: 30rem 0;
    width: 100%;
    border-bottom: 1px solid #404041;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #wrap .construction .construction_list .construction_items .construction_img {
    width: 100%;
    height: auto;
    max-height: 500rem;
    margin-right: 0;
    margin-bottom: 20rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .tit {
    font-size: 18rem;
    letter-spacing: -0.18rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .tit
    br {
    display: none;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .info {
    padding: 20rem 0 30rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .info
    li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .info
    li
    b {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .info
    li
    span {
    margin-left: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .txt {
    padding-top: 30rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .txt
    b {
    margin-bottom: 10rem;
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap
    .construction
    .construction_list
    .construction_items
    .construction_txt
    .txt
    span {
    font-size: 15rem;
    letter-spacing: -0.15rem;
  }
  #wrap .construction .construction_list .construction_items:nth-of-type(5) {
    border-bottom: 1px solid #404041;
  }
}
@media screen and (max-width: 700px) {
  #wrap.main .systemWrap .systemCont::before {
    height: 390rem;
  }
  #wrap.main .systemWrap .systemCont .systemMedia {
    height: 390rem;
  }
  #wrap.products .viewProduct.viewProduct_vertical_pump img {
    object-position: 85% center;
  }
  #wrap.products .viewProduct.viewProduct_fire_pump img {
    object-position: 83% center;
  }
  #wrap.products .viewProduct.viewProduct_pump_control img {
    object-position: 70% center;
  }
}
#wrap.products.board_view .productInfo .textWrap .p_advantages .text::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0;
  color: #404041;
  display: none;
}