#new-product-form { 
  padding: 120px 240px;

  .head-tit {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 40px;
    color: #18191b;
    text-align: center;
    margin-bottom: 60px;
    line-height: 1;
  }

  .form-step {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 66px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 72px;
    padding-left: 22px;
    padding-right: 22px;

    .item1,
    .item2,
    .item3 {
      text-align: center;

      img {
        margin: 0 auto;
      }

      .tit {
        font-family: Montserrat;
        font-weight: 600;
        font-size: 18px;
        color: #18191b;
        line-height: 1;
        margin: 22px 0;
      }

      .ctn {
        max-width: 388px;
        min-height: 64px;
        margin-bottom: 0;

        font-family: Roboto;
        font-weight: 400;
        font-size: 16px;
        color: #18191b;
        line-height: 24px;
      }
    }

    .item1 {
      img {
        width: 82px;
      }
    }

    .item2 {
      img {
        width: 82px;
      }
    }

    .item3 {
      img {
        width: 82px;
      }
    }

    .icon-up,
    .icon-down {
      img {
        max-width: 52px;
      }
    }
  }

  .form-box {
    padding: 0 30px 0 16px;

    .tit {
      font-family: Montserrat;
      font-weight: 600;
      font-size: 18px;
      color: #18191b;
      margin-bottom: 33px;
    }

    .ctn-box {
      display: flex;

      .left {
        position: relative;
        padding-right: 106px;
        border-right: 1px solid #d5d5d5;
        .ctn-item1,
        .ctn-item2 {
          h3 {
            font-family: Montserrat;
            font-weight: 600;
            font-size: 16px;
            color: #18191b;
            margin-bottom: 22px;
          }
          p {
            font-family: Roboto;
            font-weight: 400;
            font-size: 16px;
            color: #18191b;
            line-height: 24px;
            margin-bottom: 34px;
            max-width: 596px;
          }
        }

        #form-box-right {
          position: absolute;
          top: -200px;
        }
      }

      .right {
        flex: 1;
        padding: 8px 0 0 44px;
      }
    }
  }
}

@media (max-width: 768px) {
	#new-product-form {
		padding: 64px 0;
	
		.head-tit {
			font-size: 30px;
			margin-bottom: 30px;
		}
	
		.form-step {
			display: flex;
			flex-direction: column;
			align-items: center;
			margin-bottom: 66px;
			border-bottom: 1px solid #d5d5d5;
			padding-bottom: 66px;
			padding-left: 0;
			padding-right: 0;
			margin-left: 14px;
			margin-right: 14px;

      .item1,
      .item2 {
        margin-bottom: 42px;
      }
	
			.item1,
			.item2,
			.item3 {
				text-align: center;
	
				img {
					margin: 0 auto;
				}
	
				.tit {
					margin: 16px 0;
				}
	
				.ctn {
					max-width: 100%;
					min-height: 54px;
				}
			}
	
			.item1 {
				img {
					width: 64px;
				}
			}
	
			.item2 {
				img {
					width: 68px;
				}
			}
	
			.item3 {
				img {
					width: 62px;
				}
			}
	
			.icon-up,
			.icon-down {
        display: none;
				img {
					height: 48px;
					margin: 26px 0;
				}
			}
		}
	
		.form-box {
			padding: 0 16px;
	
			.tit {
				/* max-width: 248px; */
				margin: 0 auto 30px;
        font-weight: 700;
        font-size: 22px;
			}
	
			.ctn-box {
				flex-direction: column;
	
				.left {
					text-align: center;
					padding-right: 0;
					border-right: none;
					border-bottom: 1px solid #d5d5d5;

					.ctn-item1,
					.ctn-item2 {
						h3 {
							margin-bottom: 18px;
              font-weight: 700;
						}
						p {
							margin-bottom: 34px;
							max-width: 100%;
						}
					}

          #form-box-right {
            position: absolute;
            bottom: 80px;
            top: unset;
          }
				}
	
				.right {
					padding: 18px 0 0 0;
				}
			}
		}
	}
}