@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "S-CoreDream";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
#container.portfolio {
  padding-top: 0;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: -0.03em;
  font-family: "Nanum Gothic", "NanumSquare", "NanumSquareNeo", HelveticaNeue-Light, AppleSDGothicNeo-Light, "Malgun Gothic", sans-serif !important;
}

strong {
  font-weight: normal;
}

.tit_comm {
  display: block;
  font-family: "S-CoreDream", "NanumSquareNeo", "NanumSquare", HelveticaNeue-Light, AppleSDGothicNeo-Light, "Malgun Gothic", sans-serif !important;
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: 600;
}

.desc {
  line-height: 1.8;
}

.wrap_tit .desc {
  margin-top: 3em;
}

.contents:not(:first-child) {
  margin-top: 60px;
}

.img.full img {
  width: 100%;
  max-height: 100vh;
  max-height: 100dvh;
  -o-object-fit: cover;
     object-fit: cover;
}

.dual {
  display: flex;
}
.dual > div {
  flex-grow: 1;
}

section {
  padding: 150px 0;
}

section.img_area {
  padding: 0;
}

@media screen and (max-width: 1480px) {
  section {
    padding: 10.13vw 0;
  }
}
@media screen and (max-width: 1024px) {
  #container.portfolio {
    font-size: 16px;
  }
  section {
    padding: 80px 0;
  }
}
#visual {
  display: flex;
  justify-content: flex-end;
  padding: 0;
  background: url(../../img/portfolio/p6/p6_visual.jpg) center/cover;
}
#visual .inner {
  display: flex;
  align-items: flex-end;
  width: 50%;
  height: 100vh;
  height: 100dvh;
  padding-bottom: 100px;
}
#visual .conts {
  display: flex;
  width: 100%;
  padding: 52px 72px;
  background: rgba(255, 255, 255, 0.8);
}
#visual .conts .tit_comm {
  font-size: 72px;
  line-height: 1.2;
  color: #EF4130;
  font-weight: 300;
}
#visual .conts .tit_comm span {
  display: block;
}
#visual .conts .tit_comm span:last-child {
  font-weight: 800;
}
@media screen and (max-width: 1480px) {
  #visual .conts {
    padding: 3.5vw 4.86vw;
  }
  #visual .conts .tit_comm {
    font-size: 4.86vw;
  }
}
@media screen and (max-width: 1024px) {
  #visual .inner {
    width: 100%;
    padding-left: 20vw;
  }
  #visual .conts {
    padding: 24px 20px;
  }
  #visual .conts .tit_comm {
    font-size: 32px;
  }
}

.section1 {
  padding: 120px 0;
  background: #494D58;
  color: #fff;
}
.section1 .tit_comm .sup {
  display: block;
  font-size: 24px;
  font-weight: 300;
}
.section1 .tit_comm .title {
  display: block;
  font-weight: 600;
}
.section1 .desc {
  margin-top: 2.4em;
}
@media screen and (max-width: 1480px) {
  .section1 {
    padding: 8.1vw 0;
  }
}
@media screen and (max-width: 768px) {
  .section1 {
    padding: 60px 0;
  }
}

.section2 {
  text-align: center;
  color: #EF4130;
}
.section2 .contents {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
.section2 .inner {
  position: relative;
  border: 2px solid #EF4130;
  background: #FEF2EF;
  border-radius: 240px;
  transition: 1.5s 0.5s;
}
.section2 .inner .item {
  display: inline-flex;
  width: 240px;
  height: 240px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
}
.section2 .inner .tit_comm {
  font-size: 1.2em;
  letter-spacing: 0;
  opacity: 0;
  transition-duration: 0.5s;
}
.section2 .inner .center {
  position: relative;
  background: #EF4130;
  color: #fff;
  z-index: 1;
}
.section2 .inner .center .tit_comm {
  transition-delay: 1.2s;
}
.section2 .inner .left, .section2 .inner .right {
  position: absolute;
  top: 0;
}
.section2 .inner .left .tit_comm, .section2 .inner .right .tit_comm {
  transition-delay: 1.5s;
}
.section2 .inner .left {
  left: 0;
}
.section2 .inner .right {
  right: 0;
}
.section2 .contents.aos-animate .inner {
  padding: 0 350px;
}
.section2 .contents.aos-animate .left {
  left: 50px;
}
.section2 .contents.aos-animate .right {
  right: 50px;
}
.section2 .contents.aos-animate .tit_comm {
  opacity: 1;
}
@media screen and (max-width: 1480px) {
  .section2 .contents {
    margin-top: 6.75vw;
  }
}
@media screen and (max-width: 1024px) {
  .section2 .contents {
    margin-top: 60px;
  }
  .section2 .inner {
    border-radius: 23.43vw;
  }
  .section2 .inner .item {
    width: 23.43vw;
    height: 23.43vw;
  }
  .section2 .contents.aos-animate .inner {
    padding: 0 34.179vw;
  }
  .section2 .contents.aos-animate .left {
    left: 4.88vw;
  }
  .section2 .contents.aos-animate .right {
    right: 4.88vw;
  }
}
@media screen and (max-width: 768px) {
  .section2 .contents {
    margin-top: 40px;
  }
  .section2 .inner .tit_comm {
    font-size: 16px;
  }
  .section2 .inner {
    border-radius: 23.43vw;
    border-width: 1px;
  }
  .section2 .inner .item {
    width: 30vw;
    height: 23.43vw;
    border-radius: 23.43vw;
  }
  .section2 .contents.aos-animate .inner {
    padding: 0 32vw;
  }
  .section2 .contents.aos-animate .left {
    left: 2.5vw;
  }
  .section2 .contents.aos-animate .right {
    right: 2.5vw;
  }
}
.section3 {
  padding: 0;
  background: url(../../img/portfolio/p6/p6_sect3_img01.jpg) center/cover;
}
.section3 .contents {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  padding: 150px 0;
  color: #EF4130;
}
.section3 .tit_comm {
  display: block;
  width: 100%;
}
.section3 .conts {
  margin-top: 60px;
}
.section3 .conts .tit {
  display: block;
  font-weight: 700;
}
.section3 .conts .desc {
  margin-top: 1.2em;
}
@media screen and (max-width: 1480px) {
  .section3 .contents {
    padding: 10.13vw 0;
  }
}
@media screen and (max-width: 768px) {
  .section3 .wfix {
    padding: 0;
  }
  .section3 .contents {
    padding: 0;
  }
  .section3 .inner {
    width: 100%;
    padding: 120px 20px 60px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    text-align: right;
  }
  .section3 .conts {
    margin-top: 30px;
    font-size: 0.95em;
  }
}

.section4 .img {
  padding-top: 12px;
}

.section5 {
  padding: 12px 0;
}
.section5 .img {
  width: 60%;
}
.section5 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section5 .contents {
  display: flex;
  align-items: center;
  width: 40%;
  margin-top: 0;
  padding: 80px;
  color: #EF4130;
}
.section5 .desc {
  margin-top: 2em;
}
@media screen and (max-width: 1480px) {
  .section5 .contents {
    padding: 5.4vw;
  }
}
@media screen and (max-width: 768px) {
  .section5 .dual {
    display: block;
  }
  .section5 .img {
    width: 80%;
  }
  .section5 .img img {
    height: 50vw;
  }
  .section5 .contents {
    width: 100%;
    padding-left: 20vw;
  }
}

.section7 {
  margin-top: 12px;
  padding: 80px 0;
  background: url(../../img/portfolio/p6/p6_sect7_img01.jpg) center/cover;
}
.section7 .wfix {
  position: relative;
  height: calc(100vh - 160px);
  height: calc(100dvh - 160px);
}
.section7 .symbol {
  position: absolute;
  top: 0;
  right: 40px;
  width: 200px;
}
.section7 .wrap_tit {
  position: absolute;
  bottom: 0;
  left: 40px;
}
.section7 .wrap_tit .title {
  font-size: 3.6em;
  line-height: 1.1;
  color: #F4C0AB;
  font-family: "NanumSquare", "NanumSquareNeo", HelveticaNeue-Light, AppleSDGothicNeo-Light, "Malgun Gothic", sans-serif !important;
}
.section7 .wrap_tit .title span {
  display: block;
}
.section7 .wrap_tit .title .dark {
  color: #6E1203;
  font-weight: 800;
}
@media screen and (max-width: 1480px) {
  .section7 {
    padding: 5.4vw 0;
  }
  .section7 .wfix {
    height: calc(100vh - 10.8vw);
    height: calc(100dvh - 10.8vw);
  }
  .section7 .symbol {
    width: 13.5vw;
  }
}
@media screen and (max-width: 768px) {
  .section7 {
    padding: 40px 0;
  }
  .section7 .wfix {
    max-height: 200vw;
    height: calc(100vh - 120px);
    height: calc(100dvh - 120px);
  }
  .section7 .wrap_tit {
    left: 20px;
  }
  .section7 .wrap_tit .title {
    font-size: 32px;
  }
  .section7 .symbol {
    right: 20px;
  }
}

.section8 {
  text-align: center;
  color: #EF4130;
}
.section8 .contents {
  display: flex;
  justify-content: space-around;
  gap: 80px;
  margin-top: 100px;
}
@media screen and (max-width: 1480px) {
  .section8 .contents {
    gap: 5.4vw;
    margin-top: 6.75vw;
  }
}
@media screen and (max-width: 768px) {
  .section8 .contents {
    display: block;
    margin-top: 40px;
  }
  .section8 img {
    width: 320px;
  }
}

.section9 {
  background: #EF4130;
  color: #fff;
  text-align: center;
}
.section9 .wrap_tit {
  max-width: 800px;
  margin: 0 auto;
}
.section9 .contents {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: 120px;
}
@media screen and (max-width: 1480px) {
  .section9 .contents {
    margin-top: 8.1vw;
  }
}
@media screen and (max-width: 768px) {
  .section9 .contents {
    margin-top: 60px;
  }
}
@media screen and (max-width: 640px) {
  .section9 .contents {
    flex-direction: column;
    justify-content: center;
  }
  .section9 .sign {
    width: 60px;
  }
  .section9 .item, .section9 .sign {
    transition-delay: 0s !important;
  }
  .section9 .item img {
    max-width: 220px;
  }
}

.section10 {
  text-align: center;
  color: #EF4130;
}
.section10 .wrap_tit {
  max-width: 800px;
  margin: 0 auto;
}
.section10 .contents {
  margin-top: 120px;
}
.section10 .contents .img {
  display: flex;
  position: relative;
}
.section10 .contents .img [class^=item] {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 146px;
  height: 136px;
  border: 4px solid #fff;
  border-radius: 136px 0 0 136px;
  color: #fff;
  flex-grow: 1;
}
.section10 .contents .img [class^=item]:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 68px;
  height: 128px;
  border-radius: 128px 0 0 128px;
  background: #fff;
  content: "";
}
.section10 .contents .img [class^=item] + [class^=item] {
  margin-left: -72px;
}
.section10 .contents .img .item1 {
  width: 20%;
  background-color: #494D58;
}
.section10 .contents .img .item2 {
  width: 5%;
  background-color: #939598;
}
.section10 .contents .img .item3 {
  width: 7%;
  background-color: #DBD9D6;
  color: #494D58;
}
.section10 .contents .img .item4 {
  background-color: #EF4130;
  flex-grow: 0;
}
.section10 .contents .img .item5 {
  width: 4%;
  background-color: #C19C67;
}
.section10 .contents .img .item6 {
  width: 4%;
  border-radius: 136px;
  background-color: #00386C;
}
.section10 .contents .img .item6:after {
  display: none;
}
.section10 .contents .img span {
  display: block;
  padding: 0 20px;
  font-size: 18px;
}
.section10 .contents .img [class^=lab] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.section10 .contents .img .lab3 {
  color: #494D58;
}
.section10 .contents .conts {
  position: relative;
  height: 184px;
}
.section10 .contents .conts [class^=item] {
  position: absolute;
  top: 0;
  line-height: 1.5;
  text-align: left;
  top: 0;
  width: 184px;
  height: 172px;
  padding: 68px 0 0 12px;
  font-size: 14px;
}
.section10 .contents .conts [class^=item]:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: url(../../img/portfolio/p6/p6_sect10_line.png) no-repeat 0 0/100% auto;
  transition: 0.8s;
  content: "";
}
.section10 .contents .conts [class^=item] .inner {
  opacity: 0;
  transform: translateY(2em);
  transition: 0.8s;
}
.section10 .contents .conts [class^=item].aos-animate:before {
  height: 100%;
}
.section10 .contents .conts [class^=item].aos-animate .inner {
  opacity: 1;
  transform: translateY(0);
}
.section10 .contents .conts .item1 {
  left: 0;
}
.section10 .contents .conts .item1:before {
  transition-delay: 0.2s;
}
.section10 .contents .conts .item1 .inner {
  transition-delay: 0.4s;
}
.section10 .contents .conts .item2 {
  left: 24.6%;
}
.section10 .contents .conts .item2:before {
  transition-delay: 0.4s;
}
.section10 .contents .conts .item2 .inner {
  transition-delay: 0.6s;
}
.section10 .contents .conts .item3 {
  left: 39.7%;
}
.section10 .contents .conts .item3:before {
  transition-delay: 0.6s;
}
.section10 .contents .conts .item3 .inner {
  transition-delay: 0.8s;
}
.section10 .contents .conts .item4 {
  left: 55.2%;
}
.section10 .contents .conts .item4:before {
  transition-delay: 0.8s;
}
.section10 .contents .conts .item4 .inner {
  transition-delay: 1s;
}
.section10 .contents .conts .item5 {
  left: 66.2%;
}
.section10 .contents .conts .item5:before {
  transition-delay: 1s;
}
.section10 .contents .conts .item5 .inner {
  transition-delay: 1.2s;
}
.section10 .contents .conts .item6 {
  left: 78.3%;
}
.section10 .contents .conts .item6:before {
  transition-delay: 1.2s;
}
.section10 .contents .conts .item6 .inner {
  transition-delay: 1.4s;
}
@media screen and (max-width: 1480px) {
  .section10 .contents {
    margin-top: 8.1vw;
  }
  .section10 .contents .img [class^=item] {
    height: 9.18vw;
    border-radius: 9.18vw 0 0 9.18vw;
  }
  .section10 .contents .img [class^=item]:after {
    width: 4.9vw;
    height: 8.64vw;
    border-radius: 8.64vw 0 0 8.64vw;
  }
  .section10 .contents .img .item6 {
    border-radius: 9.18vw;
  }
  .section10 .contents .img span {
    font-size: 1.3vw;
  }
  .section10 .contents .conts {
    height: 12.43vw;
  }
  .section10 .contents .conts [class^=item] {
    width: 12.43vw;
    height: 11.62vw;
    padding: 4.59vw 0 0 0.81vw;
    font-size: 0.945vw;
  }
}
@media screen and (max-width: 768px) {
  .section10 .contents .pc {
    display: none;
  }
  .section10 .contents .mo {
    display: block;
    margin: 0 auto;
  }
  .section10 .contents .mo .row + .row {
    margin-top: 60px;
  }
  .section10 .contents .mo .img [class^=item] {
    height: 68px;
    border-radius: 68px 0 0 68px;
    border-width: 2px;
  }
  .section10 .contents .mo .img [class^=item]:after {
    width: 34px;
    height: 64px;
    border-radius: 64px 0 0 64px;
  }
  .section10 .contents .mo .img span {
    font-size: 16px;
  }
  .section10 .contents .mo .img .item3, .section10 .contents .mo .img .item6 {
    border-radius: 68px;
  }
  .section10 .contents .mo .img .item3:after, .section10 .contents .mo .img .item6:after {
    display: none;
  }
  .section10 .contents .mo .conts {
    height: 120px;
  }
  .section10 .contents .mo .conts [class^=item] {
    width: 130px;
    height: 120px;
    padding: 34px 0 0 6px;
    font-size: 12px;
  }
  .section10 .contents .mo .conts [class^=item]:before {
    background: url(../../img/portfolio/p6/p6_sect10_line_mo.png) no-repeat 0 0/auto 120px;
  }
  .section10 .contents .mo .conts .item1 {
    height: 110px;
  }
  .section10 .contents .mo .conts .item1:before {
    transition-delay: 0.4s;
  }
  .section10 .contents .mo .conts .item1 .inner {
    transition-delay: 0.6s;
  }
  .section10 .contents .mo .conts .item2 {
    height: 110px;
    left: 33.33%;
  }
  .section10 .contents .mo .conts .item2:before {
    transition-delay: 0.6s;
  }
  .section10 .contents .mo .conts .item2 .inner {
    transition-delay: 0.8s;
  }
  .section10 .contents .mo .conts .item3 {
    height: 110px;
    left: 66.66%;
  }
  .section10 .contents .mo .conts .item3:before {
    transition-delay: 0.8s;
  }
  .section10 .contents .mo .conts .item3 .inner {
    transition-delay: 1s;
  }
  .section10 .contents .mo .conts .item4 {
    left: 0;
    height: 120px;
  }
  .section10 .contents .mo .conts .item4:before {
    transition-delay: 1s;
  }
  .section10 .contents .mo .conts .item4 .inner {
    transition-delay: 1.2s;
  }
  .section10 .contents .mo .conts .item5 {
    left: 33.33%;
    height: 120px;
  }
  .section10 .contents .mo .conts .item5:before {
    transition-delay: 1.2s;
  }
  .section10 .contents .mo .conts .item5 .inner {
    transition-delay: 1.4s;
  }
  .section10 .contents .mo .conts .item6 {
    left: 66.66%;
    height: 120px;
  }
  .section10 .contents .mo .conts .item6:before {
    transition-delay: 1.4s;
  }
  .section10 .contents .mo .conts .item6 .inner {
    transition-delay: 1.6s;
  }
}
@media screen and (max-width: 420px) {
  .section10 .contents .mo .conts [class^=item] {
    font-size: 10px;
  }
  .section10 .contents .mo .conts [class^=item].item1, .section10 .contents .mo .conts [class^=item].item2, .section10 .contents .mo .conts [class^=item].item3 {
    height: 92px;
  }
  .section10 .contents .mo .conts [class^=item].item4, .section10 .contents .mo .conts [class^=item].item5, .section10 .contents .mo .conts [class^=item].item6 {
    height: 106px;
  }
}

.section11 {
  text-align: center;
  background: linear-gradient(to right, #4D5862 0%, #3C444C 100%);
  color: #fff;
}
.section11 .tit_comm {
  color: #EF4130;
}
.section11 .contents {
  display: flex;
  margin-top: 120px;
}
.section11 .item {
  width: 100%;
  color: #fff;
}
.section11 .conts:before {
  display: block;
  width: 1px;
  height: 0;
  margin: 40px auto;
  background: #fff;
  transition: 1s;
  content: "";
}
.section11 .conts.aos-animate:before {
  height: 100px;
}
.section11 .conts .tit {
  display: block;
  font-size: 2em;
  font-weight: bold;
}
.section11 .conts .light {
  font-weight: 300;
}
.section11 .conts .regular {
  font-weight: 400;
}
.section11 .conts .bold {
  font-weight: 700;
}
.section11 .conts .extrabold {
  font-weight: 800;
}
.section11 .conts .weight {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  width: 380px;
  margin: 12px auto 0;
}
.section11 .conts .weight span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 28px;
  border: 1px solid #fff;
  border-radius: 28px;
  font-size: 0.8em;
  line-height: 1;
  transition: 0.5s 0.8s;
}
.section11 .conts .weight.aos-animate span:nth-child(n+2) {
  background-color: #fff;
  color: #494D58;
}
.section11 .conts .samples {
  margin-top: 32px;
}
.section11 .conts .samples span {
  display: block;
  font-size: 0.9em;
}
@media screen and (max-width: 1024px) {
  .section11 .contents {
    margin-top: 60px;
    gap: 40px;
  }
  .section11 .conts {
    margin-top: 20px;
  }
  .section11 .conts.aos-animate:before {
    height: 60px;
  }
  .section11 .conts .weight {
    gap: 4px;
    width: 100%;
  }
  .section11 .conts .samples {
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .section11 .contents {
    flex-direction: column;
    align-items: center;
    gap: 60px;
  }
  .section11 .item {
    width: 360px;
    max-width: 100%;
  }
  .section11 .img {
    width: 40vw;
    margin: 0 auto;
  }
  .section11 .conts:before {
    margin: 20px auto;
  }
  .section11 .conts.aos-animate:before {
    height: 40px;
  }
  .section11 .conts .tit {
    font-size: 24px;
  }
}

.section12 {
  background: linear-gradient(to right, #4D5862 0%, #3C444C 100%);
}
@media screen and (max-width: 1024px) {
  .section12 img {
    height: 80vw;
  }
}

.section13 {
  position: relative;
  background: #DBD9D6;
}
.section13 .img {
  position: relative;
  text-align: center;
}
.section13 .img .wrap_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 827px;
  aspect-ratio: 1.02176/1;
  margin-top: -313px;
  margin-left: -142px;
}
.section13 .img .wrap_svg .inner_svg {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  transition: 1.5s 0.3s;
}
.section13 .img .wrap_svg svg {
  position: absolute;
  top: 0;
  right: 0;
  height: 827px;
}
.section13 .img img {
  position: relative;
  max-height: 100vh;
  max-height: 100dvh;
}
.section13 .img.aos-animate .wrap_svg .inner_svg {
  width: 100%;
  height: 827px;
}
.section13 .inner {
  position: absolute;
  top: 56%;
  left: 0;
  right: 0;
  bottom: 0;
}
.section13 .wrap_tit {
  max-width: 480px;
  color: #EF4130;
}
@media screen and (max-width: 1920px) {
  .section13 .img .wrap_svg {
    height: 43vw;
    margin-top: -16.3vw;
    margin-left: -7.39vw;
  }
  .section13 .img .wrap_svg svg {
    height: 43vw;
  }
  .section13 .img.aos-animate .wrap_svg .inner_svg {
    height: 43vw;
  }
}
@media screen and (max-width: 1480px) {
  .section13 .wrap_tit .desc {
    margin-top: 2em;
  }
}
@media screen and (max-width: 1024px) {
  .section13 .img .wrap_svg {
    height: 60vw;
    margin-top: -22.2vw;
    margin-left: -10.1vw;
  }
  .section13 .img .wrap_svg svg {
    height: 60vw;
  }
  .section13 .img img {
    height: 80vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .section13 .img.aos-animate .wrap_svg .inner_svg {
    height: 60vw;
  }
}
@media screen and (max-width: 768px) {
  .section13 .inner {
    position: relative;
    top: auto;
    padding: 80px 0 20px;
  }
  .section13 .img .wrap_svg {
    height: 67.6vw;
    margin-top: -25.1vw;
    margin-left: -11.4vw;
  }
  .section13 .img .wrap_svg svg {
    height: 67.6vw;
  }
  .section13 .img img {
    height: 90vw;
  }
  .section13 .img.aos-animate .wrap_svg .inner_svg {
    height: 67.6vw;
  }
}

@media screen and (max-width: 1024px) {
  .section14 .img img {
    height: 70vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.section15 {
  display: flex;
  align-items: center;
  height: 100vh;
  height: 100dvh;
  min-height: 700px;
  background: url(../../img/portfolio/p6/p6_sect15_img01.jpg) center/cover;
}
.section15 .wrap_tit {
  max-width: 380px;
  color: #fff;
}
.section15 .title {
  font-size: 72px;
  font-family: "NanumSquare", "NanumSquareNeo", HelveticaNeue-Light, AppleSDGothicNeo-Light, "Malgun Gothic", sans-serif !important;
  color: #EF4130;
  line-height: 1.2;
}
.section15 .title span {
  display: block;
}
.section15 .title .bold {
  font-weight: 800;
}
.section15 .desc {
  margin-top: 2.2em;
  font-family: "S-CoreDream", "NanumSquareNeo", "NanumSquare", HelveticaNeue-Light, AppleSDGothicNeo-Light, "Malgun Gothic", sans-serif !important;
  font-size: 18px;
  color: #fff;
}
@media screen and (max-width: 1480px) {
  .section15 {
    background-position: 40% center;
  }
  .section15 .title {
    font-size: 64px;
  }
  .section15 .desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .section15 .title {
    font-size: 42px;
  }
}
@media screen and (max-width: 768px) {
  .section15 {
    height: 120vw;
    min-height: 500px;
    padding: 0;
    background-position: 36% center;
  }
  .section15 .wrap_tit {
    width: 50%;
  }
  .section15 .title {
    font-size: 32px;
  }
  .section15 .desc {
    font-size: 15px;
  }
}