@charset "UTF-8";
/* ELLIPSIS */
/* 폰트 */
/* / */
@keyframes map-pin-light {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
  50% {
    opacity: 0.3;
    transform: translate(-50%, -50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0);
  }
}
.detail-view {
  background: linear-gradient(180deg, #0f1c2a 0%, #0b131c 86.86%);
  padding-top: 120rem;
  min-height: 1360rem;
  /* 공통 */
  /* 왼쪽 이미지 */
  /* 버튼 */
  /* 공통 끝 */
  /* view-optima-xd */
  /* view-optima-xdm */
  /* view-optima-dmf */
  /* view-optima-xe */
  /* view-optima-xem */
  /* view-optima-seii */
  /* view-optima-est */
}
.detail-view .toptxt {
  color: var(--White, #fff);
  font-size: 40rem;
  font-style: normal;
  line-height: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.8rem;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 85rem;
}
@media screen and (max-width: 1280px) {
  .detail-view .toptxt {
    font-size: 26rem;
  }
}
.detail-view .flex-inner {
  display: flex;
  gap: 80rem;
}
.detail-view .detail-item {
  width: 799rem;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 16rem;
  background: #19232f;
  padding-bottom: 40rem;
  position: relative;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}
.detail-view .detail-item__bg {
  position: absolute;
  right: 4%;
  top: -14%;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 250rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: -5rem;
  background: linear-gradient(180deg, #0e1926 52.58%, #19232f 76.69%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.detail-view .detail-item__wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.detail-view .detail-item__img {
  flex-shrink: 0;
  flex-grow: 0;
  width: 665rem;
  aspect-ratio: 665/613;
  position: relative;
}
.detail-view .detail-item__img .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-view .detail-item__img .pin {
  cursor: pointer;
  width: 30rem;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.detail-view .detail-item__img .pin .dot {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.detail-view .detail-item__img .pin .dot--s {
  width: 50%;
  height: 50%;
  background: rgba(235, 232, 227, 0.7);
  box-shadow: 0 4rem 4rem 0 rgba(0, 0, 0, 0.25);
}
.detail-view .detail-item__img .pin .dot--l {
  background: rgba(235, 232, 227, 0.9);
  filter: blur(6rem);
  animation: map-pin-light 1s infinite;
}
.detail-view .detail-item__img .pin.active {
  transform: scale(2);
}
.detail-view .detail-item__img .pin.active .dot--s {
  width: 50%;
  height: 50%;
  background: var(--Red, #dc2b2b);
}
.detail-view .detail-item__img .pin.active .dot--l {
  background: var(--Red, #dc2b2b);
}
.detail-view .detail-item__btn {
  position: relative;
  z-index: 123;
}
.detail-view .detail-item__btn .detail-btn__wrap ul {
  display: flex;
  gap: 16rem;
}
.detail-view .detail-item__btn .detail-btn__wrap ul li button {
  font-size: 16rem;
  font-style: normal;
  line-height: normal;
  display: flex;
  height: 44rem;
  padding: 0 40rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 12rem;
  color: #fff;
  border: 1rem solid var(--White, #fff);
}
@media screen and (max-width: 1280px) {
  .detail-view .detail-item__btn .detail-btn__wrap ul li button {
    font-size: 14rem;
  }
}
.detail-view .detail-item__btn .detail-btn__wrap ul li.on button {
  color: #fff;
  background: var(--Red, #dc2b2b);
  border: 1rem solid var(--Red, #dc2b2b);
}
.detail-view .detail-list {
  flex: 1;
}
.detail-view .detail-list ul li {
  padding: 26rem 0;
  position: relative;
}
.detail-view .detail-list ul li + li {
  border-top: 1rem solid #585858;
}
.detail-view .detail-list ul li .detail-thumb {
  display: none;
}
.detail-view .detail-list ul li .detail-thumb .detail-thumb__wrap {
  position: relative;
  width: 520rem;
  height: 360rem;
  flex-shrink: 0;
  aspect-ratio: 13/9;
  border-radius: 16rem;
  overflow: hidden;
  border: 1rem solid var(--Red, #dc2b2b);
}
.detail-view .detail-list ul li .detail-thumb .detail-thumb__wrap .img-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail-view .detail-list ul li .detail-thumb .detail-thumb__wrap .txtBx {
  color: var(--White, #fff);
  font-size: 20rem;
  font-style: normal;
  line-height: normal;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  border-radius: 100rem;
  border: 1rem solid var(--Red, #dc2b2b);
  background: var(--Red, #dc2b2b);
  padding: 0 11rem;
  height: 36rem;
  display: flex;
  align-items: center;
  position: absolute;
  left: 30rem;
  bottom: 30rem;
}
@media screen and (max-width: 1280px) {
  .detail-view .detail-list ul li .detail-thumb .detail-thumb__wrap .txtBx {
    font-size: 16rem;
  }
}
.detail-view .detail-list ul li .detail-thumb-txt {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 16rem;
}
.detail-view .detail-list ul li .detail-thumb-txt .iconBx {
  flex-shrink: 0;
}
.detail-view .detail-list ul li .detail-thumb-txt .iconBx .img-wrap {
  width: 42rem;
  aspect-ratio: 1/1;
  border-radius: 100%;
  overflow: hidden;
}
.detail-view .detail-list ul li .detail-thumb-txt .txtBx {
  color: var(--Line, #ddd);
  font-size: 20rem;
  font-style: normal;
  line-height: normal;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 1280px) {
  .detail-view .detail-list ul li .detail-thumb-txt .txtBx {
    font-size: 16rem;
  }
}
.detail-view .detail-list ul li .detail-thumb-line {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
.detail-view .detail-list ul li.active {
  border-top: 1rem solid transparent;
  padding: 0;
}
.detail-view .detail-list ul li.active + li {
  /* 바로 뒤 li 스타일 */
  border-top: 1rem solid transparent;
}
.detail-view .detail-list ul li.active .detail-thumb {
  display: block;
}
.detail-view .detail-list ul li.active .detail-thumb-txt {
  display: none;
}
.detail-view .detail-list ul li.active .detail-thumb-line {
  display: block;
}
.detail-view .front-view,
.detail-view .rear-view {
  display: none;
}
.detail-view .front-view.on,
.detail-view .rear-view.on {
  display: block;
}
.detail-view .view-optima-xd {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-xd .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xd .front-view .detail-item__img .pin--01 {
  /* data-id="fuel-level-gauge" */
  top: 19.74%;
  left: 35.04%;
}
.detail-view .view-optima-xd .front-view .detail-item__img .pin--02 {
  /* data-id="emergency-stop" */
  top: 53.35%;
  left: 26.32%;
}
.detail-view .view-optima-xd .front-view .detail-item__img .pin--03 {
  /* data-id="36l-fuel-tank" */
  top: 28.38%;
  left: 42.71%;
}
.detail-view .view-optima-xd .front-view .detail-item__img .pin--04 {
  /* data-id="36l-water-tank" */
  top: 24.8%;
  left: 71.88%;
}
.detail-view .view-optima-xd .front-view .detail-list__01 {
  /* data-id="fuel-level-gauge" */
}
.detail-view .view-optima-xd .front-view .detail-list__01 .detail-thumb-line {
  top: 18.06%;
  left: -93.65%;
}
.detail-view .view-optima-xd .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 569rem;
  height: 76rem;
}
.detail-view .view-optima-xd .front-view .detail-list__02 {
  /* data-id="emergency-stop" */
}
.detail-view .view-optima-xd .front-view .detail-list__02 .detail-thumb-line {
  top: 11.11%;
  left: -129.04%;
}
.detail-view .view-optima-xd .front-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 780rem;
  height: 209rem;
}
.detail-view .view-optima-xd .front-view .detail-list__03 {
  /* data-id="36l-fuel-tank" */
}
.detail-view .view-optima-xd .front-view .detail-list__03 .detail-thumb-line {
  top: 0.56%;
  left: -85%;
}
.detail-view .view-optima-xd .front-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 515rem;
  height: 279rem;
}
.detail-view .view-optima-xd .front-view .detail-list__04 {
  /* data-id="36l-water-tank" */
}
.detail-view .view-optima-xd .front-view .detail-list__04 .detail-thumb-line {
  top: -31.11%;
  left: -52.6%;
}
.detail-view .view-optima-xd .front-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 320rem;
  height: 392rem;
}
.detail-view .view-optima-xd .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xd .rear-view .detail-item__img .pin--01 {
  /* data-id="water-level-gauge" */
  top: 44.05%;
  left: 22.86%;
}
.detail-view .view-optima-xd .rear-view .detail-item__img .pin--02 {
  /* data-id="lcd-monitor" */
  top: 73.74%;
  left: 52.93%;
}
.detail-view .view-optima-xd .rear-view .detail-item__img .pin--03 {
  /* data-id="continuous-feed-hook-up" */
  top: 78.79%;
  left: 58.65%;
}
.detail-view .view-optima-xd .rear-view .detail-item__img .pin--04 {
  /* data-id="drain-valve" */
  top: 68.84%;
  left: 61.35%;
}
.detail-view .view-optima-xd .rear-view .detail-item__img .pin--05 {
  /* data-id="moisture-control-valve" */
  top: 69.43%;
  left: 71.13%;
}
.detail-view .view-optima-xd .rear-view .detail-item__img .pin--06 {
  /* data-id="2-steam-outlet-valves" */
  top: 26.1%;
  left: 59.4%;
}
.detail-view .view-optima-xd .rear-view .detail-list__01 {
  /* data-id="water-level-gauge" */
}
.detail-view .view-optima-xd .rear-view .detail-list__01 .detail-thumb-line {
  top: 15%;
  left: -107%;
}
.detail-view .view-optima-xd .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 647rem;
  height: 244rem;
}
.detail-view .view-optima-xd .rear-view .detail-list__02 {
  /* data-id="lcd-monitor" */
}
.detail-view .view-optima-xd .rear-view .detail-list__02 .detail-thumb-line {
  top: 4.06%;
  left: -67%;
}
.detail-view .view-optima-xd .rear-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 408rem;
  height: 82rem;
}
.detail-view .view-optima-xd .rear-view .detail-list__03 {
  /* data-id="continuous-feed-hook-up" */
}
.detail-view .view-optima-xd .rear-view .detail-list__03 .detail-thumb-line {
  top: 4.44%;
  left: -73.77%;
}
.detail-view .view-optima-xd .rear-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 450rem;
  height: 272rem;
}
.detail-view .view-optima-xd .rear-view .detail-list__04 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-xd .rear-view .detail-list__04 .detail-thumb-line {
  top: 59.17%;
  left: -67%;
}
.detail-view .view-optima-xd .rear-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 408rem;
  height: 69rem;
}
.detail-view .view-optima-xd .rear-view .detail-list__05 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-xd .rear-view .detail-list__05 .detail-thumb-line {
  top: 15.56%;
  left: -66.15%;
}
.detail-view .view-optima-xd .rear-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 402rem;
  height: 215rem;
}
.detail-view .view-optima-xd .rear-view .detail-list__06 {
  /* data-id="2-steam-outlet-valves" */
}
.detail-view .view-optima-xd .rear-view .detail-list__06 .detail-thumb-line {
  top: -10%;
  left: -55%;
}
.detail-view .view-optima-xd .rear-view .detail-list__06 .detail-thumb-line .img-wrap {
  width: 336rem;
  height: 282rem;
}
.detail-view .view-optima-xdm {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-xdm .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xdm .front-view .detail-item__img .pin--01 {
  /* data-id="lcd-monitor" */
  top: 29.35%;
  left: 58%;
}
.detail-view .view-optima-xdm .front-view .detail-item__img .pin--02 {
  /* data-id="continuous-feed-hook-up" */
  top: 73.74%;
  left: 47.04%;
}
.detail-view .view-optima-xdm .front-view .detail-item__img .pin--03 {
  /* data-id="drain-valve" */
  top: 77.38%;
  left: 57.71%;
}
.detail-view .view-optima-xdm .front-view .detail-item__img .pin--04 {
  /* data-id="moisture-control-valve" */
  top: 69.8%;
  left: 61.88%;
}
.detail-view .view-optima-xdm .front-view .detail-item__img .pin--05 {
  /* data-id="1-steam-outlet-valve" */
  top: 69.43%;
  left: 73%;
}
.detail-view .view-optima-xdm .front-view .detail-list__01 {
  /* data-id="lcd-monitor" */
}
.detail-view .view-optima-xdm .front-view .detail-list__01 .detail-thumb-line {
  top: 16.06%;
  left: -69%;
}
.detail-view .view-optima-xdm .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 420rem;
  height: 140rem;
}
.detail-view .view-optima-xdm .front-view .detail-list__02 {
  /* data-id="continuous-feed-hook-up" */
}
.detail-view .view-optima-xdm .front-view .detail-list__02 .detail-thumb-line {
  top: 5.11%;
  left: -79.04%;
}
.detail-view .view-optima-xdm .front-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 479rem;
  height: 351rem;
}
.detail-view .view-optima-xdm .front-view .detail-list__03 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-xdm .front-view .detail-list__03 .detail-thumb-line {
  top: 3.56%;
  left: -68%;
}
.detail-view .view-optima-xdm .front-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 414rem;
  height: 289rem;
}
.detail-view .view-optima-xdm .front-view .detail-list__04 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-xdm .front-view .detail-list__04 .detail-thumb-line {
  top: 43.89%;
  left: -64.4%;
}
.detail-view .view-optima-xdm .front-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 392rem;
  height: 124rem;
}
.detail-view .view-optima-xdm .front-view .detail-list__05 {
  /* data-id="1-steam-outlet-valve" */
}
.detail-view .view-optima-xdm .front-view .detail-list__05 .detail-thumb-line {
  top: 16.43%;
  left: -52.47%;
}
.detail-view .view-optima-xdm .front-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 320rem;
  height: 212rem;
}
.detail-view .view-optima-xdm .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xdm .rear-view .detail-item__img .pin--01 {
  /* data-id="11l-fuel-tank" */
  top: 16.05%;
  left: 22%;
}
.detail-view .view-optima-xdm .rear-view .detail-item__img .pin--02 {
  /* data-id="11l-water-tank" */
  top: 18.74%;
  left: 47.3%;
}
.detail-view .view-optima-xdm .rear-view .detail-list__01 {
  /* data-id="11l-fuel-tank" */
}
.detail-view .view-optima-xdm .rear-view .detail-list__01 .detail-thumb-line {
  top: 7.06%;
  left: -108.3%;
}
.detail-view .view-optima-xdm .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 657rem;
  height: 75rem;
}
.detail-view .view-optima-xdm .rear-view .detail-list__02 {
  /* data-id="11l-water-tank" */
}
.detail-view .view-optima-xdm .rear-view .detail-list__02 .detail-thumb-line {
  top: 3.06%;
  left: -80.3%;
}
.detail-view .view-optima-xdm .rear-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 488rem;
  height: 36.5rem;
}
.detail-view .view-optima-dmf {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-dmf .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-dmf .front-view .detail-item__img .pin--01 {
  /* data-id="water-tank" */
  top: 32%;
  left: 72.2%;
}
.detail-view .view-optima-dmf .front-view .detail-item__img .pin--02 {
  /* data-id="exhaust-flue" */
  top: 22%;
  left: 54%;
}
.detail-view .view-optima-dmf .front-view .detail-item__img .pin--03 {
  /* data-id="fuel-tank" */
  top: 35%;
  left: 35%;
}
.detail-view .view-optima-dmf .front-view .detail-list__01 {
  /* data-id="water-tank" */
}
.detail-view .view-optima-dmf .front-view .detail-list__01 .detail-thumb-line {
  top: 16.06%;
  left: -53%;
}
.detail-view .view-optima-dmf .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 322rem;
  height: 151rem;
}
.detail-view .view-optima-dmf .front-view .detail-list__02 {
  /* data-id="exhaust-flue" */
}
.detail-view .view-optima-dmf .front-view .detail-list__02 .detail-thumb-line {
  top: 4.11%;
  left: -72.5%;
}
.detail-view .view-optima-dmf .front-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 441rem;
  height: 53rem;
}
.detail-view .view-optima-dmf .front-view .detail-list__03 {
  /* data-id="fuel-tank" */
}
.detail-view .view-optima-dmf .front-view .detail-list__03 .detail-thumb-line {
  top: 10.56%;
  left: -94%;
}
.detail-view .view-optima-dmf .front-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 568rem;
  height: 240rem;
}
.detail-view .view-optima-dmf .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-dmf .rear-view .detail-item__img .pin--01 {
  /* data-id="control-box" */
  top: 22%;
  left: 48.6%;
}
.detail-view .view-optima-dmf .rear-view .detail-item__img .pin--02 {
  /* data-id="throttle-door" */
  top: 47.2%;
  left: 20%;
}
.detail-view .view-optima-dmf .rear-view .detail-item__img .pin--03 {
  /* data-id="continuous-feed-hook-up" */
  top: 78.5%;
  left: 30%;
}
.detail-view .view-optima-dmf .rear-view .detail-item__img .pin--04 {
  /* data-id="drain-valve" */
  top: 83%;
  left: 38.2%;
}
.detail-view .view-optima-dmf .rear-view .detail-item__img .pin--05 {
  /* data-id="moisture-control-valve" */
  top: 75%;
  left: 42%;
}
.detail-view .view-optima-dmf .rear-view .detail-item__img .pin--06 {
  /* data-id="2-steam-outlet-valves" */
  top: 81%;
  left: 61.2%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__01 {
  /* data-id="control-box" */
}
.detail-view .view-optima-dmf .rear-view .detail-list__01 .detail-thumb-line {
  top: 2%;
  left: -79%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 480rem;
  height: 145rem;
}
.detail-view .view-optima-dmf .rear-view .detail-list__02 {
  /* data-id="throttle-door" */
}
.detail-view .view-optima-dmf .rear-view .detail-list__02 .detail-thumb-line {
  top: 4.06%;
  left: -127%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 768rem;
  height: 197.5rem;
}
.detail-view .view-optima-dmf .rear-view .detail-list__03 {
  /* data-id="continuous-feed-hook-up" */
}
.detail-view .view-optima-dmf .rear-view .detail-list__03 .detail-thumb-line {
  top: 4.17%;
  left: -99.5%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 601rem;
  height: 292rem;
}
.detail-view .view-optima-dmf .rear-view .detail-list__04 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-dmf .rear-view .detail-list__04 .detail-thumb-line {
  top: 66.17%;
  left: -90.5%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 548rem;
  height: 36.5rem;
}
.detail-view .view-optima-dmf .rear-view .detail-list__05 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-dmf .rear-view .detail-list__05 .detail-thumb-line {
  top: 3.56%;
  left: -86%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 523rem;
  height: 87rem;
}
.detail-view .view-optima-dmf .rear-view .detail-list__06 {
  /* data-id="2-steam-outlet-valves" */
}
.detail-view .view-optima-dmf .rear-view .detail-list__06 .detail-thumb-line {
  top: 9.8%;
  left: -64.2%;
}
.detail-view .view-optima-dmf .rear-view .detail-list__06 .detail-thumb-line .img-wrap {
  width: 389rem;
  height: 220rem;
}
.detail-view .view-optima-xe {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-xe .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xe .front-view .detail-item__img .pin--01 {
  /* data-id="emergency-stop" */
  top: 15%;
  left: 32.2%;
}
.detail-view .view-optima-xe .front-view .detail-item__img .pin--02 {
  /* data-id="water-level-gauge" */
  top: 50%;
  left: 25%;
}
.detail-view .view-optima-xe .front-view .detail-item__img .pin--03 {
  /* data-id="72l-water-tank" */
  top: 22.5%;
  left: 72%;
}
.detail-view .view-optima-xe .front-view .detail-list__01 {
  /* data-id="emergency-stop" */
}
.detail-view .view-optima-xe .front-view .detail-list__01 .detail-thumb-line {
  top: 15.06%;
  left: -97.2%;
}
.detail-view .view-optima-xe .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 589rem;
  height: 44rem;
}
.detail-view .view-optima-xe .front-view .detail-list__02 {
  /* data-id="water-level-gauge" */
}
.detail-view .view-optima-xe .front-view .detail-list__02 .detail-thumb-line {
  top: 4.11%;
  left: -127.6%;
}
.detail-view .view-optima-xe .front-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 770rem;
  height: 214.4rem;
}
.detail-view .view-optima-xe .front-view .detail-list__03 {
  /* data-id="72l-water-tank" */
}
.detail-view .view-optima-xe .front-view .detail-list__03 .detail-thumb-line {
  top: -10.44%;
  left: -52.4%;
}
.detail-view .view-optima-xe .front-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 319rem;
  height: 309rem;
}
.detail-view .view-optima-xe .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xe .rear-view .detail-item__img .pin--01 {
  /* data-id="rear-water-level-gauge" */
  top: 45%;
  left: 71.5%;
}
.detail-view .view-optima-xe .rear-view .detail-item__img .pin--02 {
  /* data-id="lcd-monitor" */
  top: 26%;
  left: 34.8%;
}
.detail-view .view-optima-xe .rear-view .detail-item__img .pin--03 {
  /* data-id="continuous-feed-hook-up" */
  top: 69%;
  left: 20%;
}
.detail-view .view-optima-xe .rear-view .detail-item__img .pin--04 {
  /* data-id="drain-valve" */
  top: 77%;
  left: 21.9%;
}
.detail-view .view-optima-xe .rear-view .detail-item__img .pin--05 {
  /* data-id="moisture-control-valve" */
  top: 72%;
  left: 31%;
}
.detail-view .view-optima-xe .rear-view .detail-item__img .pin--06 {
  /* data-id="2-steam-outlet-valves" */
  top: 78%;
  left: 39%;
}
.detail-view .view-optima-xe .rear-view .detail-list__01 {
  /* data-id="rear-water-level-gauge" */
}
.detail-view .view-optima-xe .rear-view .detail-list__01 .detail-thumb-line {
  top: 2%;
  left: -53.6%;
}
.detail-view .view-optima-xe .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 328rem;
  height: 189rem;
}
.detail-view .view-optima-xe .rear-view .detail-list__02 {
  /* data-id="lcd-monitor" */
}
.detail-view .view-optima-xe .rear-view .detail-list__02 .detail-thumb-line {
  top: 27.06%;
  left: -94.5%;
}
.detail-view .view-optima-xe .rear-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 573rem;
  height: 66rem;
}
.detail-view .view-optima-xe .rear-view .detail-list__03 {
  /* data-id="continuous-feed-hook-up" */
}
.detail-view .view-optima-xe .rear-view .detail-list__03 .detail-thumb-line {
  top: 6.44%;
  left: -110%;
}
.detail-view .view-optima-xe .rear-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 667rem;
  height: 228rem;
}
.detail-view .view-optima-xe .rear-view .detail-list__04 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-xe .rear-view .detail-list__04 .detail-thumb-line {
  top: 58.17%;
  left: -108.5%;
}
.detail-view .view-optima-xe .rear-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 658rem;
  height: 75.1rem;
}
.detail-view .view-optima-xe .rear-view .detail-list__05 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-xe .rear-view .detail-list__05 .detail-thumb-line {
  top: 21.56%;
  left: -96.7%;
}
.detail-view .view-optima-xe .rear-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 586rem;
  height: 220rem;
}
.detail-view .view-optima-xe .rear-view .detail-list__06 {
  /* data-id="2-steam-outlet-valves" */
}
.detail-view .view-optima-xe .rear-view .detail-list__06 .detail-thumb-line {
  top: 5%;
  left: -87.5%;
}
.detail-view .view-optima-xe .rear-view .detail-list__06 .detail-thumb-line .img-wrap {
  width: 531rem;
  height: 257rem;
}
.detail-view .view-optima-xem {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-xem .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
  /* 여기 다시 */
}
.detail-view .view-optima-xem .front-view .detail-item__img .pin--01 {
  /* data-id="lcd-monitor" */
  top: 27%;
  left: 57.2%;
}
.detail-view .view-optima-xem .front-view .detail-item__img .pin--02 {
  /* data-id="continuous-feed-hook-up" */
  top: 75%;
  left: 45%;
}
.detail-view .view-optima-xem .front-view .detail-item__img .pin--03 {
  /* data-id="drain-valve" */
  top: 82.5%;
  left: 55%;
}
.detail-view .view-optima-xem .front-view .detail-item__img .pin--04 {
  /* data-id="moisture-control-valve" */
  top: 70%;
  left: 57%;
}
.detail-view .view-optima-xem .front-view .detail-item__img .pin--05 {
  /* data-id="1-steam-outlet-valve" */
  top: 73%;
  left: 72%;
}
.detail-view .view-optima-xem .front-view .detail-list__01 {
  /* data-id="lcd-monitor" */
}
.detail-view .view-optima-xem .front-view .detail-list__01 .detail-thumb-line {
  top: 13.06%;
  left: -69.5%;
}
.detail-view .view-optima-xem .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 423rem;
  height: 140rem;
}
.detail-view .view-optima-xem .front-view .detail-list__02 {
  /* data-id="continuous-feed-hook-up" */
}
.detail-view .view-optima-xem .front-view .detail-list__02 .detail-thumb-line {
  top: 5.11%;
  left: -84.5%;
}
.detail-view .view-optima-xem .front-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 512rem;
  height: 362rem;
}
.detail-view .view-optima-xem .front-view .detail-list__03 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-xem .front-view .detail-list__03 .detail-thumb-line {
  top: 2.56%;
  left: -71%;
}
.detail-view .view-optima-xem .front-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 430rem;
  height: 323rem;
}
.detail-view .view-optima-xem .front-view .detail-list__04 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-xem .front-view .detail-list__04 .detail-thumb-line {
  top: 43.89%;
  left: -68.7%;
}
.detail-view .view-optima-xem .front-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 416rem;
  height: 119rem;
}
.detail-view .view-optima-xem .front-view .detail-list__05 {
  /* data-id="1-steam-outlet-valve" */
}
.detail-view .view-optima-xem .front-view .detail-list__05 .detail-thumb-line {
  top: 22.13%;
  left: -52.37%;
}
.detail-view .view-optima-xem .front-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 318rem;
  height: 175rem;
}
.detail-view .view-optima-xem .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-xem .rear-view .detail-item__img .pin--01 {
  /* data-id="22l-water-tank" */
  top: 14%;
  left: 67.6%;
}
.detail-view .view-optima-xem .rear-view .detail-list__01 {
  /* data-id="22l-water-tank" */
}
.detail-view .view-optima-xem .rear-view .detail-list__01 .detail-thumb-line {
  top: 8.06%;
  left: -58%;
}
.detail-view .view-optima-xem .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 354rem;
  height: 75rem;
}
.detail-view .view-optima-seii {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-seii .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-seii .front-view .detail-item__img .pin--01 {
  /* data-id="power-switch" */
  top: 12%;
  left: 35.5%;
}
.detail-view .view-optima-seii .front-view .detail-item__img .pin--02 {
  /* data-id="steam-switch" */
  top: 11%;
  left: 27%;
}
.detail-view .view-optima-seii .front-view .detail-item__img .pin--03 {
  /* data-id="emergency-stop" */
  top: 12.5%;
  left: 19%;
}
.detail-view .view-optima-seii .front-view .detail-item__img .pin--04 {
  /* data-id="pressure-gauge" */
  top: 15.5%;
  left: 27%;
}
.detail-view .view-optima-seii .front-view .detail-item__img .pin--05 {
  /* data-id="water-tank-cap" */
  top: 16%;
  left: 59%;
}
.detail-view .view-optima-seii .front-view .detail-item__img .pin--06 {
  /* data-id="water-level-gauge" */
  top: 50.5%;
  left: 41%;
}
.detail-view .view-optima-seii .front-view .detail-list__01 {
  /* data-id="power-switch" */
}
.detail-view .view-optima-seii .front-view .detail-list__01 .detail-thumb-line {
  top: 14.06%;
  left: -93.4%;
}
.detail-view .view-optima-seii .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 567rem;
  height: 36rem;
}
.detail-view .view-optima-seii .front-view .detail-list__02 {
  /* data-id="steam-switch" */
}
.detail-view .view-optima-seii .front-view .detail-list__02 .detail-thumb-line {
  top: -3.89%;
  left: -103%;
}
.detail-view .view-optima-seii .front-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 624rem;
  height: 309rem;
}
.detail-view .view-optima-seii .front-view .detail-list__03 {
  /* data-id="emergency-stop" */
}
.detail-view .view-optima-seii .front-view .detail-list__03 .detail-thumb-line {
  top: -27.44%;
  left: -113%;
}
.detail-view .view-optima-seii .front-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 683rem;
  height: 390.4rem;
}
.detail-view .view-optima-seii .front-view .detail-list__04 {
  /* data-id="pressure-gauge" */
}
.detail-view .view-optima-seii .front-view .detail-list__04 .detail-thumb-line {
  top: -49.11%;
  left: -103.5%;
}
.detail-view .view-optima-seii .front-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 627rem;
  height: 444rem;
}
.detail-view .view-optima-seii .front-view .detail-list__05 {
  /* data-id="water-tank-cap" */
}
.detail-view .view-optima-seii .front-view .detail-list__05 .detail-thumb-line {
  top: -74.57%;
  left: -68%;
}
.detail-view .view-optima-seii .front-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 414rem;
  height: 501rem;
}
.detail-view .view-optima-seii .front-view .detail-list__06 {
  /* data-id="water-level-gauge" */
}
.detail-view .view-optima-seii .front-view .detail-list__06 .detail-thumb-line {
  top: -42%;
  left: -87.5%;
}
.detail-view .view-optima-seii .front-view .detail-list__06 .detail-thumb-line .img-wrap {
  width: 530rem;
  height: 373rem;
}
.detail-view .view-optima-seii .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-seii .rear-view .detail-item__img .pin--01 {
  /* data-id="lcd-monitor" */
  top: 35%;
  left: 66.6%;
}
.detail-view .view-optima-seii .rear-view .detail-item__img .pin--02 {
  /* data-id="quick-plug-for-feed-water" */
  top: 79.5%;
  left: 56%;
}
.detail-view .view-optima-seii .rear-view .detail-item__img .pin--03 {
  /* data-id="drain-valve" */
  top: 81%;
  left: 66%;
}
.detail-view .view-optima-seii .rear-view .detail-item__img .pin--04 {
  /* data-id="moisture-control-valve" */
  top: 68%;
  left: 66%;
}
.detail-view .view-optima-seii .rear-view .detail-item__img .pin--05 {
  /* data-id="2-steam-outlet-valves" */
  top: 62.5%;
  left: 76%;
}
.detail-view .view-optima-seii .rear-view .detail-list__01 {
  /* data-id="lcd-monitor" */
}
.detail-view .view-optima-seii .rear-view .detail-list__01 .detail-thumb-line {
  top: 16.06%;
  left: -58.9%;
}
.detail-view .view-optima-seii .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 358rem;
  height: 173rem;
}
.detail-view .view-optima-seii .rear-view .detail-list__02 {
  /* data-id="quick-plug-for-feed-water" */
}
.detail-view .view-optima-seii .rear-view .detail-list__02 .detail-thumb-line {
  top: 77.11%;
  left: -71.6%;
}
.detail-view .view-optima-seii .rear-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 435rem;
  height: 131rem;
}
.detail-view .view-optima-seii .rear-view .detail-list__03 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-seii .rear-view .detail-list__03 .detail-thumb-line {
  top: 4.56%;
  left: -58.2%;
}
.detail-view .view-optima-seii .rear-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 353rem;
  height: 314rem;
}
.detail-view .view-optima-seii .rear-view .detail-list__04 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-seii .rear-view .detail-list__04 .detail-thumb-line {
  top: 39.89%;
  left: -59.4%;
}
.detail-view .view-optima-seii .rear-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 360rem;
  height: 108rem;
}
.detail-view .view-optima-seii .rear-view .detail-list__05 {
  /* data-id="2-steam-outlet-valves" */
}
.detail-view .view-optima-seii .rear-view .detail-list__05 .detail-thumb-line {
  top: 5%;
  left: -47%;
}
.detail-view .view-optima-seii .rear-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 286rem;
  height: 185rem;
}
.detail-view .view-optima-est {
  /* 앞면 뷰 */
  /* 뒷면 뷰 */
}
.detail-view .view-optima-est .front-view {
  /* 앞면 뷰 - 핀 위치 */
  /* 앞면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-est .front-view .detail-item__img .pin--01 {
  /* data-id="water-tank-40l" */
  top: 33%;
  left: 72.1%;
}
.detail-view .view-optima-est .front-view .detail-list__01 {
  /* data-id="water-tank-40l" */
}
.detail-view .view-optima-est .front-view .detail-list__01 .detail-thumb-line {
  top: 16.06%;
  left: -53%;
}
.detail-view .view-optima-est .front-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 322rem;
  height: 151rem;
}
.detail-view .view-optima-est .rear-view {
  /* 뒷면 뷰 - 핀 위치 */
  /* 뒷면 뷰 - 연결선 위치 */
}
.detail-view .view-optima-est .rear-view .detail-item__img .pin--01 {
  /* data-id="throttle-door" */
  top: 40%;
  left: 20%;
}
.detail-view .view-optima-est .rear-view .detail-item__img .pin--02 {
  /* data-id="control-box" */
  top: 27%;
  left: 48.7%;
}
.detail-view .view-optima-est .rear-view .detail-item__img .pin--03 {
  /* data-id="continuous-feed-hook-up" */
  top: 78%;
  left: 28%;
}
.detail-view .view-optima-est .rear-view .detail-item__img .pin--04 {
  /* data-id="drain-valve" */
  top: 86.5%;
  left: 37%;
}
.detail-view .view-optima-est .rear-view .detail-item__img .pin--05 {
  /* data-id="moisture-control-valve" */
  top: 74%;
  left: 41%;
}
.detail-view .view-optima-est .rear-view .detail-item__img .pin--06 {
  /* data-id="2-steam-outlet-valves" */
  top: 78%;
  left: 61%;
}
.detail-view .view-optima-est .rear-view .detail-list__01 {
  /* data-id="throttle-door" */
}
.detail-view .view-optima-est .rear-view .detail-list__01 .detail-thumb-line {
  top: 5.06%;
  left: -109.7%;
}
.detail-view .view-optima-est .rear-view .detail-list__01 .detail-thumb-line .img-wrap {
  width: 664rem;
  height: 252rem;
}
.detail-view .view-optima-est .rear-view .detail-list__02 {
  /* data-id="control-box" */
}
.detail-view .view-optima-est .rear-view .detail-list__02 .detail-thumb-line {
  top: 2%;
  left: -78.9%;
}
.detail-view .view-optima-est .rear-view .detail-list__02 .detail-thumb-line .img-wrap {
  width: 481rem;
  height: 91rem;
}
.detail-view .view-optima-est .rear-view .detail-list__03 {
  /* data-id="continuous-feed-hook-up" */
}
.detail-view .view-optima-est .rear-view .detail-list__03 .detail-thumb-line {
  top: 3.44%;
  left: -100%;
}
.detail-view .view-optima-est .rear-view .detail-list__03 .detail-thumb-line .img-wrap {
  width: 605rem;
  height: 291rem;
}
.detail-view .view-optima-est .rear-view .detail-list__04 {
  /* data-id="drain-valve" */
}
.detail-view .view-optima-est .rear-view .detail-list__04 .detail-thumb-line {
  top: 2.17%;
  left: -90.5%;
}
.detail-view .view-optima-est .rear-view .detail-list__04 .detail-thumb-line .img-wrap {
  width: 548rem;
  height: 254rem;
}
.detail-view .view-optima-est .rear-view .detail-list__05 {
  /* data-id="moisture-control-valve" */
}
.detail-view .view-optima-est .rear-view .detail-list__05 .detail-thumb-line {
  top: 24.16%;
  left: -86.4%;
}
.detail-view .view-optima-est .rear-view .detail-list__05 .detail-thumb-line .img-wrap {
  width: 524rem;
  height: 195rem;
}
.detail-view .view-optima-est .rear-view .detail-list__06 {
  /* data-id="2-steam-outlet-valves" */
}
.detail-view .view-optima-est .rear-view .detail-list__06 .detail-thumb-line {
  top: 5%;
  left: -64%;
}
.detail-view .view-optima-est .rear-view .detail-list__06 .detail-thumb-line .img-wrap {
  width: 388rem;
  height: 217rem;
}

@media screen and (max-width: 1280px) {
  .detail-view {
    padding-top: 60rem;
    background: linear-gradient(180deg, #0f1c2a 0%, #0b131c 86.86%);
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-bottom: 60rem;
    /* 공통 */
    /* 왼쪽 이미지 */
    /* 버튼 */
    /* 공통 끝 */
  }
  .detail-view .toptxt {
    margin-bottom: 40rem;
  }
  .detail-view .flex-inner {
    flex-direction: column;
    gap: 26rem;
  }
  .detail-view .detail-item {
    width: 100%;
    border-radius: 8rem;
    padding-bottom: 30rem;
  }
  .detail-view .detail-item__bg {
    font-size: 120rem;
  }
  .detail-view .detail-item__img {
    width: 90%;
  }
  .detail-view .detail-item__img .pin {
    cursor: pointer;
    width: 20rem;
  }
  .detail-view .detail-item__btn .detail-btn__wrap ul {
    display: flex;
    gap: 16rem;
  }
  .detail-view .detail-item__btn .detail-btn__wrap ul li button {
    height: 34rem;
    padding: 0 20rem;
    border-radius: 8rem;
  }
  .detail-view .detail-list {
    flex: 1;
  }
  .detail-view .detail-list ul li {
    padding: 16rem 0;
  }
  .detail-view .detail-list ul li .detail-thumb .detail-thumb__wrap {
    position: relative;
    width: 100%;
    height: auto;
    flex-shrink: 0;
    border-radius: 12rem;
  }
  .detail-view .detail-list ul li .detail-thumb .detail-thumb__wrap .txtBx {
    height: 28rem;
    left: 20rem;
    bottom: 20rem;
  }
  .detail-view .detail-list ul li .detail-thumb-txt {
    gap: 10rem;
  }
  .detail-view .detail-list ul li .detail-thumb-txt .iconBx {
    flex-shrink: 0;
  }
  .detail-view .detail-list ul li .detail-thumb-txt .iconBx .img-wrap {
    width: 38rem;
  }
  .detail-view .detail-list ul li .detail-thumb-line {
    position: absolute;
    left: 0;
    top: 0;
    display: none !important;
  }
  .detail-view .detail-list ul li.active .detail-thumb-line {
    display: none !important;
  }
  .detail-view .front-view,
  .detail-view .rear-view {
    display: none;
  }
  .detail-view .front-view.on,
  .detail-view .rear-view.on {
    display: block;
  }
}/*# sourceMappingURL=detail_view.css.map */