@font-face {
    font-family: 'TmonMonsori';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
  }
  @font-face {
    font-family: 'SpoqaHanSansNeo-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  }
  
  html {
    font-family: 'Pretendard-Regular' !important;
  }
  
  .main_container {
    width: 90vw;
    height: 60vh;
    margin: 5% auto 0;
  }
  .main_container .item1 {
    width: 100%;
    height: 40vh;
    display: flex;
    margin-bottom: 5%;
  }
  .main_container .item1 .textbox {
    width: 47vw;
    height: 100%;
  }
  .main_container .item1 .textbox .title {
    margin-top: 15%;
    margin-bottom: 7.5%;
    font-size: 18px;
    font-weight: 700;
    color: rgb(0, 128, 179);
  }
  .main_container .item1 .textbox .desc {
    font-size: 12px;
  }
  
  .main_container .item1 .imgbox {
    width: 32.5vw;
    height: 30vh;
    max-width: 120px;
    max-height: 310px;
    background-image: url(/images/PT/HOME/pd-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 5%;
    margin-top: 5%;
  }
  
  .main_container .item2 {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
  }
  .main_container .item2 .feat-1, 
  .main_container .item2 .feat-2, 
  .main_container .item2 .feat-3, 
  .main_container .item2 .feat-4 {
    width: 25%;
  }
  .main_container .item2 .feat-1 .fimg-1 {
    background-image: url(/images/icons/water-drop.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto 10%;
  }
  .main_container .item2 .feat-2 .fimg-2 {
    background-image: url(/images/icons/wind.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto 10%;
  }
  .main_container .item2 .feat-3 .fimg-3 {
    background-image: url(/images/icons/gauge.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto 10%;
  }
  .main_container .item2 .feat-4 .fimg-4 {
    background-image: url(/images/icons/gears.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto 10%;
  }
  .ftitle h1 {
    font-size: 14px;
    font-weight: 700;
    color: rgb(63, 154, 190);
  }
  .ftitle h6 {
    font-size: 10px;
    color: rgb(63, 154, 190);
  }
  
  /* 메뉴얼 */
  .manual_banner {
    width: 100vw;
    height: 110px;
    margin: 10% auto 0;
    background: url(/images/mobile/manual_banner/af_pattern.jpg);
    background-size: cover;
    position: relative;
  }
  .manual_banner::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
  }
  .manual_banner .text_box {
    position: absolute;
    top: 15%;
    left: 5%;
  }
  .manual_banner .text_box .title {
    font-size: 16px;
    font-weight: 700;
    color: white;
  }
  .manual_banner .text_box .desc {
    margin-top: 5%;
    margin-bottom: 2.5%;
    font-size: 12px;
    color: white;
  }
  .manual_banner .text_box a {
    color: white;
    text-decoration: none;
    font-size: 12px;
  }
  /* 특징 */
  .p_container_bg {
    width: 100vw;
    height: 1100px;
    background-color: rgb(244, 250, 255);
    margin-top: 5%;
  }
  .p_container_bg .p_container {
    width: 90vw;
    height: 1000px;
    margin: 0 auto;
    padding-top: 5%;
  }
  /* 특징 마진 */
  .p_container_bg .p_container .point-1 {
    margin-bottom: 10%;
  }
  .p_container_bg .p_container .point-2 {
    margin-bottom: 10%;
  }
  /* 특징 이미지 */
  .p_container_bg .p_container .point-1 img {
    width: 280px;
    display: block;
    margin: 0 auto;
  }
  .p_container_bg .p_container .point-2 img {
    width: 280px;
    display: block;
    margin: 0 auto;
  }
  .p_container_bg .p_container .point-3 img {
    width: 280px;
    display: block;
    margin: 0 auto;
  }
  /* 특징 텍스트박스 */
  .p_container_bg .p_container .p_tb {
    width: 280px;
    margin: 0 auto;
  }
  .p_container_bg .p_container .p_tb .title {
    font-size: 16px;
    font-weight: 700;
    color: rgb(0, 37, 51);
    margin: 10% auto 5%;
  }
  .p_container_bg .p_container .p_tb .desc {
    font-size: 12px;
    margin: 0 auto 15%;
  }
  /* SPECIFICATIONS */
  .specification {
    width: 100%;
    max-width: 1280px;
    height: 1000px;
    margin: 0 auto;
    background-color: rgb(245, 245, 245);
  }
  .specification .title {
    font-size: 16px;
    font-weight: 700;
    margin-left: 5%;
    padding-top: 5%;
  }
  .specification .gb {
    width: 90px;
    height: 3.5px;
    border: none;
    background-color: silver;
    margin-left: 5%;
    margin-top: 1%;
  }
  
  /* Product-1 */
  .specification .product_one {
    font-size: 11px;
    width: 90vw;
    height: 210px;
    margin: 5% auto 0;
    background-color: white;
  }
  .specification .product_one table {
    width: 90vw;
    margin: 0 auto;
    height: 210px;
  }
  .specification .product_one tr > td {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 1%;
  }
  .specification .product_one tr > .pin {
    background-color: rgb(0, 147, 233);
    color: rgb(255, 255, 255);
    font-weight: 700;
  }
  @media only screen and (min-width: 320px) {
    .specification {
      height: 1000px;
    }
    .specification .product_one {
      height: 280px;
    }
    .specification .product_one table {
      height: 280px;
    }
  }
  @media only screen and (min-width: 400px) {
    .ftitle h1 {
      font-size: 16px;
    }
    .ftitle h6 {
      font-size: 12px;
    }
    .specification .table_one tr > td {
      text-align: center;
      padding-top: 5%;
    }
    .specification .product_one tr > td {
      padding-top: 4%;
      padding-bottom: .5%;
    }
    .specification {
      height: 1200px;
    }
  }
  @media screen and (min-width: 500px) {
    .specification .table_one tr > td {
      padding-top: 4%;
    }
    .specification .product_one tr > td {
      padding-top: 3%;
      padding-bottom: .5%;
    }
    .specification {
      height: 1050px;
    }
    
  }
  @media only screen and (min-width: 600px) {
    .main_container {
      width: 70vw;
      max-width: 600px;
    }
    .specification .table_one tr > td {
      padding-top: 3%;
    }
    .specification .product_one tr > td {
      padding-top: 2%;
      padding-bottom: .5%;
    }
    .specification {
      height: 1100px;
    }
  
  }
  @media only screen and (min-width: 700px) {
    .main_container .item1 .textbox .title {
      font-size: 24px;
    }
    .main_container .item1 .textbox .desc {
      font-size: 14px;
    }
    .ftitle h1 {
      font-size: 18px;
    }
    .ftitle h6 {
      font-size: 14px;
    }
    .manual_banner {
      height: 150px;
    }
    .manual_banner .text_box .title {
      font-size: 20px;
    }
    .manual_banner .text_box .desc,
    .manual_banner .text_box a {
      font-size: 14px;
    }
    .manual_banner .text_box a:hover {
      color: rgb(0, 162, 255);
    }
    .specification .table_one tr > td {
      padding-top: 2.5%;
    }
    .specification {
      height: 1100px;
    }
    .specification .table_one {
      font-size: 13px;
    }
  }
  
  /* horizontal */
  @media only screen and (min-width: 550px) and (min-height: 320px) {
    .main_container {
      margin-top: 3%;
      height: 140vh;
      width: 70vw;
    }
    .main_container .item1 .textbox .title {
      margin-top: 5%;
    }
    .main_container .item1 {
      height: 60vh;
    }
    .main_container .item1 .imgbox {
      width: 13vw;
      height: 60vh;
    }
    .specification .product_one {
      height: 250px;
    }
    .specification .product_one table {
      height: 250px;
    }
    .specification {
      height: 1200px;
    }
  }
  @media only screen and (min-width: 736px) and (min-height: 414px) {
    .p_container_bg {
      height: 1050px;
    }
  }
  @media only screen and (min-width: 800px) and (min-height: 375px) {
    .main_container .item1 .imgbox {
      width: 10vw;
      height: 60vh;
    }
    .p_container_bg {
      height: 1050px;
    }
  }
  @media only screen and (min-width: 768px) and (min-height: 1024px) {
    .main_container {
      height: 50vh;
    }
    .main_container .item1 {
      height: 30vh;
    }
    /* 3 points feat */
    .p_container_bg {
      height: 850px;
    }
    .p_container_bg .p_container .point-1,
    .p_container_bg .p_container .point-2,
    .p_container_bg .p_container .point-3 {
      display: flex;
    }
    .p_container_bg .p_container .point-1 img {
      width: 300px;
    }
    .p_container_bg .p_container .point-2 img {
      width: 300px;
    }
    .p_container_bg .p_container .point-3 img {
      width: 300px;
    }
    /* 특징 텍스트박스 */
    .p_container_bg .p_container .p_tb {
      width: 250px;
    }
    .p_container_bg .p_container .p_tb .title {
      margin-top: 0;
      font-size: 20px;
    }
    .p_container_bg .p_container .p_tb .desc {
      font-size: 16px;
    }
    .specification {
      height: 1300px;
    }
    .specification .product_one {
      height: 250px;
    }
    .specification .product_one table {
      height: 250px;
    }
  }
  @media only screen and (min-width: 1024px) and (min-height: 768px) {
    .main_container .item1 {
      height: 40vh;
    }
    .main_container {
      height: 65vh;
    }
    .main_container .item1 .textbox .title {
      font-size: 32px;
    }
    .main_container .item1 .textbox .desc {
      font-size: 18px;
    }
    .ftitle h1 {
      font-size: 24px;
    }
    .ftitle h6 {
      font-size: 18px;
    }
    .manual_banner {
      height: 250px;
    }
    .manual_banner .text_box .title {
      font-size: 28px;
    }
    .manual_banner .text_box .desc,
    .manual_banner .text_box a {
      font-size: 20px;
    }
    .p_container_bg .p_container .point-1,
    .p_container_bg .p_container .point-2,
    .p_container_bg .p_container .point-3 {
      display: flex;
    }
    .p_container_bg .p_container .point-1 img {
      width: 325px;
    }
    .p_container_bg .p_container .point-2 img {
      width: 325px;
    }
    .p_container_bg .p_container .point-3 img {
      width: 325px;
    }
    /* 특징 텍스트박스 */
    .p_container_bg .p_container .p_tb {
      width: 275px;
    }
    .p_container_bg .p_container .p_tb .title {
      margin-top: 0;
      font-size: 24px;
    }
    .p_container_bg .p_container .p_tb .desc {
      font-size: 20px;
    }
    .specification .box .title {
      font-size: 22px;
    }
    .specification .table_one tr > td {
      padding-top: 1.5%;
    }
    .specification {
      height: 1300px;
    }
    .specification .table_one {
      font-size: 16px;
    }
  
    .specification .product_one {
      font-size: 14px;
    }
  
    .specification .product_one table {
      width: 90vw;
      margin: 0 auto;
      height: 210px;
    }
    .specification .product_one tr > td {
      text-align: center;
      padding-top: 1%;
      padding-bottom: 1%;
    }
    .specification .product_one tr > .pin {
      background-color: rgb(0, 147, 233);
      color: rgb(255, 255, 255);
      font-weight: 700;
    }
  }
  
  @media only screen and (min-width: 1024px) and (min-height: 1366px) {
    .main_container {
      height: 40vh;
    }
    .main_container .item1 {
      height: 25vh;
    }
    .main_container .item1 .textbox .title {
      font-size: 32px;
    }
    .main_container .item1 .textbox .desc {
      font-size: 18px;
    }
    .ftitle h1 {
      font-size: 24px;
    }
    .ftitle h6 {
      font-size: 18px;
    }
    .manual_banner {
      height: 250px;
    }
    .manual_banner .text_box .title {
      font-size: 28px;
    }
    .manual_banner .text_box .desc,
    .manual_banner .text_box a {
      font-size: 20px;
    }
    /* 3 points feat */
    .p_container_bg {
      height: 1200px;
    }
    .p_container_bg .p_container .point-1,
    .p_container_bg .p_container .point-2,
    .p_container_bg .p_container .point-3 {
      display: flex;
    }
    .p_container_bg .p_container .point-1 img {
      width: 325px;
    }
    .p_container_bg .p_container .point-2 img {
      width: 325px;
      height: 280px;
    }
    .p_container_bg .p_container .point-3 img {
      width: 325px;
    }
    /* 특징 텍스트박스 */
    .p_container_bg .p_container .p_tb {
      width: 275px;
    }
    .p_container_bg .p_container .p_tb .title {
      margin-top: 0;
      font-size: 24px;
    }
    .p_container_bg .p_container .p_tb .desc {
      font-size: 20px;
    }
    .specification {
      height: 1500px;
    }
  }
  @media only screen and (min-width: 1366px) and (min-height: 1024px) {
    .main_container {
      height: 60vh;
    }
    .main_container .item1 .textbox .title {
      font-size: 32px;
    }
    .main_container .item1 .textbox .desc {
      font-size: 21px;
    }
    .ftitle h1 {
      font-size: 26px;
    }
    .ftitle h6 {
      font-size: 20px;
    }
    .manual_banner {
      height: 250px;
    }
    .manual_banner .text_box .title {
      font-size: 30px;
    }
    .manual_banner .text_box .desc,
    .manual_banner .text_box a {
      font-size: 23px;
    }
    /* 3points */
    .p_container_bg {
      height: 1300px;
    }
    .p_container_bg .p_container .point-1{
      width: 80vw;
      margin: 0 auto 10%;
    }
    .p_container_bg .p_container .point-2{
      width: 80vw;
      margin: 0 auto 10%;
    }
    .p_container_bg .p_container .point-3{
      width: 80vw;
      margin: 0 auto 10%;
    }
    .p_container_bg .p_container .point-1 img {
      width: 400px;
    }
    .p_container_bg .p_container .point-2 img {
      width: 400px;
      height: 300px;
    }
    .p_container_bg .p_container .point-3 img {
      width: 400px;
    }
    /* 특징 텍스트박스 */
    .p_container_bg .p_container .p_tb {
      width: 300px;
    }
    .p_container_bg .p_container .p_tb .title {
      margin-top: 0;
      font-size: 28px;
    }
    .p_container_bg .p_container .p_tb .desc {
      font-size: 22px;
    }
    .specification {
      height: 2000px;
    }
    .specification .table_one {
      height: 350px;
      font-size: 20px;
    }
    .specification .table_one tr > td {
      padding-top: 2%;
    }
    /* Product-1 */
    .specification .product_one {
      font-size: 20px;
      height: 400px;
    }
    .specification .product_one table {
      height: 400px;
    }
    .specification .product_one tr > td {
      text-align: center;
      padding-top: 1.5%;
      padding-bottom: 1%;
    }
  }