.work-detail .contents-inner .headline-inner .title {
  font-weight: 700;
  line-height: 100px;
  letter-spacing: -0.7px;
}
.work-detail .contents-inner .headline-inner .title .title-topic {
  font-weight: 700;
  letter-spacing: -0.14px;
}
.work-detail .contents-inner .headline-inner > p {
  line-height: 130%;
  letter-spacing: -0.16px;
}
.work-detail .contents-inner .headline-inner > p + p {
  margin-top: 25px;
}

.work-section {
  position: relative;
  margin: 0 48px;
  box-sizing: border-box;
  flex-direction: column;
}
.work-section .pc {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  max-width: 1824px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.work-section.section1 {
  padding-top: min(132px, 8.8vw);
  overflow: visible;
}
.work-section.section1 .pc .con {
  position: relative;
  width: min(1200px, 65.8vw);
  display: flex;
  flex-direction: column;
}
.work-section.section1 .pc .con .img1 {
  width: min(912px, 50vw);
}
.work-section.section1 .pc .con .box {
  position: relative;
  width: 100%;
  margin-top: min(142px, 8.2vw);
  margin-bottom: min(350px, 19.1vw);
}
.work-section.section1 .pc .con .box > img {
  position: absolute;
}
.work-section.section1 .pc .con .box .img2 {
  width: min(220px, 12.1vw);
  bottom: min(594px, 32.4vw);
  right: min(89px, 4.8vw);
}
.work-section.section1 .pc .con .box .img3 {
  width: min(260px, 14.3vw);
  bottom: min(-135px, -7.4vw);
  left: min(-100px, 5.5vw);
  z-index: 2;
}
.work-section.section1 .pc .con .box .img4 {
  width: min(220px, 12.1vw);
  right: min(238px, 13.1vw);
  bottom: min(-143px, -8.4vw);
}
.work-section.section1 .pc .con .box .img5 {
  width: min(360px, 19.8vw);
  bottom: min(-246px, -14.7vw);
  right: min(384px, 21.1vw);
}
.work-section.section1 .pc .con .box .slider {
  width: min(1200px, 65.8vw);
  position: relative;
  z-index: 1;
}
.work-section.section1 .pc .con .box .slider .inner {
  width: min(1200px, 65.8vw);
  height: min(650px, 35.7vw);
  padding-top: min(32px, 1.7vw);
  background: url("./images/pc_sec1_slideBg.png") no-repeat center top/contain;
  box-shadow: 15px 30px 40px 10px rgba(0, 0, 0, 0.15);
  border-radius: 16px;
  overflow: hidden;
  box-sizing: border-box;
}
.work-section.section1 .pc .con .box .slider .swiper-slide .img {
  display: block;
}
.work-section.section1 .pc .con .box .slider .swiper-slide .img img {
  width: 100%;
}
.work-section.section2 {
  padding-top: min(261px, 16.9vw);
  overflow: visible;
}
.work-section.section2 .pc .txt {
  display: flex;
  width: min(1200px, 65.8vw);
}
.work-section.section2 .pc .txt .img1 {
  width: min(412px, 21.4vw);
}
.work-section.section3 {
  padding-top: min(280px, 18.2vw);
}
.work-section.section3 .pc .con {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 264px;
  width: 100%;
}
.work-section.section3 .pc .con li {
  display: flex;
  width: 100%;
}
.work-section.section3 .pc .con li:nth-child(1) {
  justify-content: flex-end;
  gap: min(187px, 9.8vw);
}
.work-section.section3 .pc .con li:nth-child(2) {
  justify-content: flex-start;
  gap: min(132px, 6.9vw);
}
.work-section.section3 .pc .con li:nth-child(3) {
  justify-content: flex-end;
  gap: min(122px, 6.3vw);
}
.work-section.section3 .pc .con li:nth-child(4) {
  justify-content: flex-start;
  gap: min(139px, 7.2vw);
}
.work-section.section3 .pc .con .txt {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.work-section.section3 .pc .con .txt .img1 {
  width: min(370px, 19.2vw);
}
.work-section.section3 .pc .con .txt .img2 {
  width: min(590px, 30.7vw);
  padding-left: min(47px, 2.6vw);
}
.work-section.section3 .pc .con .txt .img6 {
  width: min(468px, 24.4vw);
}
.work-section.section3 .pc .con .txt .img7 {
  width: min(607px, 31.6vw);
  padding-left: min(55px, 3vw);
}
.work-section.section3 .pc .con .txt .img8 {
  width: min(421px, 22vw);
}
.work-section.section3 .pc .con .txt .img9 {
  width: min(580px, 30.2vw);
  padding-left: min(56px, 3.1vw);
}
.work-section.section3 .pc .con .txt .img12 {
  width: min(663px, 34.6vw);
}
.work-section.section3 .pc .con .txt .img13 {
  width: min(547px, 28.5vw);
  padding-left: min(56px, 3.1vw);
}
.work-section.section3 .pc .con .img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.work-section.section3 .pc .con .img-box .img3 {
  width: min(892px, 46.4vw);
}
.work-section.section3 .pc .con .img-box .img4 {
  width: min(581px, 30.3vw);
}
.work-section.section3 .pc .con .img-box .img5 {
  width: min(271px, 14.2vw);
}
.work-section.section3 .pc .con .img-box .img10 {
  width: min(892px, 46.5vw);
}
.work-section.section3 .pc .con .img-box .img11 {
  width: min(737px, 38.4vw);
}
.work-section.section4 {
  height: min(644px, 37.2vw);
  margin: min(264px, 17.1vw) 0 0;
  background: #ff5626;
}
.work-section.section4 .pc .con {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(339px, 19.6vw);
}
.work-section.section4 .pc .con .img1 {
  width: min(463px, 24.2vw);
}
.work-section.section4 .pc .con .img2 {
  width: min(677px, 35.3vw);
}
.work-section.section5 {
  padding-top: min(264px, 15.2vw);
  overflow: visible;
}
.work-section.section5 .pc .con {
  width: 100%;
  height: min(1406px, 81.2vw);
  position: relative;
}
.work-section.section5 .pc .con .txt {
  position: absolute;
  top: min(112px, 6.2vw);
  right: min(708px, 34.8vw);
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.work-section.section5 .pc .con .txt .img1 {
  width: min(348px, 18.1vw);
}
.work-section.section5 .pc .con .txt .img2 {
  width: min(109px, 5.7vw);
  margin: 64px 0 20px;
}
.work-section.section5 .pc .con .txt .img3 {
  width: min(415px, 21.6vw);
}
.work-section.section5 .pc .con .img-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.work-section.section5 .pc .con .img-box img {
  position: absolute;
}
.work-section.section5 .pc .con .img-box .img4 {
  width: min(581px, 30.3vw);
  top: 0;
  right: 0;
}
.work-section.section5 .pc .con .img-box .img5 {
  width: min(581px, 30.3vw);
  top: 360px;
  left: 0;
}
.work-section.section5 .pc .con .img-box .img6 {
  width: min(737px, 38.4vw);
  bottom: 0;
  right: 155px;
}
.work-section.section6 {
  padding-top: min(116px, 6.7vw);
  margin: 0;
}
.work-section.section6 .pc {
  margin: 0;
  max-width: 100%;
  width: 100%;
}
.work-section.section6 .pc .con {
  position: relative;
  width: 100%;
}
.work-section.section6 .pc .con .txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  margin-left: min(203px, 11.2vw);
}
.work-section.section6 .pc .con .txt .img1 {
  width: min(626px, 32.7vw);
}
.work-section.section6 .pc .con .txt .img2 {
  width: min(488px, 25.5vw);
}
.work-section.section6 .pc .con .slider {
  width: 100%;
  margin-top: min(130px, 7.5vw);
}
.work-section.section6 .pc .con .slider .inner {
  overflow: hidden;
}
.work-section.section6 .pc .con .slider .inner .slide_list {
  transition-timing-function: linear;
}
.work-section.section6 .pc .con .slider .inner .slide_list .swiper-slide {
  width: auto;
}
.work-section.section6 .pc .con .slider .inner .slide_list .img {
  display: block;
  width: min(1920px, 105.3vw);
}
.work-section.section6 .pc .con .slider .inner .slide_list .img img {
  width: 100%;
}
.work-section.section7 {
  padding-top: min(207px, 12vw);
  overflow: visible;
}
.work-section.section7 .pc .con {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  height: min(1137px, 62.4vw);
}
.work-section.section7 .pc .con .img-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.work-section.section7 .pc .con .img-box img {
  position: absolute;
}
.work-section.section7 .pc .con .img-box .img1 {
  width: min(871px, 45.4vw);
  top: 0;
  left: 0;
}
.work-section.section7 .pc .con .img-box .img2 {
  width: min(889px, 46.4vw);
  top: min(345px, 19vw);
  right: 0;
}
.work-section.section7 .pc .con .txt {
  position: absolute;
  bottom: 0;
  left: min(99px, 5.4vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
}
.work-section.section7 .pc .con .txt .img3 {
  width: min(299px, 15.6vw);
}
.work-section.section7 .pc .con .txt .img4 {
  width: min(575px, 30vw);
}
.work-section.section8 {
  padding-top: min(312px, 17.1vw);
  margin: 0;
}
.work-section.section8 .pc {
  margin: 0;
  max-width: 100%;
  background: #ff5624;
}
.work-section.section8 .pc .con {
  max-width: 1920px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: min(68px, 37.5vw);
  width: 100%;
}
.work-section.section8 .pc .con .txt {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: min(64px, 3.5vw);
}
.work-section.section8 .pc .con .txt .img1 {
  width: min(215px, 11.2vw);
}
.work-section.section8 .pc .con .txt .img2 {
  width: min(784px, 40.9vw);
}
.work-section.section8 .pc .con .img3 {
  width: min(960px, 50vw);
}
.work-section.section9 {
  padding-top: min(264px, 15.2vw);
  padding-bottom: min(221px, 12.7vw);
}
.work-section.section9 .pc {
  align-items: flex-start;
}
.work-section.section9 .pc .con {
  display: flex;
  flex-direction: column;
  gap: min(252px, 14.5vw);
  padding-left: min(157px, 8.6vw);
}
.work-section.section9 .pc .con .img1 {
  width: min(1120px, 58.4vw);
}
.work-section.section9 .pc .con .img2 {
  width: min(1360px, 70.9vw);
}

@media (min-width: 1025px) {
  .work-section .pc {
    display: flex;
  }
  .mo-br {
    display: none;
  }
}
@media (max-width: 1024px) {
  .work-section .pc {
    display: none;
  }
  .work-detail .contents-inner {
    padding-left: 0;
  }
  .work-detail .contents-inner .headline-inner {
    justify-content: flex-start;
    padding: 134px 0 0 49px;
  }
  .work-detail .contents-inner .headline-inner .title {
    line-height: 55px;
    letter-spacing: -1.2px;
    margin-bottom: 39px;
  }
  .work-detail .contents-inner .headline-inner .title .title-topic {
    font-weight: 500;
    letter-spacing: -0.42px;
  }
  .work-detail .contents-inner .headline-inner > p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.42px;
    margin: 0;
  }
  .work-detail .contents-inner .headline-inner > p + p {
    margin-top: 0;
  }
  .mo-br {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .work-section {
    margin: 0 7.4667vw;
  }
  .work-section.section1 {
    padding-top: 17.07vw;
    margin: 0;
    overflow: hidden;
  }
  .work-section.section1 .img1 {
    padding: 0 7.4667vw;
    box-sizing: border-box;
  }
  .work-section.section1 .box {
    padding-bottom: 32vw;
    padding-left: 7.4667vw;
    margin-top: 31.73vw;
  }
  .work-section.section1 .box .slider {
    width: 112.53vw;
    position: relative;
    z-index: 1;
  }
  .work-section.section1 .box .slider .inner {
    width: 100%;
    height: 64vw;
    padding-top: 4.8vw;
    background: url("./images/mo_sec1_slideBg.png") no-repeat center top/cover;
    box-shadow: 15px 30px 40px 10px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    overflow: hidden;
    box-sizing: border-box;
  }
  .work-section.section1 .box .slider .swiper-slide .img {
    display: block;
  }
  .work-section.section1 .box .slider .swiper-slide .img img {
    width: 100%;
  }
  .work-section.section2 {
    padding-top: 0;
  }
  .work-section.section2 .mobile .txt {
    display: flex;
  }
  .work-section.section2 .mobile .txt .img1 {
    width: 59.5vw;
  }
  .work-section.section3 {
    padding-top: 32vw;
  }
  .work-section.section3 .mobile .con {
    display: flex;
    flex-direction: column;
    gap: 24.6vw;
  }
  .work-section.section3 .mobile .con li {
    display: flex;
    flex-direction: column;
  }
  .work-section.section3 .mobile .con li .img1 {
    width: 46.2vw;
    margin-bottom: 7.4667vw;
  }
  .work-section.section3 .mobile .con li .img2 {
    margin-bottom: 10.67vw;
  }
  .work-section.section3 .mobile .con li .img3 {
    margin-bottom: 8.53vw;
  }
  .work-section.section3 .mobile .con li .img5 {
    width: 55.2vw;
    margin-bottom: 7.4667vw;
  }
  .work-section.section3 .mobile .con li .img6,
  .work-section.section3 .mobile .con li .img7,
  .work-section.section3 .mobile .con li .img8 {
    margin-bottom: 10.67vw;
  }
  .work-section.section3 .mobile .con li .img10 {
    width: 48.8vw;
    margin-bottom: 7.4667vw;
  }
  .work-section.section3 .mobile .con li .img11 {
    margin-bottom: 10.67vw;
  }
  .work-section.section3 .mobile .con li .img13 {
    width: 81.1vw;
    margin-bottom: 7.4667vw;
  }
  .work-section.section3 .mobile .con li .img14 {
    margin-bottom: 12.8vw;
  }
  .work-section.section4 {
    margin-top: 27.8vw;
    height: auto;
  }
  .work-section.section4 .mobile .con {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10.2vw;
    padding: 30.9vw 7.4667vw;
    box-sizing: border-box;
  }
  .work-section.section4 .mobile .con .img1 {
    width: 61.9vw;
  }
  .work-section.section4 .mobile .con .img2 {
    width: 85.1vw;
  }
  .work-section.section5 {
    padding-top: 27.8vw;
    margin: 0;
  }
  .work-section.section5 .mobile .con {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .work-section.section5 .mobile .con .img1 {
    width: 92.5333vw;
    align-self: flex-end;
    margin-bottom: 19.2vw;
  }
  .work-section.section5 .mobile .con .img2 {
    width: 82.6667vw;
    margin-bottom: 19.2vw;
    padding: 0 7.47vw;
  }
  .work-section.section5 .mobile .con .img3 {
    width: 92.5333vw;
    align-self: flex-start;
    margin-bottom: 7.4667vw;
  }
  .work-section.section5 .mobile .con .img4 {
    width: 92.5333vw;
    align-self: flex-end;
  }
  .work-section.section6 {
    padding-top: 27.8vw;
    margin: 0;
  }
  .work-section.section6 .mobile .con .txt {
    padding: 0 7.47vw;
  }
  .work-section.section6 .mobile .con .txt .img1 {
    width: 100%;
  }
  .work-section.section6 .mobile .con .slider {
    width: 100%;
    margin-top: 12.53vw;
  }
  .work-section.section6 .mobile .con .slider .inner {
    overflow: hidden;
  }
  .work-section.section6 .mobile .con .slider .inner .slide_list {
    transition-timing-function: linear;
  }
  .work-section.section6 .mobile .con .slider .inner .slide_list .swiper-slide {
    max-width: 1080px;
    width: auto;
  }
  .work-section.section7 {
    padding-top: 11.73vw;
    margin: 0;
  }
  .work-section.section7 .mobile .con {
    display: flex;
    flex-direction: column;
  }
  .work-section.section7 .mobile .con .img1 {
    margin-bottom: 12.8vw;
    padding: 0 7.47vw;
    box-sizing: border-box;
  }
  .work-section.section7 .mobile .con .img2 {
    width: 92.53vw;
    align-self: flex-end;
    margin-bottom: 7.47vw;
  }
  .work-section.section7 .mobile .con .img3 {
    width: 92.53vw;
    align-self: flex-start;
  }
  .work-section.section8 {
    padding-top: 27.73vw;
    margin: 0;
  }
  .work-section.section8 .mobile .con {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ff5624;
  }
  .work-section.section8 .mobile .con .img1 {
    width: 100%;
    padding: 21.6vw 7.47vw;
    box-sizing: border-box;
  }
  .work-section.section9 {
    padding-top: 32vw;
    padding-bottom: 58vw;
  }
  .work-section.section9 .mobile .con {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .work-section.section9 .mobile .con .img1 {
    margin-bottom: 32vw;
  }
  .work-section.section9 .mobile .con .img2 {
    width: 73.87vw;
    margin-bottom: 25.6vw;
  }
}/*# sourceMappingURL=welstory.css.map */