/** Shopify CDN: Minification failed

Line 640:19 Expected ":"
Line 961:91 "border-botom" is not a known CSS property

**/

/* 부스터프로미니 플러스 */


.spr_video {
 
}

.video_frame {
  position: relative;
  display: flex;

  overflow: hidden;
  background:
    radial-gradient(55% 70% at 65% 10%, rgba(60, 100, 210, 0.35), transparent 65%),
    #000;
}
.spr_video--mini{}
.video__copy {
      z-index: 8;
    padding: 170px 0;
   padding-left: calc((100% - 76%) / 2);
    color: #fff;
    width: 40%;
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: center;
        
}
.video__eyebrow {
     font-size: 30px;
    font-weight: 500;
    letter-spacing: -0.2px;
}
.video__title{font-size:60px;font-weight: 600;letter-spacing: -0.2px; color:#000; line-height:130%;}
.video__title.gd {
    font-size: 54px;

    background: linear-gradient(180deg, #FFF 0%, #FFF 50%, #606B79 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    width: max-content;
    min-width: max-content;
    max-width: none;
    white-space: nowrap;
    position: relative;
    z-index: 9;
        margin: 10px 0 50px;
}
.video__desc{color:#666; font-size:26px; font-weight:400; letter-spacing: -0.2px;}
.video__led {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  max-width: 420px;
}

.video__led li {
  background: rgba(255, 255, 255, 0.10);
  border-radius: 16px;
  padding: 18px 22px;
  backdrop-filter: blur(4px);
}

.video__led strong {
      display: block;
    font-size: 18px;
    position: relative;
    text-indent: 24px;
    font-weight: 600;
    letter-spacing: -0.2px;
}
.video__led strong:before{ content: "";
    position: absolute;
    top:4px;
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;}
.video__led .blue strong:before{background:#3D6DFF; }
.video__led .red strong:before{background:#FF5555;}
.video__led .pp strong:before{background:#BB3DFF;}
.video__led span {
    display: block;
    margin-top: 6px;
    font-size: 16px;
    line-height: 130%;
    font-weight:400;
    letter-spacing: -0.2px;
    margin-left: 24px;
}
.full_video .video_frame{display:block; background:#000; position:relative;}
.full_video{
  --video-txt-end-height: 14vh;
  --video-txt-end-overlap: 13.5vh;
}
.device_inner .video__text{
   
    color: #fff;
    text-align: center;
        padding-bottom: 80px;
}
.device_inner .video__eyebrow{padding-bottom:10px;}
.device_inner .video__title{color:#fff;}
.full_video  .video__media {
  position: relative;
  min-height: 100%;
  z-index: 4;
  overflow: hidden;
      width: 100%;
}
.full_video .video__media video{
  will-change: auto;
}
.full_video  .video__media::before, .full_video .video__media::after{display:none;}
.full_video .video__title{color:#fff; font-size:60px;}
.full_video .video__txt__end{
  position: relative;
  z-index: 8;
  height: var(--video-txt-end-height);
  margin-top: calc(var(--video-txt-end-overlap) * -1);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  pointer-events: none;
}
.device_container{
  background:#000;
padding: 0 0 150px;
  --device-rise-y: 0px;
  --device-gap: 100px;
  --device-scale: 1;
  --device-flex-width: 40%;
  position: relative;
  z-index: 12;
}
.device_inner{
  background:#000;
  transform: translateY(var(--device-rise-y));
  will-change: transform;
}
.device_inner .device_inner_flex{
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: var(--device-gap);
  width: var(--device-flex-width);
  margin: auto;padding-top: 100px;
}
.device_inner_flex > div{
     flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

}
.device_inner_flex > div img{
  width: 70%;
  transform: scale(var(--device-scale));
  transform-origin: center bottom;
  will-change: transform;
  display: block;
}
.minipro_wrap .device_tit{color:#fff; font-size:20px;padding: 70px 0 10px; font-weight:600; line-height:130%; letter-spacing: -0.2px;}
.minipro_wrap  .device_desc{color:#999; font-size:16px; font-weight:400; line-height:130%; letter-spacing: -0.2px;}
.video__media video, .video_media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  
}

/* 일반 spr_video(풀비디오/클린설명 제외)에서만 경계 그라데이션 적용 */
.spr_video:not(.full_video):not(.clean_desc) .video__media {
  position: relative;
  width: 60%;
  z-index: 4;
  overflow: visible;
}
.spr_video.mb_video:not(.full_video):not(.clean_desc) .video__media{width:80%;}

.spr_video:not(.full_video):not(.clean_desc) .video__media video {
  -webkit-mask-image: linear-gradient(90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.28) 9%,
    rgba(0, 0, 0, 0.72) 18%,
    rgba(0, 0, 0, 1) 28%,
    rgba(0, 0, 0, 1) 100%);
  mask-image: linear-gradient(90deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.28) 9%,
    rgba(0, 0, 0, 0.72) 18%,
    rgba(0, 0, 0, 1) 28%,
    rgba(0, 0, 0, 1) 100%);
}

.spr_video:not(.full_video):not(.clean_desc) .video__media::before {
    content: "";
    position: absolute;
    left: 0;
    transform: translateX(-48%);
    top: -8%;
    bottom: -8%;
    width: clamp(300px, 20vw, 460px);
    background: linear-gradient(90deg,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0.88) 26%,
      rgba(0, 0, 0, 0.58) 62%,
      rgba(0, 0, 0, 0) 100%);
    opacity: 0.9;
    filter: blur(34px);
    pointer-events: none;
    z-index: 6;
}

.spr_video:not(.full_video):not(.clean_desc) .video__media::after {
  content: "";
  position: absolute;
  left: 0;
  transform: translateX(-32%);
  top: -10%;
  bottom: -10%;
  width: clamp(180px, 11vw, 260px);
  background: radial-gradient(85% 120% at 0% 50%,
    rgba(55, 88, 160, 0.18) 0%,
    rgba(0, 0, 0, 0.22) 52%,
    rgba(0, 0, 0, 0.00) 100%);
  filter: blur(36px);
  opacity: 0.45;
  pointer-events: none;
  z-index: 5;
}






.video__note {
  position: absolute;
  left: calc((100% - 76%) / 2);
  bottom: clamp(14px, 2vw, 26px);
  margin: 0;
      font-size: 14px;
  line-height: 1.35;
  color: #666;
  z-index: 5;
}
.modes_tabs_wrap{    position: absolute; width:487px; margin:auto;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;}
.modeBg img{width:100%; display:block;}
.mode_txt_Wrap{    position: absolute;
    top: 50%;
        left: calc((100% - 76%) / 2);
    transform: translate(0, -50%);}
    
.prdTxt__copy, .prdTxt__media{flex:1; width:50%;}
.gray .prdTxt__copy, .gray .prdTxt__media{   background: #F3F3F3;}
.prdTxt_frame{
  display:flex;
  align-items:stretch;
  position: relative;
}
.gray .prdTxt__copy, .gray .prdTxt__media{   background: #F3F3F3;}
.prdTxt_frame.gra_bg{background: linear-gradient(80deg, #FFE3E7 0%, #FDF7F7 50%, #FFD7DB 100%);}

.prdTxt__copy{   letter-spacing: -0.2px; display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
        padding: 70px 0 120px;
    padding-left: calc((100% - 76%) / 2);}

.prdTxt__copy .prdTxt_desc{}
.prdTxt__copy .prdTxt_desc .desc_tit{      padding: 50px 0 10px;color:#000; font-size:30px; font-weight:600; }
.prdTxt__copy .prdTxt_desc .desc_lineUp{margin:0; padding:0;}
.prdTxt__copy .prdTxt_desc .desc_lineUp li{
    line-height: 150%;
    color: #666;
    font-size: 20px;
    padding-top: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gra_bg .prdTxt__copy{padding:120px 0;    padding-left: calc((100% - 76%) / 2);    flex: 0 0 48%;}
.gra_bg .prdTxt__media{  flex: 0 0 52%;}
.gra_bg .prdTxt__copy .prdTxt_desc .desc_lineUp li{color:#000;      padding-top: 16px;  align-items: flex-start;
}

.prdTxt__copy .prdTxt_desc .desc_lineUp li img{
    vertical-align: middle;
    flex: 0 0 auto;
}
.prdTxt__copy .prdTxt_desc .desc_lineUp span{
    color: #000;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -0.2px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
.prdTxt__copy .prdTxt_desc .prd_ntit, .mode_txt_Wrap .prd_ntit{    color: #FF6A82;
FONT-SIZE: 20px;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.2px;}
.prdTxt__copy .prdTxt_desc .prd_tit, .mode_txt_Wrap .prd_tit{color:#000; font-size:46px; font-weight:600; padding:15px 0 40px; line-height: 130%;}
.prdTxt__copy .prdTxt_desc .prd_tit{ padding:15px 0 30px;}
.prdTxt__copy .prdTxt_desc .prd_sub{    color: #666;
    font-size: 26px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.2px;
    padding-bottom: 34px;}
.prdTxt__copy .prdTxt_desc .prd_desc, .mode_txt_Wrap .prd_desc{    color: #666;
font-size: 26px;
font-weight: 400;
line-height: 150%;}
.prdTxt__copy .prdTxt_desc .prd_desc2, .roller_desc{    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    padding-top: 34px;} 
    .roller_desc{padding-top:10px;}
.prdTxt__media{
  overflow: hidden;
}

.prdTxt__media img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center bottom;
  display:block;
}
.prdTxt__media.rollerImg img{object-position:center;}
.prdTxt100 .prdTxt_frame{display:block;    background: #fff;padding: 120px 0;}
.device_flexWrap{display:flex;    gap: 60px;}
.AllinOne .allinoneSwiper{position:relative;}
.AllinOne .allinone-page{display:none;}
.AllinOne .swiper-button-next.allinone_next,
.AllinOne .swiper-button-prev.allinone_prev{display:none;}
.prdTxt100 .prdTxt_desc{    width: 76%; margin: auto; overflow: hidden;}
.prdTxt100 .prdTxt_desc .prd_tit{    color: #000;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: -0.2px;
    text-align: center;    padding-bottom: 80px;}
.prdTxt100 .device_prd{flex:1;}
.prdTxt100 .device_prd img{display: block;
    margin: auto;
    height: 350px;}
 .prdTxt100 .prd_wrap{}
 .device_prd.switch .prd_txt3 > div{display: flex}
.prd_wrap .prd_txt1{    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.2px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;}
    .prd_wrap .prd_txt2{color:#666666; font-size:16px; font-weight:400; line-height: 130%; letter-spacing: -0.2px;    padding: 20px 0 30px;}
    .prd_wrap .prd_txt3{}
    .prd_wrap .prd_txt3 > div{    color: #000;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.2px;}
    .prd_wrap .prd_txt3 .color{   
    margin-right: 10px;
    border-radius: 33px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -0.2px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    width: 75px;
    text-align: center;}
    .prd_wrap .prd_txt3 .color.red{ color: #ff5555; border: 1px solid #ff5555;}
    .prd_wrap .prd_txt3 .color.blue{ color: #6B90FF; border: 1px solid #6B90FF;}
    .prd_wrap .prd_txt3 .color.pp{ color: #C55AFF; border: 1px solid #C55AFF;}
     .prd_wrap .prd_txt3 .device_prdWrap{display:flex;
    flex-direction: column;}
     .prd_wrap .prd_txt3 .device_prdWrap .device_prd_desc{color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.2px;}
    .prdTxt100.howToUse{    border-top: 1px solid #EAEAEA;
    background: #fff;
    position: relative;
    padding-bottom: 100px;    border-bottom: 1px solid #eaeaea;
}
    .prdTxt100.threeModes{
    position: relative;}
    .device_slideWrap{position:relative;}
    .prdTxt100.howToUse .device_slideWrap{position:static;}
    .prdTxt100.threeModes .device_slideWrap{position:static;}
    .prdTxt100.howToUse .howto_mobile_only{display:none;}
    .prdTxt100.threeModes .prdTxt_desc{overflow: visible;}
    .prdTxt100.howToUse .prdTxt_desc .prd_tit{padding: 100px 0 55px;}

    .howto_tabs, .modes_tabs{     text-align: center;
    border-radius: 42px;
    border: 1px solid #D6D6D6;
    background: #E0E0E0;
    backdrop-filter: blur(5px);
    width: 350px;
       margin: 55px auto 0;
   }
    .howto_tabs .howto_tab, .modes_tabs .modes_tab{    background: none;
    border: 0;
    cursor: pointer;
    color: #999;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.2px;
    font-size: 16px;
    text-transform: uppercase;
        height: 100%;
    padding: 20px 0;
    margin: 0 5px;}
    .modes_tabs_wrap{
      width: 470px;
      max-width: calc(100vw - 40px);
    }
    .modes_tabs{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
      gap: 4px;
      padding: 6px 32px;
      box-sizing: border-box;
    }
    .modes_tabs .modes_tab{
      font-size: 16px;
      text-transform: none;
      margin: 0;
      padding: 10px 12px;
      border-radius: 33px;
      white-space: nowrap;
      font-weight: 500;
      flex: 1 1 0;
      min-width: 0;
    }
      .modes_tabs .modes_tab:nth-child(1){
        flex: 0 1 auto;
        padding-left: 10px;
        padding-right: 10px;
      }
      .modes_tabs .modes_tab:last-child{
        margin-right: 0;
      }
    .howto_tabs .howto_tab.is-active, .modes_tabs .modes_tab.is-active{    color: #000;
    font-weight: 600;
    background: #fff;
    padding: 12px 20px;
    border-radius: 33px;}
    .modes_tabs .modes_tab.is-active{
      padding: 10px 12px;
      font-weight: 500;
    }

   
    .prdTxt100.threeModes .modes_tabs_wrap{
      width: 470px;
      max-width: calc(100vw - 40px);
      margin: auto;
    }
     .prdTxt100.howToUse .howto_tabs_wrap{width:335px; max-width: calc(100vw - 40px); margin:auto;}

    .prdTxt100.howToUse .howto_tabs,
    .prdTxt100.threeModes .modes_tabs{
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: nowrap;
      gap: 4px;
      padding: 6px;
      box-sizing: border-box;
      margin: 55px auto 0;
    }
    .prdTxt100.howToUse .howto_tabs .howto_tab,
    .prdTxt100.threeModes .modes_tabs .modes_tab{
      margin: 0;
      padding: 10px 12px;
      border-radius: 33px;
      white-space: nowrap;
      font-size: 15px;
      font-weight: 500;
      flex: 1 1 0;
      min-width: 0;
      text-transform: none;
          font-family: inter;
    }
    .prdTxt100.howToUse .howto_tabs .howto_tab{font-size:16px; text-transform: uppercase;}
 
    .prdTxt100.threeModes .modes_tabs_wrap .modes_tabs_paddle{
      display: none;
    }
    .prdTxt100.threeModes .modes_tabs .modes_tab:first-child{
      flex: 0 1 auto;
      padding-left: 10px;
      padding-right: 10px;
    }
    .howto_steps{    display: flex; gap: 20px;}
    .howto_steps .howto_step{width:25%;    text-align: center;letter-spacing: -0.2px;}
    .howto_steps .howto_step img{width:100%;}
    .howto_step_num{    color: #FF6A82;
    font-size: 18px;
    font-style: italic;    padding-top: 30px;
    font-weight: 700;}
    .howto_step_tit{color:#000; font-size:22px; font-weight:600;    padding: 10px 0;}
    .howto_step_desc{color:#666; font-size:18px; font-weight:400; }
    .howto_steps .howto_step.howToCharge{display:flex;    width: 100%;    padding-top: 100px;}
    .howto_steps .howto_step.howToCharge > div{width:50%; text-align: left;}
    .howto_steps .howto_step.howToCharge .howto_step_num{    font-size: 24px;}
    .howto_steps .howto_step.howToCharge .howto_step_tit{font-size:46px;}
    .howto_steps .howto_step.howToCharge .howto_step_desc{font-size:26px;    line-height: 150%;    padding-top: 20px;}
    .prdTxt100.howToUse .swiper-button-next.howto_next,
    .prdTxt100.howToUse .swiper-button-prev.howto_prev,
    .prdTxt100.threeModes .swiper-button-next.modes_next,
    .prdTxt100.threeModes .swiper-button-prev.modes_prev,
    .prdTxt100.AllinOne .swiper-button-next.allinone_next,
    .prdTxt100.AllinOne .swiper-button-prev.allinone_prev{
      border-radius: 10px;
      background: rgba(85, 85, 85, 0.3);
      border: 1px solid rgba(228, 228, 228, 0.3);
      width: 50px;
      height: 50px;
      top: 52%;
      z-index: 12;
    }
    .prdTxt100.howToUse .swiper-button-next.howto_next{right:3%;}
    .prdTxt100.howToUse .swiper-button-prev.howto_prev{left:3%;}
    .prdTxt100.threeModes .swiper-button-next.modes_next{right:3%;}
    .prdTxt100.threeModes .swiper-button-prev.modes_prev{left:3%;}
    .prdTxt100.AllinOne .swiper-button-next.allinone_next{right:3%;}
    .prdTxt100.AllinOne .swiper-button-prev.allinone_prev{left:3%;}
    .prdTxt100.howToUse .swiper-button-next.howto_next:after,
    .prdTxt100.howToUse .swiper-button-prev.howto_prev:after,
    .prdTxt100.threeModes .swiper-button-next.modes_next:after,
    .prdTxt100.threeModes .swiper-button-prev.modes_prev:after,
    .prdTxt100.AllinOne .swiper-button-next.allinone_next:after,
    .prdTxt100.AllinOne .swiper-button-prev.allinone_prev:after{
      content: "";
      color: #fff;
      background: url("/cdn/shop/files/page_btn.svg?v=1755063434") no-repeat center;
      background-size: cover;
      width: 8px;
      height: 16px;
      opacity: 0.4;
    }
    .pdrn_wrap .mode_txt_Wrap{top:50%;}
   
    .prdTxt100.howToUse .swiper-button-prev.howto_prev:after,
    .prdTxt100.threeModes .swiper-button-prev.modes_prev:after,
    .prdTxt100.AllinOne .swiper-button-prev.allinone_prev:after{transform: scaleX(-1);}
    .prdTxt100.howToUse .swiper-button-next.howto_next:hover:after,
    .prdTxt100.howToUse .swiper-button-prev.howto_prev:hover:after,
    .prdTxt100.threeModes .swiper-button-next.modes_next:hover:after,
    .prdTxt100.threeModes .swiper-button-prev.modes_prev:hover:after,
    .prdTxt100.AllinOne .swiper-button-next.allinone_next:hover:after,
    .prdTxt100.AllinOne .swiper-button-prev.allinone_prev:hover:after{opacity:1;}
.clean_desc .video_frame{    background: #fff;   }
.clean_desc .video__media::before, .clean_desc .video__media::after{display:none;}
.clean_desc .video__media{width:45%;height:auto; position:relative;}
.clean_desc .video__copy{
  width: 50%;
  justify-content: space-between;
  align-self: center;
  padding-top: 0;
  padding-bottom: 0;
}
.clean_desc .video__title{font-size:46px;}
.clean_desc .video__media video{    width: 90%;
    height: auto;
    padding-top: 50px;}
.clean_desc .clean_txt{       position: absolute;
    top: 46%;
    left: 42%;
    transform: translate(-50%, -50%);
    width: calc(100% - 10%);}
    
.clean_desc .clean_txt img{width:100%;}
.clean_desc .cleans_img{width:420px;}
.clean_desc .cleans_img img{width:100%;}
.clean_desc .video__desc{    padding: 40px 0;}
/* @media (max-width: 980px) {
  .video_frame {
    grid-template-columns: 1fr;
    min-height: 86vh;
  }

  .video__media {
    min-height: 42vh;
  }

  .video__copy {
    padding-bottom: 24px;
  }

  .video__title {
    width: auto;
    min-width: 0;
    white-space: normal;
  }
}
 */



/* device */
.w1300{    width: 76%;margin:auto;}
.bg_img img{width:100%;    display: block;}
.dis_wrap{important; padding-right:0!important;overflow-x: hidden;}
.dis_wrap.device{max-width:100%;}
.dis_wrap.device .toggle_box{    display: flex;
    flex-direction: column;
    justify-content: center;  border-top: 1px solid #eaeaea;}
.device_img_wrap{    position:relative;
    background: #FAFAFA; padding:50px 0;
}

.device_img_wrap .device_img{ }
.device_img_wrap .device_img img{    width: 100%;} 
.device_img_wrap .device_img .device_desc{color: #000;
    font-size: 15px;
    font-weight: 300;
    line-height: 140%;
    padding-top: 20px;}
.video_wrap{background: #000;
    color: #fff;
    text-align: center;
    padding: 120px 0 0;}
.video_wrap .video_tit, .bna_wrap .bna_tit{font-size:32px; font-weight:500; letter-spacing: -0.2px; }
.video_wrap .video_desc, .bna_wrap .bna_desc{font-size: 18px; font-weight:300; padding-top:24px; line-height: 150%; letter-spacing: -0.2px;}
.video_wrap .device_video{width:100%;}
.device_bg_wrap .icon_inner{    display: grid;
        width: 100%;
    grid-template-columns: auto auto auto;  gap: 10px;
}
.device_bg_wrap .icon_inner .icon_desc{ display: flex;
    align-items: center;}
.device_bg_wrap  .icon_wrap{padding-top:50px;     width: 52%;}
.device_bg_wrap  .icon_inner .icon_txt{color:#fff; font-size:16px; font-weight:400;line-height: 140%; 
letter-spacing: -0.2px;   }
.device_bg_wrap .icon_inner .icon_img{width: 50px;    text-align: center;
    margin-right: 10px;}
.device_bg_wrap  .icon_inner .icon_img img{width:88%;}
.motion_wrap{position:relative; background:#000;   overflow: hidden;}
.motion_wrap .motion_inner{  }
.motion_wrap .motion_inner .c_desc{width:44%;}

.motion_bg img{ width:100%;}
.motion_wrap .swiper-pagination.motion-page{bottom:40px;}
 .motion_wrap .swiper-pagination .swiper-pagination-bullet{background: #afafaf;}
 .motion_slide .swiper-button-next:hover{}
.device_bg_wrap{position:relative;overflow: hidden;}

.device_bg_wrap .device_bg_inner, .app_wrap .app_inner, .motion_wrap .motion_inner .c_txt{  
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    color: #fff;
    left: 50%;}
   .device_bg_wrap.bg_wrap1 .device_bg_inner{left:50%;  transform: translate(0, -50%);}

.device_bg_wrap.bg_wrap2 .device_bg_inner .video_tit{ color:#000;}
.device_bg_wrap.bg_wrap2 .device_bg_inner .video_desc{ color:#555;}
.device_bg_wrap .video_txt_wrap, .app_wrap .app_txt_wrap{width:43%;}
.device_bg_wrap .video_txt_wrap{width:49%;}
.device_bg_wrap .video_txt_wrap .video_tit, .app_txt_wrap .app_txt_tit, .motion_wrap .c_tit{    font-size: 32px; color:#fff;
    font-weight: 500;
    letter-spacing: -0.2px;}
.device_bg_wrap .video_txt_wrap .video_desc, .app_txt_wrap .app_desc, .motion_wrap .c_desc{font-size: 16px; color: #DADADA;font-weight: 300; padding-top:30px;
line-height: 150%; 
letter-spacing: -0.2px; }
.mode_slide{}
.mode_slide .swiper-slide{    display: flex;
    flex-direction: column;
    align-items: center;}
.mode_slide .swiper-slide > div{text-align:center;}
.mode_slide .mode_img{    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;}
.mode_slide .mode_img img{    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;}
.mode_slide .mode_desc{color:#fff; font-size: 13px; font-weight:500;margin: 20px 0 10px;display: inline-block; line-height:140%; letter-spacing:-0.2px; padding: 8px 12px;border-radius: 30px;} 
.mode_slide .mode_tit{color:#000; font-size:18px; font-weight:400; line-height:140%; letter-spacing:-0.2px;} 
.mode_slide .swiper-slide:nth-child(1) .mode_desc{background: #FFAD40;}
.mode_slide .swiper-slide:nth-child(2) .mode_desc{background: #2EE5DC;}
.mode_slide .swiper-slide:nth-child(3) .mode_desc{background: #4CE065;}
.mode_slide .swiper-slide:nth-child(4) .mode_desc{background: #FF6F71;}
.tech_desc_wrap{    text-align: center;    padding: 120px 0;}
.tech_desc_wrap.tech_bg{padding: 200px 0;    background: url(/cdn/shop/files/blur_bg.png?v=1749021021) no-repeat center / contain;}
.tech_desc_wrap .tech_tit{color:#000; font-size:44px; font-weight:500; line-height:150%; letter-spacing:-0.5px;}
.tech_desc_wrap .tech_desc{color:#000; font-size:20px; font-weight:300; padding-top: 40px;line-height:150%; letter-spacing:-0.5px;}
.full_video_wrap.add_full{position:relative;}
.full_video_wrap.add_full .dim_overlay{    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    width: 100%;
    height: 40%;
    pointer-events: none;
    background: linear-gradient(0deg, #0009, #0000);
    z-index: 10;
    transition: opacity .3s ease;}
    .full_video_wrap.add_full .video_wrap2{}
    .full_video_wrap.add_full .video_wrap2 video{    width: 100%;
    height: 100%;
    object-fit: cover;}
    .full_video_wrap.add_full .video_txt{    transition: all .5s ease-out;
    position: absolute;
    bottom: 10%;
    left: clamp(20px, 6vw, 120px);
    color: #ffeedb;
    z-index: 11;
    font-size: 44px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -.6px;}
    .full_video_wrap.add_full .video_txt span{    padding-top: 50px;
    font-size: 20px;
    font-weight: 300;
    display: block;}
.dis_wrap.device .works_wrap .hide{width:100%;}
.dis_wrap.device .works_wrap .toggle_box .title{ width:100%; margin:0; font-size:18px; font-weight:500; letter-spacing:-0.2px; border-bottom:0!important;}
  .device_video_wrap .video_inner{    position: relative;
    height: 100vh;overflow:hidden;}
  .device_video_wrap .video_inner video{    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;}
.bna_wrap{background: #FAFAFA;border-top: 1px solid #DADADA;
    color: #000;
    text-align: center;
    padding: 120px 0;}
    .device_bg_wrap .video_txt_wrap .video_desc span{font-weight: 500;}
.bna_wrap .bna_img{    padding: 16px 16px 0;}
.bna_wrap .bna_img img{width:100%;}
.bna_slide{    padding: 60px 0 0;}
.bna_slide .swiper-slide{  background: #fff; border:1px solid #dadada;}
.bna_slide .prd_txt_wrap{    text-align: left;    padding: 0 16px;}
.bna_slide .prd_txt_wrap .prd_tit{    color: #000;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.2px;
    padding: 24px 0 14px;}
.bna_slide .prd_txt_wrap .prd_tit img{vertical-align: bottom;
    margin-right: 5px;}
.bna_slide .prd_txt_wrap .prd_desc, .bna-slide-inner.open .hidden_content{    color: #555;
    font-size: 13px;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.2px;}
    .bna_slide .prd_txt_wrap .prd_desc{    height: 40px;
    overflow: hidden;}
.bna_slide .bna-slide-inner span{font-weight:500;}
.bna_slide .swiper-slide .prd_plus{    background: linear-gradient(180deg, rgba(236, 236, 236, 0.00) 0%, #ECECEC 100%);
      cursor: pointer;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
    .hidden_content {
  max-height: 0;
  overflow: hidden;
  /* transition: max-height 0.4s ease; */
}
.bna-slide-inner.open .hidden_content {
  max-height: 200px;
  text-align:left;
  padding:0 16px;
}

.bna-slide-inner.open .prd_plus svg {
  transform: rotate(180deg);
}
.bna_add_desc{
    color: #999999;
    font-size: 12px;
    padding-top: 50px;}
.comment_wrap{position:relative;padding: 80px 0;    overflow: hidden;}
.comment_wrap.com_bg{    background: #fafafa;    border-top: 1px solid #eaeaea;    border-bottom: 1px solid #eaeaea;}
.comment_wrap.com_bg .c_com{padding-top:20px;}
.comment_wrap.com_bg .comment_slide .swiper-slide img{    height: 405px;
    border-radius: 20px;object-fit: cover;}
.comment_wrap .comment_inner{overflow:hidden;}
.comment_slide .swiper-slide{display: flex;     justify-content: space-between; align-items: center;}
.comment_slide .swiper-slide .c_txt{}
.comment_slide .swiper-slide .c_tit{color: #000;
    font-size: 32px;
    font-weight: 500;
    line-height: 130%;
    letter-spacing: -0.2px;}
.comment_slide .swiper-slide .c_desc{color: #666;
    font-size: 15px;
    font-weight: 300;
    line-height: 130%;
    letter-spacing: -0.2px;
    padding: 12px 0 50px;}
.comment_slide .swiper-slide .c_com{
    color: #000;
    font-size: 18px;
    font-weight: 300;
        padding-bottom: 50px;
    line-height: 140%;
    letter-spacing: -0.2px;}
.comment_slide .swiper-slide img{width:405px;}
.comment_slide .swiper-button-next, .comment_slide .swiper-button-prev, .motion_slide .swiper-button-next, .motion_slide .swiper-button-prev,
.app_slide_inner .swiper-button-next, .app_slide_inner .swiper-button-prev{
  border-radius: 10px;
       background: rgba(85, 85, 85, 0.3);
    border: 1px solid rgba(228, 228, 228, 0.3);
    width: 50px;
    height: 50px;}
.comment_slide .swiper-button-next, .motion_slide .swiper-button-next, .app_slide_inner .swiper-button-next{right:3%;}
.comment_slide .swiper-button-prev, .motion_slide .swiper-button-prev, .app_slide_inner .swiper-button-prev{left:3%;}
.comment_slide .swiper-button-next:after, .comment_slide .swiper-button-prev:after, 
.app_slide_inner .swiper-button-next:after, .app_slide_inner .swiper-button-prev:after, .motion_slide .swiper-button-next:after, .motion_slide .swiper-button-prev:after{
  content: ""; color: #fff;
  background:url("/cdn/shop/files/page_btn.svg?v=1755063434") no-repeat center;
  background-size: cover;
    width: 8px;
    height: 16px; 
        opacity: 0.4;
}
.comment_slide .swiper-button-next:hover::after,
.comment_slide .swiper-button-prev:hover::after,
.app_slide_inner .swiper-button-next:hover::after,
.app_slide_inner .swiper-button-prev:hover::after,
.motion_slide .swiper-button-next:hover::after,
.motion_slide .swiper-button-prev:hover::after {opacity:1;}
.comment_slide .swiper-button-prev:after, .motion_slide .swiper-button-prev:after, .app_slide_inner .swiper-button-prev:after{  transform: scaleX(-1); }
.comment_slide .swiper-button-next.swiper-button-disabled, .motion_slide .swiper-button-prev.swiper-button-disabled, 
.motion_slide .swiper-button-next.swiper-button-disabled, .motion_slide .swiper-button-prev.swiper-button-disabled,
.app_slide_inner .swiper-button-next.swiper-button-disabled, .app_slide_inner .swiper-button-prev.swiper-button-disabled{    opacity: 1 !important;}
.swiper-pagination.com-page .swiper-pagination-bullet-active, .swiper-pagination.motion-page .swiper-pagination-bullet-active,
.swiper-pagination.bna-page .swiper-pagination-bullet-active,
.swiper-pagination.device-page .swiper-pagination-bullet-active,
.swiper-pagination.app-page .swiper-pagination-bullet-active{width: 25px;
    border-radius: 30px;
    background: #5C5C5C !important;}
.swiper-pagination.com-page .swiper-pagination-bullet, .swiper-pagination.app-page .swiper-pagination-bullet{    cursor: pointer;    margin: 0 7px !important;
    height: 8px;
    background: #AFAFAF;
    opacity: 1;}
.swiper-pagination.com-page{text-align: left;     bottom: 160px;       left: calc(50% - 38%);}
.guide_wrap{    background: #FAFAFA;    padding: 80px 0;}
.guide_wrap .guide_inner{    display: flex; gap: 20px;}
.guide_wrap .guide_flex{    background: #fff;border: 1px solid #DADADA;    display: flex;align-items: center;     flex: 1;width: 50%;     position: relative;   padding: 40px;
    box-sizing: border-box;}
.guide_wrap .guide_flex .guide_left .guide_tit{   color:#000; font-size: 28px; font-weight: 400;line-height: 130%; letter-spacing: -0.2px;}
.guide_wrap .guide_flex .guide_left .guide_img{    display: flex;
    align-items: center;
    padding-top: 60px;font-size: 20px;
    font-weight: 300;
    letter-spacing: -0.2px;}
    .guide_wrap .guide_flex .guide_left .guide_img img{width:46px;margin-right: 10px;    display: block;}
.guide_wrap .guide_flex .guide_right img{height: 260px;
    position: absolute;
    bottom: 0;
    right: 0;}
  .guide_wrap .guide_flex .guide_right.right_img{     position: absolute; bottom: auto;
    top: 40px;
    right: 40px;}
.guide_wrap .guide_flex .guide_right.right_img img{  height: 68px;    bottom: auto;}

.app_wrap{}
.app_wrap .app_top_sec{position:relative;}
.app_txt_wrap .app_link{    padding-top: 50px;    display: flex; gap: 14px;}
.app_txt_wrap .app_link img{width:203px;}
.app_toggle{background:#000;padding-bottom: 30px;}
.app_toggle .app_toggle_tit{ position:relative; color:#fff; font-size:18px; text-transform: uppercase;font-weight:500; letter-spacing: -0.2px;    cursor: pointer;}
.app_toggle .app_toggle_tit:after{content:""; position:absolute;  top:50%; right:0;     transform: translateY(-50%);width:20px; height:10px; background: url(/cdn/shop/files/app_arrow.svg?v=1755153184) no-repeat right;}
.app_toggle .app_toggle_tit.active:after{  transform: scaleY(-1); }
.app_toggle .app_slide{ display:none;   position: relative;  padding-top: 50px;}
.app_toggle .app_slide.active{display:block;}
.app_toggle .app_slide .swiper-slide{}
.app_toggle .app_slide .app_slide_img{  width: 80%;
    margin: auto;
    text-align: center; position:relative;}
.app_toggle .app_slide .app_slide_img:after{content:""; width:100%; height:130px; position:absolute; bottom:0; left:0;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); }
.app_toggle .app_slide .app_slide_img img{width:100%;}
.app_slide .app_slide_desc{    padding-top: 30px;}
.app_slide .app_slide_desc .app_s_tit{    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: -0.2px;      padding-bottom: 10px;  }
.app_slide .app_slide_desc .app_s_desc{       width: 90%; color: #dadada;
    line-height: 140%;
    letter-spacing: -0.2px;
    font-size: 14px;
    font-weight: 300;
    padding: 0 0 50px;}
.faq_device_wrap .faq_inner{    padding: 100px 0;}
.faq_device_wrap .faq_tit{color: #000;
    font-size: 32px;
    font-weight: 500;    padding-bottom: 50px;
    letter-spacing: -0.2px;}
.dis_wrap.device .faq_device_wrap .faq_inner .hide{width:100%;}
.dis_wrap.device .faq_device_wrap .toggle_box{width:100%;}
.dis_wrap.device .toggle_box .title{    font-size: 16px;font-weight:600; border-top: 1px solid #eaeaea; padding:30px 0; border-top:0;    width: 76%;
    margin: 0 auto;}
 .dis_wrap.device .toggle_box:last-child .plus-minus-toggle{border-bottom:0;}
 .dis_wrap.device .hide {width: 76%;
    margin: 0 auto;color: #555;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.2px;}
.dis_wrap.device .hide li{font-size:16px; font-weight:300;  line-height: 150%; letter-spacing: -0.2px;}
.dis_wrap.device .hide .img{width:500px; margin-top:30px;}
.dis_wrap.device .hide .img img{width:100%;}
.dis_wrap.device strong.desc_tit{color:#000; font-size:16px; font-weight:500;line-height: 150%; letter-spacing: -0.2px;}
.dis_wrap.device .flex_item{display:flex; gap:30px;padding-bottom: 50px;}
.dis_wrap.device .flex_item:first-child{padding-top:20px;}
.dis_wrap.device .flex_item .img{width:180px; height:180px; flex-shrink: 0; margin-top:0;  }
.dis_wrap.device .flex_item img{width:100%;}
.dis_wrap.device .flex_item .flex_prd{color:#000; font-size:18px; font-weight:500;letter-spacing: -0.2px;        text-transform: capitalize;}
.dis_wrap.device .flex_item .flex_desc_tit{color:#000; font-size:16px; padding: 20px 0 10px;font-weight:500; letter-spacing: -0.2px;}
.dis_wrap.device .flex_item .flex_desc{    color: #555;
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
    letter-spacing: -0.2px;}
.dis_wrap.device .flex_item .flex_desc.prd_size{padding-top:8px; font-size:15px;}
#MainContent .faq_inner .collapsed .plus-minus-toggle{        text-transform: math-auto;   border-botom:0;   padding: 30px 0;  background: url(/cdn/shop/files/faq_plus.svg?v=1755497012) no-repeat right 15px top 50%;
    background-size: 20px !important;}
#MainContent .faq_inner .plus-minus-toggle{    width:100%;    font-size: 18px;
    font-weight: 400;    text-transform: math-auto;  padding: 30px 0;  background: url(/cdn/shop/files/faq_minus.svg?v=1755497011) no-repeat right 15px top 50%;background-size: 20px !important;}

.sub-desc-wrap .hide.open{display:block!important;}
.dis_wrap .toggle_box .under{    font-weight: 500!important;
    font-style: normal!important;
    color: #fff!important;
    border-radius: 20px;
    font-size: 13px!important;
    width: 167px;
    height: 36px;
    line-height: 36px!important;
    text-align: left;
    padding-top: 0!important;
    background: #C20F2F url(/cdn/shop/files/download_next.png?v=1743041739) no-repeat 88%;
    background-size: 6px;
    padding-left: 20px;
    margin-top: 26px;}
.what_it_does{display:flex;background: #f8f8f8; color: #1D1D1F;  padding: 30px 15px 0; margin-bottom:50px;}
.what_it_does.vita-k .content{    font-size: 12px; line-height: 20px;}
.what_it_does.vita-k .sub-tit{    font-weight: 600;
    padding: 15px 0 3px;
    font-size: 13px;}
.what_it_does.vita-k .desc{    font-weight: 400;}
.what_it_does .content{flex:1;}
.what_it_does .tit{text-transform: uppercase; font-size:14px;font-weight: 800;}
.what_it_does .list{ justify-content: space-between; flex-wrap: wrap;   padding-left:0;  padding-top: 15px;}
.what_it_does .list li{ font-size:14px;    font-weight: 400;   line-height: 26px;}
.body-slide-wrap, .vita-slide {  padding: 10px 0;   overflow:hidden; position: relative;}
.vita-effect .tit-wrap{
    display: flex;
    align-items: center;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 5px 0;
    width: 100%;
    font-size: 11px;
    color: #1D1D1F;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}
.vita-effect .tit-wrap > div, .vita-effect .desc-wrap > div {
    flex: 1;
    text-align: center;
}
.vita-effect .desc-wrap {
    display: flex;
    border-bottom: 1px solid #1d1d1f5e;
}
.vita-effect .desc-wrap > div {
    padding: 10px 0;
}
.vita-effect .desc-wrap .bold2 {
    font-weight: 700;
    font-size: 13px;
}
/*
.body-slide{margin-bottom:50px;}
*/
.body-slide .desc-wrap .tit{
  font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0 5px;
}
.body-slide .desc-wrap .desc {
    padding: 8px 0;
    line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #1d1d1f;
}
.body-slide .desc-wrap .desc span{    color: #fff;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 17px;
    text-transform: uppercase;}
.body-slide .desc-wrap .strong {
    background: #E73324;
}
.body-slide .desc-wrap .mild {
    background: #51A9E2;
}
.body-slide img{width:100%;}
.swiper-pagination-progressbar.body-pagination {
    bottom: 15px;
    top: auto;
    height: 2px;
    background: #d9d9d9;
}
.body-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{    background: #000;}


/* 모달창 */
.shorts-desc-wrap{color: #1d1d1f; }
.shorts-desc-wrap .shorts-tit{font-size: 14px;font-weight: 800;padding-top: 30px; padding-bottom: 20px; text-transform: uppercase;}
.shorts-desc-wrap strong{font-weight: 600; display: block;}
.shorts-desc-wrap p{max-width: 325px;font-size: 12px;font-weight: 400;padding-bottom: 30px;line-height: 20px;}
.sub-desc-wrap .hide .flex_item{display: flex;}
.flex_item{display:flex;    margin-bottom: 30px;}
.flex_item .img{    width: 140px; padding-right: 10px;}
.flex_item .img img{width:100%;}
.flex_item .desc{margin-top:-4px;}
.flex_item .desc strong{    font-size: 14px;}
.flex_item .desc .sub{    color: #6E6E73;font-size: 12px;    margin-bottom: 0;}
.flex_item .desc .cap{font-size:11px;}
.sub-desc-wrap .item_desc .desc_tit{font-size:12px;padding: 10px 0 0;}
.sub-desc-wrap .item_desc p{font-size:10px;line-height: 18px;}
.sub-desc-wrap .view_desc{padding-top: 10px;}
.sub-desc-wrap .view_desc a{    font-size: 10px; text-decoration: underline; display: block;  color: #1d1d1f; width: max-content;}
.flex_item li{line-height: 21px; padding:0;}
.sub-desc-wrap .what_it_does + .toggle_box {
  margin-top: 50px;
}
.shorts-slide-wrap, .body-slide-wrap{position:relative;}
.shorts-slide-wrap{   overflow:hidden; padding: 35px 20px 50px;background: #f8f8f8; }
.shorts-slide video{width:100%;border-radius: 8px;}
.modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 9999999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
          
        }
.modal.show{    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;}
        /* Modal Content/Box */
        .modal-content {
           text-align:center;
            margin: auto; 
            height: 100vh;
        }
.modal-content img{height:100vh;}
.modal-content .close{color: #fff;
    font-size: 37px;
    font-weight: bold;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 10;}
.img-border{ width:100%; border-radius:8px; }
.shorts-slide .name{position:absolute; left: 20px;bottom: 18px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;}    
  /* width: 92%;
    bottom: 28px;
    top: auto;
    left: 20px;
    background: #d9d9d9; */
.shorts-slide .swiper-slide{cursor:pointer;}
.swiper-pagination-progressbar.short-pagination{    width: 92%;
    bottom: 28px;
    top: auto;
    left: 20px;
    background: #d9d9d9;}
.short-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .body-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
      background: #000;
}

@media (min-width: 1280px){
  .what_it_does{padding: 30px 28px 30px; margin-bottom:0;}
  .what_it_does .tit{font-size:14px;}
  .what_it_does .list li{}
  .what_it_does .list li:nth-child(odd), .what_it_does .list li:nth-child(2n){width:auto;}
}

/* 상세페이지 리뉴얼 */
.sub-desc-wrap{text-align:left;}
.sub-desc-wrap .hide li, .dis_wrap_ingredient .hide li {
    width: 100%;
    line-height: 26px;
    font-size: 15px;
    font-weight: 400;
    color: #1D1D1F;
    padding: 5px 0;
  }

.sub-desc-wrap .overview_list li:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}

  .sub-desc-wrap .plus-minus-toggle:after {
    transform-origin: center;
  }
  .sub-desc-wrap .collapsed .plus-minus-toggle:after, .toggle_box2.collapsed .plus-minus-toggle:after {
    transform: rotate(90deg);
  }
  .sub-desc-wrap .plus-minus-toggle.collapsed:before {
    transform: rotate(180deg);
  }
.sub-desc-wrap .toggle_box .hide{
    width: 100%;
    line-height: 26px;
    font-size: 15px;
    font-weight: 400;
    color: #1d1d1f;
    padding: 20px 20px 20px 0;
    
    max-height: 400px;
    overflow-y: auto;
}
.sub-desc-wrap .hide::-webkit-scrollbar {
    width: 3px;
}
.sub-desc-wrap .hide::-webkit-scrollbar-track {
    background-color: #eee;
}
.sub-desc-wrap .hide::-webkit-scrollbar-thumb { 
    background-color: #434343; 
    border-radius: 5px;
}
.sub-desc-wrap .hide img{width:100%;}
.sub-desc-wrap .hide ul{padding-left:0;}
.sub-desc-wrap .hide li{padding:5px 0; line-height:26px;}

.top_toggle img{width:100%;}
.toggle_box.show .title{    color: #000;font-weight: 600;}
.toggle_box .title {
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color:#999;
    letter-spacing: -0.2px;
}
.toggle_box .hide{        font-size: 15px;
    line-height: 150%;
    font-weight: 300;
    letter-spacing: -0.2px;
    color: #000;}
.toggle_box img{width:50%; display:block;}
.toggle_box li h2{    font-size: 13px;   font-weight: 400;}

.toggle_box .hide {padding:0 0 30px;margin:0;}
.toggle_box .hide .desc{    
     line-height: 150%;
    font-size: 15px;
    font-weight: 300;
    color: #000;
    letter-spacing: -0.2px;}
.toggle_box .desc_tit{
    font-size: 15px;
    display:block;
    color: #1D1D1F;
    font-weight: 600;
    padding-top:10px;
    padding-bottom:5px;
}
.toggle_box .desc_tit:first-of-type {
    padding-top: 0;
}
.toggle_box{padding-left:0;}
.toggle_box .underline{text-decoration:underline; display:block;}
.toggle_box .desc_tit .chk_btn{    margin-right: 4px; width:auto; border:0;   vertical-align: middle;}
.toggle_box .bold{ 
    font-weight: 600;
    font-size: 20px;
    display: block;
    padding-bottom: 10px;}
.product__description2 picture img, .product__info-wrapper .sub_desc img{width:100%;}

/* 리뉴얼 전 상세 */

.product__description .more{
      line-height: 20px;
    font-size: 12px;
    font-weight: 400;
    color: #1d1d1f;
}
.product__description .more b{font-size: 14px;
    text-transform: uppercase;}
.dis_wrap{
  max-width:76%;
    margin: 40px auto 0;
  padding-right: 15px;
    color: #3e3a39;
}
.dis_wrap .toggle_box{
    width: 100%;
    margin-top:0;
    margin-bottom: 0;}
.dis_wrap_ingredient {
    max-width: 1200px;
    margin: 50px auto;
    color: #3e3a39;
}
.dis_wrap_ingredient .wrap{   
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
  overflow:hidden;
    text-align: left;}

.dis_wrap_ingredient .menu a{
  cursor: pointer;
    text-decoration: none;
    font-size: 16px;
      font-weight: 600;
}
.dis_wrap_ingredient .menu .hide, .mob_only{display:none; font-size:14px; padding-left:0;}
.dis_wrap_ingredient .hide li h5{font-size:14px;}
.dis_wrap .hide li{display:block; position:relative;    margin-left: 10px;
    padding-left: 10px;}
/* .dis_wrap .hide li:before{    border-radius: 50%;
    display: inline-block;
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;} */
.dis_wrap .hide .thumbnail{width: 25%!important;}
.dis_wrap .hide .setDescription{width: 37%!important;}
.dis_wrap .hide .setDescription p{padding:10px 0;}
.plus-minus-toggle{
  cursor: pointer;

    padding: 30px 0;
    position: relative;
    width: 100%;
    display: block;
  border-top: 1px solid #dedede;
  display: inline-block;
    background-size: 20px !important;
       background: url(/cdn/shop/files/toggle_arrow2.svg?v=1755560072) no-repeat right 24px top 50%;
}
.collapsed .plus-minus-toggle{    background: url(/cdn/shop/files/toggle_arrow.svg?v=1755559748) no-repeat right 24px top 50%;}
.toggle_box:last-child .plus-minus-toggle{border-bottom: 1px solid #D7D7D7;}
.toggle_box:last-child.show .plus-minus-toggle{border-bottom:0;}
.toggle_box2 .hide{ padding-top: 15px; padding-left:0;}
.toggle_box ul{padding-left:0;}
.toggle_box2 .under {
    display: block;
    width: fit-content;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
    line-height: 23px;
}

.detail_logo{overflow:hidden;  display:none;  padding: 60px 0; margin-bottom:0;}
.detail_logo .swiper-wrapper{transition-timing-function: linear;}
.detail_logo .swiper-slide{text-align:center;    width: 206px !important;}
.detail_logo .swiper-slide img{width:100%;text-align:center;}
.detail_logo2{position:relative;display:none!important;  }
.detail_logo2 .swiper-wrapper{transition-timing-function: inherit;}
.detail_logo2 .swiper-slide{    padding: 0 18px;    width: 202px !important;    height: 270px;
    text-align: center;
                          display:flex;
    flex-direction: column;
    align-items: center;}
.detail_logo2 .logo_txt{
    color: #666;
    width:170px;
    margin:auto;
    font-size: 14px;
    font-weight: 500;

    line-height: 22px;
    letter-spacing: -0.2px;}
.detail_logo2 .swiper-pagination-bullet{background:#eaeaea; opacity:1;}
.detail_logo2 .swiper-pagination-bullet-active{background:#000;}
.detail_logo2 .swiper-button-prev, .detail_logo2 .swiper-button-next{top:auto; bottom:-2px; z-index:11;}
.detail_logo2 .swiper-button-prev{ left:78px;}
.detail_logo2 .swiper-button-next{right:78px;}
.detail_logo2 .swiper-button-prev:after{
  content:"";
  background:url(/cdn/shop/files/rolling_arrow_pre.png?v=1739770221) no-repeat 0 0; width:24px; height:24px; 
  background-size:cover;}
.detail_logo2 .swiper-button-next:after{
  content:"";
  background:url(/cdn/shop/files/rolling_arrow_pre.png?v=1739770221) no-repeat 0 0;     transform: scaleX(-1);
 width:24px; height:24px; 
  background-size:cover;}
.opentoggle{padding-left:0;}
.opentoggle li img{width:100%;}
.opentoggle h2{font-size:15px; font-weight:500;}
/* bottom description */
.bottom-desc{    max-width: 1200px;margin:auto;padding-top: 100px;padding-bottom: 30px;}
.bottom-desc img{width:100%;}
.bottom-desc-wrap{display:flex;margin-left: -30px;  margin-right: -30px;}
.bottom-desc-wrap >div{flex:1;margin-left: 30px;  margin-right: 30px;}
.bottom-desc-wrap h1{padding-bottom:20px;}
.bottom-desc-wrap p{font-size:14px;     word-break: keep-all; }
.bottom-desc-wrap .grid.icons{flex-wrap:nowrap;}
.key-ingredients h5{margin-top:10px;}
.detail-img{}
.grid.icons .item{padding: 0 20px;width: 33.3%; text-align: center;}
.detailpage700{margin: auto; text-align: center;  max-width: 100%; padding-top:30px;}
.detailpage700 img{width:100%; height: auto;}

.grid.icons .item{padding: 0 20px;}
.detail-img{}
/* 상세리뉴얼 전 */
.faq {
  border-bottom: 0px solid #ddd;
  margin: 0;
  text-align: left;
  font-weight:400;
}
.faqBody{padding-left:0;}
.faq .faqHeader {
  position: relative;
}

.faq .faqBody .article {
  list-style: none;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.article::after, .article::before {
  background: dimgray;
  content: '';
  height: 2px;
  right: 5px;
  position: absolute;
  top: 10px;
  width: 12px;
  transition: transform 500ms ease;
}

.article::after {
  transform-origin: center;
}

.article.t_hide::after {
  transform: rotate(90deg);
}

.article.t_hide:before {
  transform: rotate(180deg);
}

.grid .article::after, .grid .article::before {
  top: 12px;
}

.faq .q {
  margin-bottom: 0;
}

.faq .q a {
  display: block;
  font-weight: bold;
  cursor: pointer;
  margin: 10px 0;
}

.faq .a {
  margin: 5px 0 0 0;
  padding-bottom: 10px;
}

@media screen and (min-width: 1240px){
.hidden-desk {
    display: none!important;
}
  }
@media (min-width: 1024px){
  .detailpage700{ max-width: 700px;}
}
@media (max-width: 768px){
  .dis_wrap {width: 100%; max-width:100%; margin-top: -8px;}
  .dis_wrap .toggle_box .hide li { width: 100%!important; font-size:13px;}
  .toggle_box .title{font-size:16px;}
  .dis_wrap .hide li{padding-left:0; margin-left:0;}
  .bottom-desc-wrap{    flex-direction: column;}
  .bottom-desc-wrap p{font-size:13px;}
  .bottom-desc-wrap > div{font-size:18px;    padding-top: 33px;}
  .bottom-desc-wrap h1{font-size:15px;}
  .bottom-desc, .dis_wrap_ingredient{padding: 0 15px;}
  .toggle_box:first-child .plus-minus-toggle{border-top:0;}
  .dis_wrap_ingredient .toggle_box, .dis_wrap_ingredient .hide li{width:100%; padding:15px 0;}
  .dis_wrap_ingredient .hide li h5{ }
  .dis_wrap_ingredient .hide .thumbnail img{}
  .dis_wrap_ingredient .hide .setDescription {}
  .dis_wrap .toggle_box{padding:0;}
  .detailpage700{padding-top:0;}
  .bottom-desc-wrap p{font-size:14px;}
  .bottom-desc-wrap > div{font-size:18px;    padding-top: 33px;}
  .bottom-desc{padding: 0 15px;}
  .shorts-desc-wrap p{max-width:100%;}
  .sub-desc-wrap .hide li, .toggle_box .hide .desc{   font-size: 13px; line-height: 23px;}
   .detail_logo2 .swiper-button-prev{left:40px;}
  .detail_logo2 .swiper-button-next{right:40px;}
  .plus-minus-toggle{padding: 20px 24px;     background-size: 14px !important;}
  .toggle_box .hide{    padding: 0 24px 30px;}
  .toggle_box .hide img{width:100%;}
  .schemaRow:nth-child(3) .full-ingredient-open-popup img{width:24px;}
  /* minipro */
  .prdTxt_frame{display:block;}
  .prdTxt__copy, .prdTxt__media{width:100%;}
  .prdTxt__copy{padding-left:0;         padding: 0 24px !important;}
  .prdTxt__copy .prdTxt_desc .desc_tit{font-size:20px;           padding: 30px 0 12px;}
   .prdTxt__copy .prdTxt_desc .desc_lineUp li{ padding-top: 10px;
    font-size: 15px; }
.prdTxt__copy .prdTxt_desc .prd_sub{font-size:17px; padding-bottom:30px;}
.gra_bg .prdTxt__copy .prdTxt_desc .desc_lineUp li{display:block;        padding-top: 10px;}
.gra_bg .prdTxt__copy .prdTxt_desc .desc_lineUp li img{width:20px;}
    .minipro_wrap .m_debice_txt{    text-align: center;}
  .minipro_wrap .m_debice_txt .device_tit{font-size:18px;     padding: 20px 0 8px;}
    .minipro_wrap .m_debice_txt .device_desc{font-size:14px;}
    .video_frame{display:block;}
      .spr_video:not(.full_video):not(.clean_desc) .video__media video {
    -webkit-mask-image: none;
    mask-image: none;
  }

  .spr_video:not(.full_video):not(.clean_desc) .video__media::before,
  .spr_video:not(.full_video):not(.clean_desc) .video__media::after {
    display: none;
  }
    .spr_video--mini .video_frame{
      display: flex;
      flex-direction: column;
    }
    .spr_video--mini .video__media{
 
       width: 100% !important;
       
    }
    .spr_video--mini .video__media.mb_txt{
      position: absolute!important;
       top: 60px;
        left: 0;}
    .spr_video--mini .video__copy > .video__media.mobile_device{
      background: #000;
    }
    .spr_video--mini .video__copy > .video__media.mobile_device > video{
      -webkit-mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 70%,
        rgba(0, 0, 0, 0.72) 82%,
        rgba(0, 0, 0, 0.28) 91%,
        rgba(0, 0, 0, 0) 100%);
      mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 70%,
        rgba(0, 0, 0, 0.72) 82%,
        rgba(0, 0, 0, 0.28) 91%,
        rgba(0, 0, 0, 0) 100%);
    }
    .spr_video--mini .video__copy{
     padding: 0;
        text-align: center;
      width: 100%;
    }
    .spr_video--mini .video__note{
      order: 3;
      position: static;
      left: auto;
      right: auto;
      bottom: auto;
      padding: 16px 24px 50px;
      font-size:12px;
    }
    .video__led{padding:0 20px;            margin-top: -40px;
        position: relative;
        z-index: 10;    background: #000;}
    .video__led li{padding:20px;        text-align: left;}
    .video__led strong{       font-size: 16px; text-indent: 30px;}
    .video__led span{      font-size: 14px;  margin-left: 30px;}
    .video__eyebrow{font-size:17px;}
    .device_container .video__title{font-size:32px;}
    .video__title.gd{        font-size: 36px;
        width: 100%;
        padding: 15px 0;
        margin: 0;}
    .mode_txt_Wrap{top:40%; left:24px;}
    .prdTxt__copy .prdTxt_desc .prd_tit, .mode_txt_Wrap .prd_tit{font-size:28px;padding: 15px 0 30px;}
    .prdTxt__copy .prdTxt_desc .prd_tit{padding:15px 0;}
    .mode_txt_Wrap .prd_tit{padding: 15px 0 20px;}

    .prdTxt__copy .prdTxt_desc .prd_ntit, .mode_txt_Wrap .prd_ntit{    FONT-SIZE: 15px;}
    .prdTxt__copy .prdTxt_desc .prd_desc, .mode_txt_Wrap .prd_desc{    font-size: 17px;}
    .clean_desc{background: #fff;}
    .clean_desc .video__copy{width:100%;        padding-left: 0; padding-top: 60px;}
    .clean_desc .video__desc{padding:15px 0 40px;}
    .video__title{font-size:28px;}
 
    .clean_desc .video_frame{    text-align: center;}
.video__desc{font-size:17px;    padding: 15px 0 0;}
    .clean_desc .cleans_img{    width: 75%; margin: auto;}
    .clean_desc .video__media, .clean_desc .video__media video{width:100%;}
    .clean_desc .clean_txt{      width: 87%; top: 46%;left: 50%;}
    .prdTxt_frame.gra_bg{    padding-top: 60px;
    background: linear-gradient(165deg, #FFE3E7 2.66%, #FDF7F7 57.25%, #FFD7DB 111.85%);}
    .prdTxt__copy .prdTxt_desc .desc_lineUp span{font-size: 20px;
        display: inline-block;
        vertical-align: text-top;}
    .prdTxt__copy .prdTxt_desc .prd_desc2{font-size:12px;}
    .prdTxt100 .prdTxt_desc{width:100%;}
    .prdTxt100 .prdTxt_desc .prd_tit{font-size:28px; padding-bottom:40px;}
    .prdTxt100.AllinOne .prdTxt_frame{padding:60px 0 0;}
    .prdTxt100.AllinOne .prdTxt_desc{width:100%;}
    .AllinOne .allinoneSwiper{margin:0 24px;         padding-bottom: 55px;       overflow: hidden;}
    .prdTxt100.AllinOne .swiper-button-prev.allinone_prev, .prdTxt100.AllinOne .swiper-button-next.allinone_next{display:none;}

    .howto_step_num{font-size:13px;}
    .howto_step_tit{font-size:18px;}
    .howto_step_desc{font-size:14px;}
    .video__copy, .spr_video:not(.full_video):not(.clean_desc) .video__media{width:100%!important;}
    .prdTxt100.howToUse{padding-bottom:0;}
    .prdTxt100.howToUse .prdTxt_desc .prd_tit{    padding: 60px 0 40px;}
    .roller_desc{font-size:12px;}
    .mb_video .video__media{
      position: relative;
      padding-bottom: 10vh;
      overflow: hidden;
      background: #000;
    }
    .spr_video.mb_video:not(.full_video):not(.clean_desc) .video__media.mobile_device video{
      -webkit-mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 70%,
        rgba(0, 0, 0, 0.72) 82%,
        rgba(0, 0, 0, 0.28) 91%,
        rgba(0, 0, 0, 0) 100%);
      mask-image: linear-gradient(180deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 70%,
        rgba(0, 0, 0, 0.72) 82%,
        rgba(0, 0, 0, 0.28) 91%,
        rgba(0, 0, 0, 0) 100%);
    }
    .spr_video.mb_video:not(.full_video):not(.clean_desc) .video__media.mobile_device::before{
      display: none;
    }
    .spr_video.mb_video:not(.full_video):not(.clean_desc) .video__media.mobile_device::after{
      content: "";
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 24vh;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
      pointer-events: none;
      z-index: 2;
    }
    .mb_video .video__copy{    position: absolute;
    bottom: 60px;
    padding: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;}
    .mb_video .video__copy::before{
      display: none;
    }
     .clean_desc .video__title{font-size:28px!important;}
    .prdTxt100.threeModes .modes_tabs{margin: 0 auto;}
    .prdTxt100.threeModes .modes_tabs_wrap{
      --modes-tab-count: 4;
      --modes-tabs-start: 0;
      width: calc(100% - 48px);
      max-width: 460px;
      overflow: hidden;
      margin-top: 30px;
      padding: 6px;
      border-radius: 42px;
      border: 1px solid #D6D6D6;
      background: #E0E0E0;
      backdrop-filter: blur(5px);
      box-sizing: border-box;
    }
    .prdTxt100.threeModes .modes_tabs_wrap.is-mobile-tabs{
      padding: 6px;
    }
   
    .prdTxt100.threeModes .modes_tabs_wrap.is-mobile-tabs .modes_tabs{
      margin: 0;
      width: calc((100% / 3) * var(--modes-tab-count));
      box-sizing: border-box;
      border: 0;
      background: transparent;
      backdrop-filter: none;
      padding: 0;
      gap: 0;
      transform: translate3d(calc(var(--modes-tabs-start) * (-100% / var(--modes-tab-count))), 0, 0);
      transition: transform 0.24s ease;
    }
.prdTxt100.threeModes .modes_tabs_wrap.is-mobile-tabs .modes_tabs .modes_tab{
      flex: 1 0 calc(100% / var(--modes-tab-count));
      min-width: 0;
      box-sizing: border-box;
      padding: 10px 8px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 12px;
    }
.prdTxt100.threeModes .modes_tabs .modes_tab{font-size:13px;}
    .prdTxt100.threeModes .modes_tabs_wrap.is-mobile-tabs .modes_tabs .modes_tab:first-child{
      flex: 1 0 calc(100% / var(--modes-tab-count));
      padding-left: 8px;
      padding-right: 8px;
    }
    .prdTxt100.threeModes .modes_tabs_wrap.is-mobile-tabs .modes_tabs .modes_tab.is-active{
      padding: 10px 8px;
    }
    .prdTxt100.threeModes .modes_tabs_wrap .modes_tabs_paddle{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 24px;
      height: 24px;
      border: 0;
      background: url("/cdn/shop/files/mode_btn.svg?v=1777284350") no-repeat center;
      background-size: 7px 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      z-index: 4;
      padding: 0;
      transition: opacity 0.2s ease;
    }
    .prdTxt100.threeModes .modes_tabs_wrap.is-mobile-tabs .modes_tabs_paddle{
      width: 30px;
      height: 42px;
    }
    .prdTxt100.threeModes .modes_tabs_wrap .modes_tabs_paddle span{
      display: none;
    }
    .prdTxt100.threeModes .modes_tabs_wrap .modes_tabs_paddle:disabled{
      cursor: default;
      opacity: 0;
      pointer-events: none;
    }
    .prdTxt100.threeModes .modes_tabs_wrap .modes_tabs_paddle_prev{
      left: 4px;
      transform: translateY(-50%) scaleX(-1);
    }
    .prdTxt100.threeModes .modes_tabs_wrap .modes_tabs_paddle_next{right: 4px;}
    .prdTxt100.threeModes .modes_tabs_wrap.is-at-start .modes_tabs_paddle_prev{
      opacity: 0;
      pointer-events: none;
    }
    .prdTxt100.threeModes .modes_tabs_wrap.is-at-end .modes_tabs_paddle_next{
      opacity: 0;
      pointer-events: none;
    }
    .prdTxt100.threeModes .swiper-button-prev.modes_prev, .prdTxt100.threeModes .swiper-button-next.modes_next{display:none;}
    .bg_txt_wrap .prdTxt_frame{    padding-top: 30px;}
    .bg_txt_wrap.gray{     background: #f3f3f3;}
    .bg_txt_wrap.gray .prdTxt__media.rollerImg{
      margin-top: -50px;
    }

  /* device */
  .dis_wrap.device{padding:0; }
  .dis_wrap.device .toggle_box{width:100%; padding:0 24px;}
  .dis_wrap.device .toggle_box .title{width:100%; padding:24px 0;}

  #MainContent .dis_wrap.device .works_wrap .toggle_box .title{        font-size: 14px !important;background-size: 12px !important;}
  .dis_wrap.device .hide{width:100%; font-size:14px; padding:0 0 30px;}
  .dis_wrap.device .hide .img{width:100%;}
  .dis_wrap.device > .wrap{position:relative;}
  .dis_wrap > .wrap:before{content:""; width:100%; height: 10px; background:#fafafa;       display: block; }
  .dis_wrap.device .toggle_box.first_box{border-top:0;   }
  .dis_wrap.device .toggle_box.first_box.overview{}
  .dis_wrap.device strong.desc_tit{font-size:15px;        padding-bottom: 10px;}
  .dis_wrap.device .flex_item:first-child{padding-top:6px;}
  .dis_wrap.device .flex_item{ padding-bottom:50px;   gap: 0px; flex-wrap: wrap;align-items: center;}
  .dis_wrap.device .flex_item .flex_prd{font-size:15px;}
  .dis_wrap.device .flex_item .flex_prd .prd_size{padding-top:8px;}
  .dis_wrap.device .flex_item .flex_desc_tit, .dis_wrap.device .flex_item .flex_desc{font-size:14px;}
  .dis_wrap.device .flex_item .desc{    display: block;
    width: 100%;
    flex: 0 0 100%;}
    
  .dis_wrap.device .flex_item .img{    width: 100px;
    height: 100px;
         margin-right: 20px;}
  .w1300{width:100%;}
  .mb_inner{width:90%; margin:auto;}
  .device_video_wrap .video_inner{height:100%;}
  .device_video_wrap .video_inner video{display: block;
    width: 100%;
    height: auto; transform:none;         position: static;}
  .device_img_inner, .bna_slide{margin-left:24px;}
  .device_img_wrap{    padding: 50px 0 100px;}
  .device_img_wrap .device_img .device_desc{font-size: 14px;}
  .device_img_wrap .device_img{  width: auto; /* 자동 크기 */
  max-width: 280px;}
  .AllinOne .allinoneSwiper{
    overflow: hidden;
    padding-bottom: 60px;
    touch-action: pan-y;
  }
  .AllinOne .allinoneSwiper .device_flexWrap{
    display: flex;
    gap: 0;
            padding-bottom: 30px;
    align-items: stretch;
  }
  .AllinOne .allinoneSwiper .device_prd{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
     display: flex;
        gap: 24px;
    height: auto;
    align-items: start;
  }
  .AllinOne .allinoneSwiper .prd_wrap{
    flex: 1 1 0;
    min-width: 0;
  }
  .AllinOne .allinoneSwiper .prd_wrap .prd_txt3 > div{
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .AllinOne .allinoneSwiper .prd_wrap .prd_txt3 .color{
    width: 60px;
    min-width: 60px;
    flex: 0 0 60px;
    margin-right: 0;
    padding: 0;
    text-align: center;
  }
  .AllinOne .allinoneSwiper .prd_wrap .prd_txt3 .mode_copy{
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    line-height: 130%;
  }
  .AllinOne .allinoneSwiper .prd_wrap .prd_txt3 .device_prdWrap{
    flex: 1 1 auto;
    min-width: 0;
  }
  .full_video .video__txt__end{display:none;}
  .prdTxt100 .device_prd img{height:225px;}
  .prd_wrap .prd_txt1{    font-size: 18px; padding-bottom:14px;}
  .prd_wrap .prd_txt2{ font-size: 14px;    padding: 14px 0 20px;}
  .prd_wrap .prd_txt3 .color{    font-size: 13px;height: 29px;line-height: 29px;}
  .prd_wrap .prd_txt3 > div{  font-size: 13px;padding: 5px 0;}
.howtoMobileSwiper{margin-left:24px;}
.howtoMobileSwiper .howto_step{text-align: center;}
.howtoMobileSwiper .howto_step img{width:100%;}
.prdTxt100.howToUse .howto_charge_mobile{display:none;}

  .prdTxt100.howToUse .howto_mobile_only .prd_tit{
    padding: 60px 0 35px;
  }
  .prdTxt100.howToUse .howto_mobile_only .howto_step{
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    text-align: center;
  }
  .prdTxt100.howToUse .howto_mobile_only .howto_step img{
    width: 100%;
  }
  .prdTxt100.howToUse .howto_mobile_page{
    position: static;
    text-align: center;
    margin-top: 20px;
  }
  .prdTxt100.howToUse .howto_mobile_page .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #d4d4d4;
    opacity: 1;
    margin: 0 4px;
  }
  .prdTxt100.howToUse .howto_mobile_page .swiper-pagination-bullet-active{
    width: 24px;
    border-radius: 999px;
    background: #5c5c5c;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile{
            display: block;
        margin-top: 42px;
        padding: 60px 24px;
        border-top: 1px solid #eaeaea;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile .howto_step.howToCharge{
    display: block;
    width: 100%;
    padding-top: 0;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile .howto_step.howToCharge > div{
    width: 100%;
            text-align: center;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile .howto_flex{
    text-align: left;
    margin-bottom: 40px;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile .howto_step_num{
    font-size: 15px;
    padding-top: 0;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile .howto_step_tit{
    font-size: 28px;
    line-height: 120%;
           padding: 14px 0 30px;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile .howto_step_desc{
    font-size: 17px;
    line-height: 150%;
    color: #666;
  }
  .prdTxt100.howToUse .mobile_device .howto_charge_mobile img{
    display: block;
    width: 100%;
    height: auto;
  }
  .AllinOne .allinone-page{
    display: block;
    position: static;
    text-align: center;
  }
  .AllinOne .swiper-button-next.allinone_next,
  .AllinOne .swiper-button-prev.allinone_prev{
    display: flex;
  }
  .AllinOne .allinone-page .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #d4d4d4;
    opacity: 1;
    margin: 0 4px;
  }
  .AllinOne .allinone-page .swiper-pagination-bullet-active{
    width: 24px;
    border-radius: 999px;
    background: #5c5c5c;
  }
  .full_video{
    --video-txt-end-height: 14vh;
    --video-txt-end-overlap: 14vh;
  }
  .full_video .video__media{
    min-height: 0;
    height: 300px;
  }
  .full_video .video__media video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transform: none !important;
  }
  .full_video .video__text{
    position: absolute;
    top: 50%;
    bottom: auto;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .device_container{
    background:#000;
        padding: 50px 0 60px;
    --device-rise-y: 0px;
    --device-gap: 14px;
    --device-scale: 1;
    --device-flex-width: 100%;
  }
  .device_inner .video__text{padding-bottom:50px;}
  .device_inner .device_inner_flex{
    width: var(--device-flex-width);
    padding-top: 20px;
    padding-bottom: 50px;
    gap: var(--device-gap);
  }

  .device-page.swiper-pagination{bottom:50px;}
  .video_wrap, .bna_wrap{padding:60px 0;}
  .bna_wrap{position:relative;padding: 60px 0 100px;}
  .bna_wrap .swiper-pagination{bottom:50px;}
  .video_wrap .video_tit, .bna_wrap .bna_tit, .app_txt_wrap .app_txt_tit{font-size:24px; line-height: 140%;}
  .video_wrap .video_desc, .bna_wrap .bna_desc, .app_txt_wrap .app_desc{font-size:14px; line-height: 140%; padding-top:16px;}
  .bna_slide{padding:30px 0 0;}

  .device_bg_wrap .video_txt_wrap .video_tit, .app_txt_wrap .app_txt_tit, .motion_wrap .c_tit{font-size:24px;}
  .device_bg_wrap.bg_wrap1 .device_bg_inner{left:50%;}
  .device_bg_wrap .video_txt_wrap, .app_wrap .app_txt_wrap {   width: 100%; text-align:center;}
  .device_bg_wrap .device_bg_inner, .app_wrap .app_inner{top:60px;         left: 50%; transform: translateX(-50%) !important;}
  .device_bg_wrap .video_txt_wrap .video_desc, .app_txt_wrap .app_desc, .motion_wrap .c_desc{font-size:14px; padding-top:16px;}
  .device_bg_wrap .icon_wrap{position: absolute; width:100%;
    bottom: 50px; padding-top:0;}
  .device_bg_wrap .icon_inner{          width: 100%;  gap: 5px;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 24px;}
  .device_bg_wrap .icon_inner .icon_img{width:40px;flex-shrink: 0;}
  .device_bg_wrap .icon_inner .icon_img img{width:100%;}
  .device_bg_wrap .icon_inner .icon_txt{font-size:14px;}

  .mode_slide .mode_desc{font-size:14px;}
  .motion_wrap{padding-bottom:50px;}
  .motion_wrap .motion_inner .c_txt{  width: 100%;
        order: 2;
        z-index: 1;
        top: 77%;
        transform: translate(-50%, -50%);

        text-align: center;
        padding: 0 24px;
        box-sizing: border-box;
        height: 32%;}
  .motion_wrap .motion_inner .swiper-slide{display: flex;flex-direction: column;}
  .motion_wrap .motion_inner .motion_bg{width: 100%; order:1; position:relative;}
  .motion_wrap .motion_inner .c_desc{width:100%;}
  .motion_wrap .swiper-pagination{bottom:50px;}
   .motion_slide .swiper-button-next, .motion_slide .swiper-button-prev{        top: 57%;
        transform: translate(0, -50%);}
  .tech_desc_wrap .tech_tit{font-size:24px; line-height:130%;}
  .tech_desc_wrap .tech_desc{font-size:15px; line-height:140%;    width: 85%;
    margin: auto;    padding-top: 20px;}
  .tech_desc_wrap.tech_bg{padding:100px 0;}
  .tech_desc_wrap{padding:80px 0;}
  .full_video_wrap.add_full .video_wrap2{    height: 70vh;}
  .full_video_wrap.add_full .video_txt{    font-size: 20px;bottom: 5%;}
  .full_video_wrap.add_full .video_txt span{    padding-top: 12px;
    font-size: 14px;}
    .full_video_wrap.add_full .dim_overlay{bottom:0;}
    .comment_wrap.com_bg{border-bottom:0;}
    .comment_wrap.com_bg .comment_slide .swiper-slide img{   height:auto; aspect-ratio: 1 / 1;}
  .comment_slide .swiper-button-next:after, .comment_slide .swiper-button-prev:after, .app_slide_inner .swiper-button-next:after, .app_slide_inner .swiper-button-prev:after, .motion_slide .swiper-button-next:after, .motion_slide .swiper-button-prev:after{

        opacity: 1;
}
  .comment_wrap{   padding: 60px 0 100px; border-top:1px solid #DADADA;}
  .comment_slide{text-align:center;}
  .comment_slide .swiper-slide{display:block;}
  .comment_slide .swiper-slide img{width:65%;}
  .comment_slide .swiper-slide .c_tit{font-size:24px;}
  .comment_slide .swiper-slide .c_desc{padding:16px 0 40px; font-size:13px;}
  .comment_slide .swiper-slide .c_com{        padding-bottom: 40px;font-size:16px;}
  .comment_slide .swiper-button-next, .comment_slide .swiper-button-prev, .motion_slide .swiper-button-next, .motion_slide .swiper-button-prev,
  .app_slide_inner .swiper-button-next, .app_slide_inner .swiper-button-prev{width:40px; height:40px;}
  .bna_add_desc{    width: 85%; margin: auto;  font-size:11px;   padding-top: 30px;}
  .swiper-pagination.com-page{    text-align: center;
    left: 50%;    bottom: 60px;
    transform: translateX(-50%);
    right: auto;}
    .guide_wrap{    padding: 60px 0; border-top: 1px solid #dadada;}
    .guide_wrap .guide_flex{width:100%;        padding: 30px 30px 60px;}
     .guide_wrap .guide_inner{flex-direction: column;}
     .guide_wrap .guide_flex .guide_left .guide_tit{font-size:20px; line-height:140%;}
     .guide_wrap .guide_flex .guide_left .guide_img{font-size:15px; padding-top:22px;}
     .guide_wrap .guide_flex .guide_left .guide_img img{width:35px;}
     .guide_wrap .guide_flex .guide_right img{height:88%;   right: -10%;}
     .guide_wrap .guide_flex .guide_right.right_img{    bottom: 60px;
    top: auto;
    right: 60px;}
     .guide_wrap .guide_flex .guide_right.right_img img{            height: 30px;
        bottom: auto;
        top: auto;
        right: auto;}
    .app_txt_wrap{padding:0 24px;}
    .app_txt_wrap .app_link{    gap: 18px;flex-direction: column; padding-top:40px;}
    .app_txt_wrap .app_link img{    width: 57%;
    display: block;
    margin: auto;}
    .app_toggle{padding-bottom:0;}
    .app_toggle .app_toggle_tit{    padding: 0 20px 30px;font-size: 14px;}
    .app_toggle .app_toggle_tit:after{     top: 10px;right: 20px;   background-size: 12px;}
    .app_toggle .app_toggle_tit.active:after{top:5px;}
    .app_toggle .app_slide{padding:20px 0 50px;}
    .app_toggle .app_slide .app_slide_img{width:60%;}
    .app_slide .app_slide_desc{text-align:center;}
    .app_slide .app_slide_desc .app_s_tit{padding-bottom:6px;}
    .app_slide .app_slide_desc .app_s_desc{    width: 75%; margin: auto;}
    .swiper-pagination.app-page{bottom:60px;}
    .swiper-pagination.app-page .swiper-pagination-bullet-active{width: 25px;
    border-radius: 30px;
    background: #5C5C5C !important;}
    .faq_device_wrap .faq_inner{padding: 60px 0;}
    #MainContent .faq_inner .collapsed .plus-minus-toggle{padding:20px 0;    background: url(/cdn/shop/files/faq_plus.svg?v=1755497012) no-repeat right 8px top 50%;
    background-size: 18px !important;}
    #MainContent .faq_inner .plus-minus-toggle{    background: url(/cdn/shop/files/faq_minus.svg?v=1755497011) no-repeat right 6px top 50%;}
    #MainContent .faq_inner .plus-minus-toggle span{    max-width:88%; font-size:14px;
    display: block;        word-break: break-all;}
    .faq_device_wrap .faq_tit{font-size:24px; padding-left:24px;padding-bottom: 30px;}

    
    
  

}

@media screen and (min-width: 641px){
  .hidden-tablet-and-up {
      display: none!important;
  }
  }
/* icons */
.bottom-desc-wrap .icon{
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 18px;
    min-height: 18px;
    line-height: 1;
    text-decoration: none;
    vertical-align: middle;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    width: 70px;
    height: 80px;
    background-size: 70px 70px;
    background-repeat: no-repeat;
}
.icon.soothing { background-image: url('/cdn/shop/files/11_100x100.png?v=1587689001'); }
.icon.elasticity { background-image: url('/cdn/shop/files/10_100x100.png?v=1587689028'); }
.icon.hydrating { background-image: url('/cdn/shop/files/9_100x100.png?v=1587689046'); }
.icon.refining { background-image: url('/cdn/shop/files/8_100x100.png?v=1587689177'); }
.icon.calming { background-image: url('/cdn/shop/files/7_100x100.png?v=1587689192'); }
.icon.skinbarrier { background-image: url('/cdn/shop/files/6_100x100.png?v=1587689197'); }
.icon.minimizingpore { background-image: url('/cdn/shop/files/5_98fd2663-1561-47f4-831d-29d7d75770bd_100x100.png?v=1587689203'); }
.icon.sebumreducing { background-image: url('/cdn/shop/files/4_2217cbee-1a0b-404f-a354-c05f0de9de43_100x100.png?v=1587689211'); }
.icon.balancing { background-image: url('/cdn/shop/files/3_100x100.png?v=1587689556'); }
.icon.tested { background-image: url('/cdn/shop/files/2_100x100.png?v=1587689563'); }
.icon.redness { background-image: url('/cdn/shop/files/80b7a16efaa055db503b0722ea20421b_100x100.png?v=1587689569'); }
.icon.relieving { background-image: url('/cdn/shop/files/80b7a16efaa055db503b0722ea20421b_100x100.png?v=1587689569'); }
.icon.lighttexture { background-image: url('https://cdn.shopify.com/s/files/1/0140/7385/6100/files/Light_Texture.png?v=1601965572'); }
.icon.non-sticky { background-image: url('https://cdn.shopify.com/s/files/1/0140/7385/6100/files/Non-sticky.png?v=1601965586'); }
.icon.spf50 { background-image: url('https://cdn.shopify.com/s/files/1/0140/7385/6100/files/SPF_50_PA.png?v=1601965599'); }
.icon.withager { background-image: url('https://cdn.shopify.com/s/files/1/0140/7385/6100/files/ager_0c92857a-e402-495b-a71d-704ed9b1c0ca.png?v=1635903759');}
@media (max-width: 480px){
  .device_bg_wrap .device_bg img{margin-top: -20vw;}
}
@media (max-width: 400px){
  .device_bg_wrap .device_bg img{margin-top: -8vw;}
}