@font-face {
  font-family: 'Helvetica Neue';
  src: url("../../fonts/toong/HelveticaNeue/HelveticaNeue.woff2") format("woff2"), url("../../fonts/toong/HelveticaNeue/HelveticaNeue.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue';
  src: url("../../fonts/toong/HelveticaNeue/HelveticaNeue-Italic.woff2") format("woff2"), url("../../fonts/toong/HelveticaNeue/HelveticaNeue-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Helvetica Neue';
  src: url("../../fonts/toong/HelveticaNeue/HelveticaNeue-Medium.woff2") format("woff2"), url("../../fonts/toong/HelveticaNeue/HelveticaNeue-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue';
  src: url("../../fonts/toong/HelveticaNeue/HelveticaNeue-Bold.woff2") format("woff2"), url("../../fonts/toong/HelveticaNeue/HelveticaNeue-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'Helvetica Neue';
  src: url("../../fonts/toong/HelveticaNeue/HelveticaNeue-BoldItalic.woff2") format("woff2"), url("../../fonts/toong/HelveticaNeue/HelveticaNeue-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic; }

body.load-first #page-workToong {
  opacity: 1; }

.mfp-wrap {
  cursor: url(../img/current.png), default; }

.mfp-ajax-holder .mfp-content {
  max-width: 1140px;
  margin: auto; }

.mfp-content {
  padding: 40px 5%; }

.mfp-figure:after {
  display: none; }

.mfp-image {
  position: relative; }

.mfp-image:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

img.mfp-img {
  padding: 0; }

.mfp-figure:after {
  display: none; }

.mfp-zoom-in .mfp-content {
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8); }

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-content {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: .8; }

.mfp-zoom-in.mfp-removing .mfp-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

.mfp-arrow {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0; }

.mfp-arrow:before {
  display: none; }

.mfp-arrow:after {
  position: static;
  display: block;
  font-family: 'fontAgency';
  border: 0;
  width: auto;
  height: auto;
  margin: 0;
  color: #fff;
  font-size: 20px; }

.mfp-arrow:active {
  margin-top: 0; }

.mfp-arrow-left:after {
  content: '\E901'; }

.mfp-arrow-right:after {
  content: '\E902'; }

#page-workToong {
  font-family: "Helvetica Neue";
  font-size: 15px;
  font-weight: normal;
  line-height: 1.8;
  color: #404040;
  opacity: 0; }
  #page-workToong .swiper-container {
    padding: 0; }
  #page-workToong .footer {
    margin-top: 0; }
  #page-workToong h1, #page-workToong h2, #page-workToong h3, #page-workToong h4, #page-workToong h5, #page-workToong h6 {
    font-family: "Helvetica Neue";
    font-weight: bold;
    color: #000000;
    margin-top: 0; }
  @media (max-width: 767.98px) {
    #page-workToong .container {
      padding-left: 26px;
      padding-right: 26px; } }
  @media (min-width: 1500px) {
    #page-workToong .container {
      width: 1440px; } }
  @media (min-width: 1260px) {
    #page-workToong .container-fixwidth {
      position: relative; }
    #page-workToong .container-fixwidth__width {
      margin-left: auto;
      margin-right: 0; }
      #page-workToong .container-fixwidth__width .container {
        margin-left: 0; } }
  #page-workToong .sec-toong {
    position: relative;
    z-index: 1;
    padding-top: 60px;
    padding-bottom: 60px; }
  @media (min-width: 768px) {
    #page-workToong .sec-toong {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media (min-width: 992px) {
    #page-workToong .sec-toong {
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media (min-width: 1260px) {
    #page-workToong .sec-toong {
      padding-top: 160px;
      padding-bottom: 160px; } }
  #page-workToong .f-title {
    margin-bottom: 50px; }
    #page-workToong .f-title .f-title__title {
      font-size: 50px;
      font-weight: 500;
      line-height: 1;
      color: #000000;
      margin-bottom: 0; }
      #page-workToong .f-title .f-title__title span {
        display: block;
        color: #bfbfbf;
        margin-bottom: 13px; }
    #page-workToong .f-title .f-title__text {
      margin-top: 25px;
      margin-bottom: 0; }
  #page-workToong .sec-toong-1 {
    padding-top: 70px; }
    #page-workToong .sec-toong-1 .toong-wrap {
      position: relative; }
    #page-workToong .sec-toong-1 .toong-item {
      margin-top: 70px; }
    #page-workToong .sec-toong-1 .toong-item__title {
      text-transform: uppercase;
      font-size: 42px;
      font-weight: 500;
      line-height: 0.96;
      margin-bottom: 40px; }
      #page-workToong .sec-toong-1 .toong-item__title p {
        margin: 0; }
        #page-workToong .sec-toong-1 .toong-item__title p span {
          display: inline-block;
          vertical-align: top;
          font-size: 25px;
          font-weight: normal;
          line-height: 0.88;
          letter-spacing: -0.3px;
          text-transform: initial;
          margin-top: 6px;
          margin-left: 5px; }
    #page-workToong .sec-toong-1 .toong-item__img {
      max-width: 750px;
      margin-bottom: 40px; }
      #page-workToong .sec-toong-1 .toong-item__img img {
        width: 100%; }
    #page-workToong .sec-toong-1 .toong-item__text {
      max-width: 730px; }
      #page-workToong .sec-toong-1 .toong-item__text p {
        font-size: 17px;
        line-height: 1.94;
        margin-bottom: 0; }
    #page-workToong .sec-toong-1 .toong-item2__img {
      margin-bottom: 20px; }
      #page-workToong .sec-toong-1 .toong-item2__img img {
        width: 100%; }
    #page-workToong .sec-toong-1 .toong-item2__list {
      margin-bottom: 20px; }
      #page-workToong .sec-toong-1 .toong-item2__list li {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.83;
        color: #000000; }
      #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp li {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px); }
      #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s; }
        #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li:nth-child(2) {
          -webkit-transition-delay: .1s;
          -o-transition-delay: .1s;
          transition-delay: .1s; }
        #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li:nth-child(3) {
          -webkit-transition-delay: .2s;
          -o-transition-delay: .2s;
          transition-delay: .2s; }
        #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li:nth-child(4) {
          -webkit-transition-delay: .3s;
          -o-transition-delay: .3s;
          transition-delay: .3s; }
        #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li:nth-child(5) {
          -webkit-transition-delay: .4s;
          -o-transition-delay: .4s;
          transition-delay: .4s; }
        #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li:nth-child(6) {
          -webkit-transition-delay: .5s;
          -o-transition-delay: .5s;
          transition-delay: .5s; }
        #page-workToong .sec-toong-1 .toong-item2__list.scrollmagicfadeUp.scroll-css li:nth-child(7) {
          -webkit-transition-delay: .6s;
          -o-transition-delay: .6s;
          transition-delay: .6s; }
    #page-workToong .sec-toong-1 .toong-item2__time {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.44;
      color: #000; }
      #page-workToong .sec-toong-1 .toong-item2__time span {
        display: block;
        font-size: 12px; }
      #page-workToong .sec-toong-1 .toong-item2__time.scrollmagicfadeUp {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(40px);
        -ms-transform: translateY(40px);
        transform: translateY(40px); }
        #page-workToong .sec-toong-1 .toong-item2__time.scrollmagicfadeUp.scroll-css {
          opacity: 1;
          visibility: visible;
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0);
          -webkit-transition: all .5s;
          -o-transition: all .5s;
          transition: all .5s; }
    @media (max-width: 767.98px) {
      #page-workToong .sec-toong-1 {
        padding-bottom: 100px; }
        #page-workToong .sec-toong-1 .toong-item2 {
          max-width: 78%;
          margin-left: auto;
          margin-top: 50px; }
        #page-workToong .sec-toong-1 .toong-item__title {
          line-height: 1.04; } }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-1 {
        padding-top: 150px; }
        #page-workToong .sec-toong-1 .toong-item__title {
          font-size: 45px; }
        #page-workToong .sec-toong-1 .toong-item2 {
          position: absolute;
          top: 0;
          right: 0;
          max-width: 30%; } }
    @media (min-width: 992px) {
      #page-workToong .sec-toong-1 {
        padding-top: 200px; }
        #page-workToong .sec-toong-1 .toong-item__title {
          font-size: 80px;
          margin-bottom: 100px; }
        #page-workToong .sec-toong-1 .toong-item__img {
          margin-bottom: 60px; }
        #page-workToong .sec-toong-1 .toong-item2 {
          max-width: 27%; } }
    @media (min-width: 1260px) {
      #page-workToong .sec-toong-1 {
        padding-top: 150px; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-1 {
        padding-top: 130px; }
        #page-workToong .sec-toong-1 .toong-item__title {
          font-size: 100px; }
        #page-workToong .sec-toong-1 .toong-item__img {
          max-width: 980px; } }
  #page-workToong .sec-toong-2:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    height: 67%;
    background-color: #f7f7f7; }
  #page-workToong .sec-toong-2 .f-title-wrap {
    margin-bottom: 40px; }
    #page-workToong .sec-toong-2 .f-title-wrap .f-title {
      margin-bottom: 20px; }
    #page-workToong .sec-toong-2 .f-title-wrap .f-title__text {
      font-weight: normal;
      margin-bottom: 0; }
    #page-workToong .sec-toong-2 .f-title-wrap.d-pc {
      display: none; }
    @media (min-width: 1260px) {
      #page-workToong .sec-toong-2 .f-title-wrap.d-pc {
        display: block; }
        #page-workToong .sec-toong-2 .f-title-wrap.d-pc ~ img {
          display: none; }
      #page-workToong .sec-toong-2 .f-title-wrap.d-mb {
        display: none; } }
  #page-workToong .sec-toong-2 .sec-toong-2__slide .swiper-slide img {
    width: 100%; }
    #page-workToong .sec-toong-2 .sec-toong-2__slide .swiper-slide img + img {
      margin-top: 30px; }
  #page-workToong .sec-toong-2 .sec-toong-2__slide [data-item="0"] {
    padding-top: 40px; }
  #page-workToong .sec-toong-2 .sec-toong-2__slide [data-item="2"] {
    padding-top: 70px; }
  #page-workToong .sec-toong-2 .sec-toong-2__slide .owl-nav .owl-prev {
    display: none; }
  @media (max-width: 767.98px) {
    #page-workToong .sec-toong-2 .f-title {
      margin-bottom: 30px; }
    #page-workToong .sec-toong-2 .owl-nav {
      text-align: right;
      margin-top: 20px; }
      #page-workToong .sec-toong-2 .owl-nav .owl-next {
        width: 25px;
        margin-right: 26px; }
    #page-workToong .sec-toong-2 .swiper-button-next-custom {
      width: 25px;
      margin-right: 26px; }
    #page-workToong .sec-toong-2 .scrollmagicfadeUp .effect {
      -webkit-transition-delay: 0s !important;
      -o-transition-delay: 0s !important;
      transition-delay: 0s !important; } }
  @media (min-width: 768px) {
    #page-workToong .sec-toong-2 .owl-nav .owl-prev,
    #page-workToong .sec-toong-2 .owl-nav .owl-next {
      position: absolute;
      bottom: 50%;
      background-color: #f7f7f7;
      border-radius: 5px;
      padding: 0 10px; }
    #page-workToong .sec-toong-2 .owl-nav .owl-prev {
      left: 3%; }
    #page-workToong .sec-toong-2 .owl-nav .owl-next {
      right: 3%; } }
  @media (min-width: 992px) {
    #page-workToong .sec-toong-2 .sec-toong-2__slide .swiper-slide img + img {
      margin-top: 50px; }
    #page-workToong .sec-toong-2 .sec-toong-2__slide [data-item="0"] {
      padding-top: 70px; }
    #page-workToong .sec-toong-2 .sec-toong-2__slide [data-item="2"] {
      padding-top: 100px; } }
  @media (min-width: 1260px) {
    #page-workToong .sec-toong-2 .sec-toong-2__slide .owl-item .item {
      width: 350px !important; }
    #page-workToong .sec-toong-2 .sec-toong-2__slide .f-title-wrap {
      margin-bottom: 0; }
      #page-workToong .sec-toong-2 .sec-toong-2__slide .f-title-wrap .f-title__text {
        font-size: 13px; } }
  @media (min-width: 1500px) {
    #page-workToong .sec-toong-2 .sec-toong-2__slide .owl-item .item {
      width: 520px !important; }
      #page-workToong .sec-toong-2 .sec-toong-2__slide .owl-item .item img + img {
        margin-top: 70px; }
    #page-workToong .sec-toong-2 .sec-toong-2__slide .f-title-wrap {
      padding: 0 40px; }
      #page-workToong .sec-toong-2 .sec-toong-2__slide .f-title-wrap .f-title__text {
        font-size: 15px; }
    #page-workToong .sec-toong-2 .sec-toong-2__slide [data-item="2"] {
      padding-top: 170px; } }
  #page-workToong .sec-toong-3 {
    padding-top: 0;
    padding-bottom: 40px; }
    #page-workToong .sec-toong-3 .toong-quote__icon {
      display: inline-block;
      max-width: 54px;
      margin-bottom: 20px; }
    #page-workToong .sec-toong-3 .toong-quote__title {
      font-family: "Helvetica Neue";
      font-size: 50px;
      font-weight: 500;
      line-height: 1.04;
      letter-spacing: -0.2px;
      color: #141414; }
    #page-workToong .sec-toong-3 .toong-quote__cite {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.56;
      color: #919191;
      font-style: normal; }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-3 .toong-quote {
        position: relative;
        padding-top: 20px;
        padding-left: 85px; }
      #page-workToong .sec-toong-3 .toong-quote__icon {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 60px;
        margin-bottom: 0; }
      #page-workToong .sec-toong-3 .toong-quote__title {
        font-size: 56px;
        line-height: 1; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-3 .toong-quote {
        padding-top: 25px;
        padding-left: 95px;
        margin-right: -60px; }
      #page-workToong .sec-toong-3 .toong-quote__icon {
        max-width: 74px; }
      #page-workToong .sec-toong-3 .toong-quote__title {
        font-size: 70px; } }
  #page-workToong .sec-toong-4 .t-service {
    padding: 80px 0; }
    #page-workToong .sec-toong-4 .t-service .item {
      position: relative;
      border-radius: 50%;
      background-color: #db665a; }
      #page-workToong .sec-toong-4 .t-service .item:before {
        content: '';
        display: block;
        padding-top: 100%; }
    #page-workToong .sec-toong-4 .t-service .item__title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.08;
      color: #fff;
      text-align: center; }
    #page-workToong .sec-toong-4 .t-service .item-1 {
      background-color: #e3e3e3;
      color: #262626; }
  @media (max-width: 767.98px) {
    #page-workToong .sec-toong-4 .t-service {
      padding: 50px 0; }
      #page-workToong .sec-toong-4 .t-service .item {
        max-width: 200px;
        margin-bottom: 20px; } }
  @media (min-width: 992px) {
    #page-workToong .sec-toong-4 .t-service .item__title {
      font-size: 20px; } }
  @media (min-width: 1260px) {
    #page-workToong .sec-toong-4 .t-service {
      margin-right: -240px; } }
  @media (min-width: 1500px) {
    #page-workToong .sec-toong-4 .t-service {
      margin-right: -400px; }
      #page-workToong .sec-toong-4 .t-service .item__title {
        font-size: 25px; } }
  #page-workToong .sec-toong-5 {
    background-color: #f7f7f7; }
  #page-workToong .f-title2 {
    margin-bottom: 70px; }
  #page-workToong .f-title2__title {
    font-size: 24px;
    margin-bottom: 0; }
  #page-workToong .f-title2__text {
    font-size: 16px;
    margin-top: 15px;
    margin-bottom: 0; }
  #page-workToong .sec-toong-6 .item-1 .f-title2 {
    max-width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto; }
  #page-workToong .sec-toong-6 .item-1 .f-img .pc {
    display: none; }
  #page-workToong .sec-toong-6 .item-2 {
    margin-bottom: 70px; }
  #page-workToong .sec-toong-6 .item-2__wrap {
    position: relative; }
  #page-workToong .sec-toong-6 .item-2__screen {
    position: relative;
    z-index: 1;
    overflow: hidden; }
    #page-workToong .sec-toong-6 .item-2__screen img {
      width: 100%; }
    #page-workToong .sec-toong-6 .item-2__screen .mb-path-1 {
      position: absolute;
      z-index: 2;
      top: 45%;
      left: 20%;
      line-height: 1; }
      @media (min-width: 768px) {
        #page-workToong .sec-toong-6 .item-2__screen .mb-path-1 {
          display: none; } }
  #page-workToong .sec-toong-6 .item-2__slide {
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px; }
  #page-workToong .sec-toong-6 .item-2__text1 p {
    margin-bottom: 0; }
    #page-workToong .sec-toong-6 .item-2__text1 p b {
      font-weight: 500;
      display: block; }
  #page-workToong .sec-toong-6 .item-2__text2 p,
  #page-workToong .sec-toong-6 .item-2__text3 p {
    margin: 0; }
    #page-workToong .sec-toong-6 .item-2__text2 p b,
    #page-workToong .sec-toong-6 .item-2__text3 p b {
      font-weight: 500;
      display: block; }
  #page-workToong .sec-toong-6 .item-3 {
    margin-bottom: 80px; }
  #page-workToong .sec-toong-6 .item-3__screen p {
    margin-bottom: 0; }
  #page-workToong .sec-toong-6 .item-3__screen.style-1 img {
    margin-bottom: 10px; }
  @media (max-width: 1259.98px) {
    #page-workToong .sec-toong-6 .item-2__screen {
      margin-bottom: 43px; }
    #page-workToong .sec-toong-6 .item-2__text1 svg,
    #page-workToong .sec-toong-6 .item-2__text2 svg,
    #page-workToong .sec-toong-6 .item-2__text3 svg {
      display: none; }
    #page-workToong .sec-toong-6 .item-2__text2,
    #page-workToong .sec-toong-6 .item-2__text3 {
      margin-top: 25px; } }
  @media (max-width: 767.98px) {
    #page-workToong .sec-toong-6 .item-1 {
      margin-left: -26px;
      margin-right: -26px;
      margin-bottom: 80px;
      padding-bottom: 80px;
      border-bottom: 1px solid #4E4E4E; }
      #page-workToong .sec-toong-6 .item-1 .f-title2 {
        padding-left: 26px;
        padding-right: 26px; }
    #page-workToong .sec-toong-6 .item-3__screen.style-2 {
      border-top: 1px solid #e6e6e6;
      padding-top: 30px;
      margin-top: 30px; }
      #page-workToong .sec-toong-6 .item-3__screen.style-2 p {
        margin-bottom: 30px; } }
  @media (min-width: 768px) {
    #page-workToong .sec-toong-6 .item-1 {
      margin-bottom: 100px; }
      #page-workToong .sec-toong-6 .item-1 .f-img .mb {
        display: none; }
      #page-workToong .sec-toong-6 .item-1 .f-img .pc {
        display: block; }
    #page-workToong .sec-toong-6 .item-2 {
      margin-bottom: 120px; }
    #page-workToong .sec-toong-6 .item-3 {
      margin-bottom: 140px; }
    #page-workToong .sec-toong-6 .item-3__screen p {
      color: #666666; }
    #page-workToong .sec-toong-6 .item-3__screen.style-1 img {
      margin-bottom: 10px; }
    #page-workToong .sec-toong-6 .item-3__screen.style-1 p {
      max-width: 350px;
      margin-left: 10px;
      margin-bottom: 0; }
    #page-workToong .sec-toong-6 .item-3__screen.style-2 {
      margin-top: 70px; }
      #page-workToong .sec-toong-6 .item-3__screen.style-2 p {
        max-width: 540px;
        margin-left: 20px;
        margin-bottom: 25px; } }
  @media (min-width: 992px) {
    #page-workToong .sec-toong-6 .item-1 {
      margin-bottom: 160px; }
    #page-workToong .sec-toong-6 .item-2 {
      margin-bottom: 180px; }
    #page-workToong .sec-toong-6 .item-3 {
      margin-bottom: 200px; }
    #page-workToong .sec-toong-6 .item-3__screen.style-2 {
      margin-top: 100px; }
    #page-workToong .sec-toong-6 .item-3__screen.style-1 p {
      margin-left: 30px; }
    #page-workToong .sec-toong-6 .item-3__screen.style-2 p {
      margin-left: 50px; } }
  @media (min-width: 1260px) {
    #page-workToong .sec-toong-6 .item-2__text1 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 17%;
      width: 570px;
      text-align: right;
      -webkit-transform: translateX(-51%);
      -ms-transform: translateX(-51%);
      transform: translateX(-51%); }
      #page-workToong .sec-toong-6 .item-2__text1 p {
        width: 45%;
        padding-right: 20px; }
      #page-workToong .sec-toong-6 .item-2__text1 svg {
        width: 55%; }
    #page-workToong .sec-toong-6 .item-2__text2,
    #page-workToong .sec-toong-6 .item-2__text3 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      position: absolute;
      z-index: 2;
      right: 24px;
      bottom: 7%;
      width: 320px;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%); }
      #page-workToong .sec-toong-6 .item-2__text2 svg,
      #page-workToong .sec-toong-6 .item-2__text3 svg {
        width: 95px;
        margin-top: 10px; }
      #page-workToong .sec-toong-6 .item-2__text2 p,
      #page-workToong .sec-toong-6 .item-2__text3 p {
        width: calc(100% - 95px);
        padding-left: 10px; }
    #page-workToong .sec-toong-6 .item-2__text3 {
      opacity: 0; } }
  @media (min-width: 1500px) {
    #page-workToong .sec-toong-6 .item-2__text1 {
      width: 690px;
      -webkit-transform: translateX(-49%);
      -ms-transform: translateX(-49%);
      transform: translateX(-49%);
      bottom: 22%; }
    #page-workToong .sec-toong-6 .item-2__text2
.item-2__text3 {
      width: 380px;
      bottom: 25%; }
    #page-workToong .sec-toong-6 .item-2__text3 {
      bottom: 30%; }
    #page-workToong .sec-toong-6 .item-3__screen.style-2 {
      margin-top: 110px; } }
  #page-workToong .sec-toong-7 {
    position: relative;
    padding-top: 0; }
    #page-workToong .sec-toong-7 .f-img {
      position: relative;
      padding-top: 50px; }
    #page-workToong .sec-toong-7 .f-img__bg {
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      right: 0;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      background-color: #db665a; }
      #page-workToong .sec-toong-7 .f-img__bg:before {
        content: '';
        display: block;
        padding-top: 40%; }
    #page-workToong .sec-toong-7 .f-img__screen {
      position: relative; }
      #page-workToong .sec-toong-7 .f-img__screen img {
        width: 100%; }
    @media (max-width: 767.98px) {
      #page-workToong .sec-toong-7 .f-img {
        margin-left: -26px;
        margin-right: -26px;
        padding-left: 46px;
        padding-right: 46px; } }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-7 .f-img {
        padding-top: 140px; } }
    @media (min-width: 992px) {
      #page-workToong .sec-toong-7 .f-img {
        padding-top: 215px; } }
  #page-workToong .title-min {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.73;
    color: #000000;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      #page-workToong .title-min {
        margin-bottom: 40px; } }
  #page-workToong .imgbox img {
    width: 100%;
    -webkit-box-shadow: 3px 5px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 3px 5px 30px 0 rgba(0, 0, 0, 0.1); }
  #page-workToong .sec-toong-8 {
    background-color: #f5f5f5;
    padding-bottom: 120px; }
    #page-workToong .sec-toong-8 .f-title {
      max-width: 400px;
      margin-bottom: 30px; }
    #page-workToong .sec-toong-8 .item-2 {
      margin-top: 70px; }
    #page-workToong .sec-toong-8 .item-2__screen {
      position: relative;
      max-width: 62%; }
      #page-workToong .sec-toong-8 .item-2__screen img {
        width: 100%; }
      #page-workToong .sec-toong-8 .item-2__screen .path1, #page-workToong .sec-toong-8 .item-2__screen .path2, #page-workToong .sec-toong-8 .item-2__screen .path3 {
        position: absolute;
        width: 70px;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%); }
      #page-workToong .sec-toong-8 .item-2__screen .path1 {
        top: 10%;
        right: -10%; }
      #page-workToong .sec-toong-8 .item-2__screen .path2 {
        top: 30%;
        right: -10%; }
      #page-workToong .sec-toong-8 .item-2__screen .path3 {
        top: 60%;
        right: -10%; }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-8 {
        padding-bottom: 160px; }
        #page-workToong .sec-toong-8 .item-2 {
          margin-top: 180px; }
        #page-workToong .sec-toong-8 .item-2__screen {
          max-width: 53%; }
          #page-workToong .sec-toong-8 .item-2__screen .path1, #page-workToong .sec-toong-8 .item-2__screen .path2, #page-workToong .sec-toong-8 .item-2__screen .path3 {
            width: 120px; }
          #page-workToong .sec-toong-8 .item-2__screen .path1 {
            top: 30%;
            right: -4%; }
          #page-workToong .sec-toong-8 .item-2__screen .path2 {
            top: 36%;
            right: -35%; }
          #page-workToong .sec-toong-8 .item-2__screen .path3 {
            top: 60%;
            right: -4%; } }
    @media (min-width: 992px) {
      #page-workToong .sec-toong-8 .item-2__screen .path1, #page-workToong .sec-toong-8 .item-2__screen .path2, #page-workToong .sec-toong-8 .item-2__screen .path3 {
        width: 150px; }
      #page-workToong .sec-toong-8 .f-title {
        margin-bottom: 0; }
      #page-workToong .sec-toong-8 .item-1 .item__box {
        margin-top: -70px; } }
    @media (min-width: 1260px) {
      #page-workToong .sec-toong-8 {
        padding-bottom: 200px; }
        #page-workToong .sec-toong-8 .item-2__screen .path1, #page-workToong .sec-toong-8 .item-2__screen .path2, #page-workToong .sec-toong-8 .item-2__screen .path3 {
          width: 200px; }
        #page-workToong .sec-toong-8 .f-title {
          margin-bottom: 0; }
        #page-workToong .sec-toong-8 .item-1 .item__box {
          margin-top: -70px; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-8 {
        padding-bottom: 328px; }
        #page-workToong .sec-toong-8 .path1 {
          right: -10%; }
        #page-workToong .sec-toong-8 .path3 {
          right: -10%; } }
  #page-workToong .sec-toong-9 {
    padding-top: 40px; }
    @media (max-width: 767.98px) {
      #page-workToong .sec-toong-9 .custom {
        margin-left: -7px;
        margin-right: -7px; }
        #page-workToong .sec-toong-9 .custom [class*='col-'] {
          padding-left: 7px;
          padding-right: 7px; } }
    #page-workToong .sec-toong-9 .imgbox.item-2 {
      margin-top: -150px; }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-9 .imgbox.item-2 {
        margin-top: -200px; } }
    @media (min-width: 1260px) {
      #page-workToong .sec-toong-9 {
        padding-top: 70px; }
        #page-workToong .sec-toong-9 .imgbox.item-2 {
          margin-top: -250px; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-9 {
        padding-top: 70px; }
        #page-workToong .sec-toong-9 .custom {
          margin-left: -40px;
          margin-right: -40px; }
          #page-workToong .sec-toong-9 .custom [class*='col-'] {
            padding-left: 40px;
            padding-right: 40px; }
        #page-workToong .sec-toong-9 .imgbox.item-2 {
          margin-top: -290px; } }
  #page-workToong .sec-toong-10 {
    padding-top: 0; }
    #page-workToong .sec-toong-10 img {
      width: 100%; }
    #page-workToong .sec-toong-10 .f-mb {
      width: 140px; }
      #page-workToong .sec-toong-10 .f-mb.style2 {
        margin-top: 70px;
        margin-left: 140px; }
    #page-workToong .sec-toong-10 .title-min {
      padding-top: 40px;
      border-top: 1px solid #d8d8d8;
      margin-bottom: 30px; }
    @media (max-width: 767.98px) {
      #page-workToong .sec-toong-10 .f-mb {
        display: none; } }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-10 .f-mb.style1 {
        margin-top: 80px; } }
    @media (min-width: 992px) {
      #page-workToong .sec-toong-10 .f-mb {
        width: 200px; }
        #page-workToong .sec-toong-10 .f-mb.style2 {
          margin-top: 100px;
          margin-left: 200px; } }
    @media (min-width: 1260px) {
      #page-workToong .sec-toong-10 .f-mb.style1 {
        margin-top: 150px; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-10 .f-mb.style1 {
        margin-top: 300px; }
      #page-workToong .sec-toong-10 .f-mb.style2 {
        margin-top: 150px; } }
  #page-workToong .sec-toong-11 {
    padding: 0;
    background-color: #f5f5f5; }
    #page-workToong .sec-toong-11 img {
      width: 100%; }
    #page-workToong .sec-toong-11 .item-right {
      padding: 43px 0;
      text-align: center; }
      #page-workToong .sec-toong-11 .item-right img {
        max-width: 122px; }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-11 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        #page-workToong .sec-toong-11 .item-left {
          width: 56%; }
        #page-workToong .sec-toong-11 .item-right {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 44%;
          padding: 0; }
          #page-workToong .sec-toong-11 .item-right img {
            max-width: 40%; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-11 .item-right img {
        max-width: 305px; } }
  #page-workToong .sec-toong-12 .f-counter {
    max-width: 234px;
    margin-bottom: 40px; }
  #page-workToong .sec-toong-12 .f-counter__number {
    font-size: 90px;
    font-weight: 500;
    line-height: 1.11;
    letter-spacing: -1px;
    color: #000; }
  #page-workToong .sec-toong-12 .f-counter__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33;
    color: #000000;
    margin-bottom: 0; }
  #page-workToong .sec-toong-12 .f-blockquote {
    margin-top: 60px; }
  #page-workToong .sec-toong-12 .f-blockquote__subtext {
    max-width: 500px;
    margin-bottom: 40px; }
  #page-workToong .sec-toong-12 .f-blockquote__text {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    color: #1a1a1a;
    margin-bottom: 0; }
  @media (min-width: 768px) {
    #page-workToong .sec-toong-12 .f-blockquote {
      margin-top: 150px; }
    #page-workToong .sec-toong-12 .f-blockquote__text {
      font-size: 45px;
      line-height: 1.05; } }
  @media (min-width: 1500px) {
    #page-workToong .sec-toong-12 .f-blockquote {
      margin-top: 200px; }
    #page-workToong .sec-toong-12 .f-blockquote__text {
      font-size: 55px; } }
  #page-workToong .sec-toong-13 {
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; }
    #page-workToong .sec-toong-13:before {
      content: '';
      display: block;
      padding-top: 94%; }
    #page-workToong .sec-toong-13 .f-inner {
      position: absolute;
      z-index: 1;
      left: 0;
      bottom: 20%;
      right: 0; }
      #page-workToong .sec-toong-13 .f-inner h2 {
        font-size: 60px;
        font-weight: 500;
        line-height: 0.93;
        color: #fff; }
      #page-workToong .sec-toong-13 .f-inner a {
        font-size: 22px;
        font-weight: 500;
        color: #fff; }
        #page-workToong .sec-toong-13 .f-inner a img {
          max-width: 24px;
          margin-left: 5px;
          -webkit-transition: all .3s ease;
          -o-transition: all .3s ease;
          transition: all .3s ease; }
        #page-workToong .sec-toong-13 .f-inner a:hover img {
          -webkit-transform: translateX(10px);
          -ms-transform: translateX(10px);
          transform: translateX(10px); }
    @media (max-width: 767.98px) {
      #page-workToong .sec-toong-13 {
        background-position: left 28% center; } }
    @media (min-width: 768px) {
      #page-workToong .sec-toong-13:before {
        padding-top: 60%; }
      #page-workToong .sec-toong-13 .f-inner h2 {
        font-size: 70px; } }
    @media (min-width: 1260px) {
      #page-workToong .sec-toong-13 .f-inner h2 {
        font-size: 80px; } }
    @media (min-width: 1500px) {
      #page-workToong .sec-toong-13 .f-inner h2 {
        font-size: 100px; } }