/* hover
=================================================================== */
/* ================================================ vw vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* form
=================================================================== */
/* =================================================================== hover anime */
@-webkit-keyframes pop-hover {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-6deg);
            transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(3deg);
            transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-6deg);
            transform: translate(0, 2px) rotate(-6deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(3deg);
            transform: translate(0, 3px) rotate(3deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@-webkit-keyframes pop-hover-sm {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-1deg);
            transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(0.5deg);
            transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
@keyframes pop-hover-sm {
  0% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  10% {
    -webkit-transform: translate(0, 2px) rotate(-1deg);
            transform: translate(0, 2px) rotate(-1deg);
  }
  20% {
    -webkit-transform: translate(0, -6px) rotate(0);
            transform: translate(0, -6px) rotate(0);
  }
  30% {
    -webkit-transform: translate(0, 3px) rotate(0.5deg);
            transform: translate(0, 3px) rotate(0.5deg);
  }
  40% {
    -webkit-transform: translate(0, -3px) rotate(0);
            transform: translate(0, -3px) rotate(0);
  }
  50% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
  }
}
/* =================================================================== slider anime */
@-webkit-keyframes slider-anime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slider-anime {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
/*============================================================================================ 1285px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ================================================ vh */
  /* ============================================================================================ newsTop */
  /* ============================================================== newsKv */
  .newsKv {
    /* --------------------------------------- padding */
    /* --------------------------------------- newsKv__info */
    /* --------------------------------------- pKvDetail */
    /* --------------------------------------- newsKv__info */
    /* --------------------------------------- productBlock__cateTag */
  }
  .newsKv .pKvSection__mainImg--padding {
    padding-top: 73.6842105263%;
  }
  .newsKv .productsKv__slider--target {
    min-height: inherit;
    padding-top: min(6.1333333333vw, 23px);
    padding-bottom: min(6.1333333333vw, 23px);
  }
  .newsKv .pKvSection__main .productsKv__slider--target {
    padding-top: min(10.6666666667vw, 40px);
  }
  .newsKv .pKv__article {
    margin-bottom: 0;
  }
  .newsKv .pKvDetail {
    margin-top: min(2.6666666667vw, 10px);
  }
  .newsKv .newsKv__info {
    margin-top: min(2.6666666667vw, 10px);
  }
  .newsKv .newsKv__infoTitle {
    font-size: min(4.5333333333vw, 17px);
    line-height: 1.5;
    margin-top: min(4vw, 15px);
    margin-bottom: min(5.3333333333vw, 20px);
  }
  .newsKv .productBlock__cateTag {
    position: relative;
    right: auto;
    left: 0;
    top: 0;
  }
  .newsKv .productBlock__cateTag .cateNav__target {
    margin-right: 0;
  }
  .pKv__cateNav .cateNav__target {
    margin-right: 0;
    padding-right: 15px;
  }
  .newsKv .pKv__cateNav {
    position: relative;
    padding-top: 30px;
    margin-top: 40px;
  }
  .newsKv .pKv__cateNav::after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.2);
  }
  /* ============================================================== paging */
  .paging {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  .paging__target > a, .paging__target > p {
    height: 22px;
    font-size: 12px;
    line-height: 20px;
    margin-left: 5px;
    margin-right: 5px;
  }
  .paging__target > p {
    width: 12px;
    font-size: 15px;
    line-height: 20px;
  }
  .paging__target > a {
    width: 40px;
  }
  /* --------------------------------------- paging selected */
  .paging__target.selected > a {
    width: 50px;
  }
  .newsTop .newsBlock__list .newsBlock {
    width: 100%;
    margin-bottom: 20px;
  }
  /* ============================================================================================ newsDetail */
  /* ============================================================== ndArticle */
  .ndArticle {
    display: block;
    padding-top: 20px;
  }
  .ndMainImg, .newsMT {
    width: 100%;
  }
  /* --------------------------------------- ndMainImg */
  .ndMainImg {
    position: relative;
    height: auto;
    top: 0;
  }
  .ndMainImg img, .ndMainImg .ndMainImg__target {
    position: relative;
    top: 0;
  }
  .ndMainImg__inner {
    position: relative;
    height: auto;
    width: calc(100% + 40px);
    left: -20px;
  }
  /* ============================================================== newsMT */
  /* --------------------------------------- newsDate__header */
  .newsDate__header {
    padding-top: 35px;
    margin-bottom: 45px;
  }
  .newsMT__title {
    font-size: 17px;
    margin-top: 12px;
    margin-bottom: 15px;
  }
  /* --------------------------------------- newsMT */
  .newsMT__inner {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 40px;
  }
  .newsMT__inner p, .newsMT__inner div {
    margin-bottom: 35px;
  }
  .newsMT__inner h1, .newsMT__inner h2, .newsMT__inner h3, .newsMT__inner h4, .newsMT__inner h5, .newsMT__inner h6 {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .newsMT__inner blockquote {
    font-size: 12px;
    padding: 20px 25px;
  }
  /* --------------------------------------- newsMt__product */
  .newsMt__product {
    position: relative;
    width: calc(100% + 40px);
    left: -20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }
  .newsMt__product .keen-slider:not([data-keen-slider-disabled]) {
    overflow: inherit;
  }
  .newsMt__product .productBlock {
    margin-bottom: 0;
  }
  .newsMt__product .newsMt__productThum--wrapper {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 15px;
  }
  .newsMt__product .newsMt__productThum--wrapper .productBlock__thum {
    height: 0;
    margin: 0;
    padding-top: 100%;
  }
  .newsMt__product .productBlock__inner {
    min-height: 190px;
    padding: 17px 25px;
  }
  .newsRecommend {
    position: relative;
    overflow: hidden;
  }
  .newsRecommend .navigation-wrapper {
    position: relative;
    width: calc(100% + 40px);
    left: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .newsRecommend .navigation-wrapper .keen-slider:not([data-keen-slider-disabled]) {
    overflow: inherit;
  }
  .newsKv .pKvLeader__inner {
    position: initial;
  }
  .newsKv .pKvDetail .productBlock__infoTitle {
    font-size: min(4vw, 15px);
  }
}