.newpro {
  background: #f2f2f2; }
  .newpro .contentsmv.back_b05 {
    background: url("../../newimg/img_0.png") no-repeat center center/cover; }
    .newpro .contentsmv.back_b05 h3 {
      width: 200px;
padding: 20px 0;}
  .newpro #contents .pdb .comp_inner .m_imgs {
    padding-bottom: 15px; }
    .newpro #contents .pdb .comp_inner .m_imgs iframe {
      width: 100%;
      height: 381px; }
  .newpro #contents .pdb .comp_inner .top_lead dd {
    padding-top: 0; }
  .newpro #contents .pdb .comp_inner .highright {
    color: red;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 5px 0; }
  .newpro #contents .pdb .comp_inner .detail_photo {
    display: flex;
    justify-content: center;
flex-wrap: wrap;
gap:20px;}
    .newpro #contents .pdb .comp_inner .detail_photo.wid {
      justify-content: center; }
      .newpro #contents .pdb .comp_inner .detail_photo.wid .box {
        width: 280px;
        margin: 0 15px; }
        .newpro #contents .pdb .comp_inner .detail_photo.wid .box .fade-img, .newpro #contents .pdb .comp_inner .detail_photo.wid .box .fade-img02 {
          position: relative;
          width: 100%;
          height: 269px; }
    .newpro #contents .pdb .comp_inner .detail_photo .box {
      width: 210px;
      padding-top: 25px; }
      .newpro #contents .pdb .comp_inner .detail_photo .box .point {
        font-family: 'Barlow Condensed', sans-serif;
        font-size: 24px;
        text-align: center; }
      .newpro #contents .pdb .comp_inner .detail_photo .box .fade-img, .newpro #contents .pdb .comp_inner .detail_photo .box .fade-img02 {
        position: relative;
        width: 100%;
        height: 202px; }
      .newpro #contents .pdb .comp_inner .detail_photo .box .fade-img img {
        position: absolute;
        top: 0; }
      .newpro #contents .pdb .comp_inner .detail_photo .box .fade-img02 img {
        position: absolute;
        top: 0; }
      .newpro #contents .pdb .comp_inner .detail_photo .box dt {
        font-weight: 700;
        font-size: 15px;
		  line-height: 1.6;
        margin: 5px 0 10px; }
      .newpro #contents .pdb .comp_inner .detail_photo .box dd {
        font-size: 13px;
		  line-height: 1.6;
        text-align: justify; }
  .newpro #contents .pdb .comp_inner .btnsarea {
    display: flex;
    justify-content: space-between;
    margin-top: 40px; }
  .newpro .underarea {
    padding-bottom: 100px; }
  .newpro .cont_inner {
    max-width: 1040px;
    margin: 0 auto;
    position: relative; }
    .newpro .cont_inner .blandttl {
      width: 100%;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 38px;
      font-weight: 400;
      color: #000;
      text-align: center;
      position: relative;
      padding: 90px 0 45px; }
      .newpro .cont_inner .blandttl span.upper {
        position: relative;
        padding: 15px 0px; }
        .newpro .cont_inner .blandttl span.upper:before {
          position: absolute;
          content: "";
          top: 0;
          left: 0;
          width: 45px;
          height: 25px;
          border-top: 2px solid #ffd54e;
          border-left: 2px solid #ffd54e; }
        .newpro .cont_inner .blandttl span.upper:after {
          position: absolute;
          content: "";
          top: 0;
          right: 0;
          width: 45px;
          height: 25px;
          border-top: 2px solid #ffd54e;
          border-right: 2px solid #ffd54e; }
        .newpro .cont_inner .blandttl span.upper span.under {
          position: relative;
          padding: 15px 50px; }
          .newpro .cont_inner .blandttl span.upper span.under:before {
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            width: 45px;
            height: 25px;
            border-bottom: 2px solid #ffd54e;
            border-left: 2px solid #ffd54e; }
          .newpro .cont_inner .blandttl span.upper span.under:after {
            position: absolute;
            content: "";
            bottom: 0;
            right: 0;
            width: 45px;
            height: 25px;
            border-bottom: 2px solid #ffd54e;
            border-right: 2px solid #ffd54e; }
    .newpro .cont_inner .slidef {
      max-width: 850px;
      margin: 0 auto; }
      .newpro .cont_inner .slidef .slide_inner {
        font-size: 13px;
        display: flex;
        justify-content: space-between;
        margin: 0 30px; }
        .newpro .cont_inner .slidef .slide_inner:focus {
          outline: none; }
        .newpro .cont_inner .slidef .slide_inner.slick-center {
          opacity: 1; }
        .newpro .cont_inner .slidef .slide_inner .leftarea {
          width: 320px; }
          .newpro .cont_inner .slidef .slide_inner .leftarea .code {
            width: 100%;
            background: #f2f2f2;
            text-align: center; }
          .newpro .cont_inner .slidef .slide_inner .leftarea .price {
            text-align: center; }
            .newpro .cont_inner .slidef .slide_inner .leftarea .price dt {
              margin-top: 5px; }
            .newpro .cont_inner .slidef .slide_inner .leftarea .price dd {
              font-size: 31px;
              font-weight: 700;
              line-height: 1; }
              .newpro .cont_inner .slidef .slide_inner .leftarea .price dd span {
                font-size: 16px; }
          .newpro .cont_inner .slidef .slide_inner .leftarea .diagram {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 24px;
            font-weight: 400;
            text-align: center;
            line-height: 1;
            padding: 25px 0 10px; }
        .newpro .cont_inner .slidef .slide_inner .rightarea {
          width: 450px; }
          .newpro .cont_inner .slidef .slide_inner .rightarea .size {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #f2f2f2;
            padding: 10px; }
            .newpro .cont_inner .slidef .slide_inner .rightarea .size p:first-child {
              font-family: 'Barlow Condensed', sans-serif;
              font-size: 24px;
              font-weight: 400;
              width: 130px;
              text-align: center; }
            .newpro .cont_inner .slidef .slide_inner .rightarea .size .imgs {
              width: 190px; }
          .newpro .cont_inner .slidef .slide_inner .rightarea .detailsarea {
            margin-top: 25px; }
            .newpro .cont_inner .slidef .slide_inner .rightarea .detailsarea dl {
              display: flex;
              justify-content: space-between;
              border-bottom: 1px dashed #b3b3b3;
              padding: 3px 0; }
              .newpro .cont_inner .slidef .slide_inner .rightarea .detailsarea dl dt {
                width: 175px; }
              .newpro .cont_inner .slidef .slide_inner .rightarea .detailsarea dl dd {
                width: 275px; }
    .newpro .cont_inner .slide {
      width: 1650px;
      margin: 0 auto;
      position: absolute;
      left: 50%;
      margin-left: -825px; }
      .newpro .cont_inner .slide .slick-prev, .newpro .cont_inner .slide .slick-next {
        position: absolute;
        content: "";
        z-index: 3;
        text-indent: -9999px;
        border: none;
        top: 50%; }
      .newpro .cont_inner .slide .slick-prev {
        border: none;
        background: none;
        width: 40px;
        height: 40px;
        border-bottom: 2px solid #666;
        border-left: 2px solid #666;
        transform: rotate(45deg);
        left: 460px; }
        .newpro .cont_inner .slide .slick-prev:focus {
          outline: none; }
      .newpro .cont_inner .slide .slick-next {
        border: none;
        background: none;
        width: 40px;
        height: 40px;
        border-bottom: 2px solid #666;
        border-right: 2px solid #666;
        transform: rotate(-45deg);
        right: 450px; }
        .newpro .cont_inner .slide .slick-next:focus {
          outline: none; }
      .newpro .cont_inner .slide .slide_inner {
        font-size: 13px;
        display: flex;
        justify-content: space-between;
        margin: 0 30px;
        opacity: 0.4; }
        .newpro .cont_inner .slide .slide_inner:focus {
          outline: none; }
        .newpro .cont_inner .slide .slide_inner.slick-center {
          opacity: 1; }
        .newpro .cont_inner .slide .slide_inner .leftarea {
          width: 270px; }
          .newpro .cont_inner .slide .slide_inner .leftarea .code {
            width: 100%;
            background: #f2f2f2;
            text-align: center; }
          .newpro .cont_inner .slide .slide_inner .leftarea .price {
            text-align: center; }
            .newpro .cont_inner .slide .slide_inner .leftarea .price dt {
              margin-top: 5px; }
            .newpro .cont_inner .slide .slide_inner .leftarea .price dd {
              font-size: 31px;
              font-weight: 700;
              line-height: 1; }
              .newpro .cont_inner .slide .slide_inner .leftarea .price dd span {
                font-size: 16px; }
          .newpro .cont_inner .slide .slide_inner .leftarea .diagram {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 24px;
            font-weight: 400;
            text-align: center;
            line-height: 1;
            padding: 25px 0 10px; }
        .newpro .cont_inner .slide .slide_inner .rightarea {
          width: 350px; }
          .newpro .cont_inner .slide .slide_inner .rightarea .size {
            display:block;
            justify-content: space-between;
            align-items: center;
            background: #f2f2f2;
            padding: 10px; }
            .newpro .cont_inner .slide .slide_inner .rightarea .size p:first-child {
              font-family: 'Barlow Condensed', sans-serif;
              font-size: 24px;
              font-weight: 400;
              width: 130px;
              text-align: center; }
            .newpro .cont_inner .slide .slide_inner .rightarea .size .imgs {
              width: 190px; }
          .newpro .cont_inner .slide .slide_inner .rightarea .detailsarea {
            margin-top: 25px; }
            .newpro .cont_inner .slide .slide_inner .rightarea .detailsarea dl {
              display: flex;
              justify-content: space-between;
              border-bottom: 1px dashed #b3b3b3;
              padding: 3px 0; }
              .newpro .cont_inner .slide .slide_inner .rightarea .detailsarea dl dt {
                width: 175px; }
              .newpro .cont_inner .slide .slide_inner .rightarea .detailsarea dl dd {
                width: 175px; }
    .newpro .cont_inner .pack {
      background: #fff;
      font-size: 13px;
      margin-top: 25px; }
      .newpro .cont_inner .pack tbody tr td {
        width: 270px;
        text-align: center;
        border-bottom: 1px dashed #b3b3b3;
        border-right: 1px solid #b3b3b3;
        padding: 5px 0; }
        .newpro .cont_inner .pack tbody tr td:first-child {
          vertical-align: top;
          background: #666666;
          width: 210px;
          padding-left: 15px;
          text-align: left;
          color: #fff; }
        .newpro .cont_inner .pack tbody tr td:last-child {
          border-right: none; }
        .newpro .cont_inner .pack tbody tr td span {
          display: block;
          font-size: 11px;
          position: relative;
          top: -10px;
          margin-bottom: -10px; }
        .newpro .cont_inner .pack tbody tr td.last {
          border-bottom: none; }
    .newpro .cont_inner .tablebox td.cl_1 {
      background: #f9f9f9; }
    .newpro .cont_inner .tablebox td .capt {
      display: block;
      color: red;
      position: relative;
      font-size: 13px;
      top: 20px; }
  .newpro .white {
    background: #fff;
    margin-top: -100px;
    overflow: hidden; }
    .newpro .white .cont_inner {
      max-width: 100%;
      height: 1100px; }
    .newpro .white .underimg {
      position: absolute;
      width: 980px;
      left: 50%;
      margin-left: -490px;
      bottom: 100px;
      display: flex;
      justify-content: space-between; }
      .newpro .white .underimg li {
        width: 180px;
        padding: 0 10px; }
  .newpro .tab-area {
    max-width: 1040px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: #ccc;
    position: relative;
    top: -300px; }
    .newpro .tab-area .tab {
      width: 33.333%;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 28px;
      font-weight: 400;
      text-align: center; }
    .newpro .tab-area .tab.active {
      background-color: #ffd54e;
      border: none; }
  .newpro .contenttabarea .contenttab {
    display: none; }
    .newpro .contenttabarea .contenttab.show {
      display: block; }

.top_lead{
    font-size: 20px;
    font-weight: 600;
}

.captunder{
    font-size: 12px;
    padding: 15px 0 30px;
}

@media screen and (max-width: 767px) {
  .newpro #contents .pdb .comp_inner .m_imgs {
    width: 300px;
    margin: 0 auto;
    padding-bottom: 15px; }
    .newpro #contents .pdb .comp_inner .m_imgs iframe {
      width: 300px;
      margin: 0 auto;
      height: 170px; }
  .newpro #contents .pdb .comp_inner .detail_photo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	gap:0;}
    .newpro #contents .pdb .comp_inner .detail_photo .box {
      width: 48%;
      padding-top: 10px; }
      .newpro #contents .pdb .comp_inner .detail_photo .box dt {
        font-size: 13px;
        margin: 5px 0 0; }
      .newpro #contents .pdb .comp_inner .detail_photo .box dd {
        font-size: 12px;
        text-align: justify; }
  .newpro #contents .pdb .comp_inner .btnsarea {
    display: block;
    justify-content: space-between;
    margin-top: 40px; }
  .newpro .underarea {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 100px; }
    .newpro .underarea .tablebox {
      overflow: auto; }
  .newpro .cont_inner {
    max-width: 100%;
    margin: 0 auto;
    position: relative; }
    .newpro .cont_inner .slidef {
      width: 100%;
      margin: 0 auto;
      position: inherit;
      left: 0%;
      margin-left: 0px; }
      .newpro .cont_inner .slidef .slide_inner {
        font-size: 13px;
        display: block;
        justify-content: space-between;
        margin: 0 30px; }
        .newpro .cont_inner .slidef .slide_inner:focus {
          outline: none; }
        .newpro .cont_inner .slidef .slide_inner.slick-center {
          opacity: 1; }
        .newpro .cont_inner .slidef .slide_inner .leftarea {
          width: 100%;
          margin-bottom: 30px; }
          .newpro .cont_inner .slidef .slide_inner .leftarea p:first-child {
            width: 60%;
            margin: 0 auto; }
        .newpro .cont_inner .slidef .slide_inner .rightarea {
          width: 100%; }
    .newpro .cont_inner .slide {
      width: 100%;
      margin: 0 auto;
      position: inherit;
      left: 0%;
      margin-left: 0px; }
      .newpro .cont_inner .slide .slick-prev, .newpro .cont_inner .slide .slick-next {
        top: 100px; }
      .newpro .cont_inner .slide .slick-prev {
        width: 20px;
        height: 20px;
        left: 10px; }
      .newpro .cont_inner .slide .slick-next {
        width: 20px;
        height: 20px;
        right: 10px; }
      .newpro .cont_inner .slide .slide_inner {
        font-size: 13px;
        display: block;
        justify-content: space-between;
        margin: 0 30px;
        opacity: 0.4; }
        .newpro .cont_inner .slide .slide_inner:focus {
          outline: none; }
        .newpro .cont_inner .slide .slide_inner.slick-center {
          opacity: 1; }
        .newpro .cont_inner .slide .slide_inner .leftarea {
          width: 100%;
          margin-bottom: 30px; }
          .newpro .cont_inner .slide .slide_inner .leftarea p:first-child {
            width: 60%;
            margin: 0 auto; }
        .newpro .cont_inner .slide .slide_inner .rightarea {
          width: 100%; }
    .newpro .cont_inner .pack {
      background: #fff;
      width: 1040px;
      overflow-x: scroll; }
      .newpro .cont_inner .pack.wid {
        width: 765px; }
  .newpro .white {
    background: #fff;
    margin-top: -100px;
    padding-bottom: 50px; }
    .newpro .white .cont_inner {
      max-width: 100%;
      height: auto; }
    .newpro .white .underimg {
      position: inherit;
      width: 90%;
      margin-left: 0px;
      left: 0%;
      bottom: 0px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      .newpro .white .underimg li {
        width: 180px; }
  .newpro .tab-area {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    background-color: #ccc;
    position: relative;
    top: 0px; }
    .newpro .tab-area .tab {
      width: 33%;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 28px;
      font-weight: 400;
      text-align: center; }
    .newpro .tab-area .tab.active {
      background-color: #ffd54e;
      border: none; } }