/** Shopify CDN: Minification failed

Line 28:37 Expected ":"
Line 296:91 "border-botom" is not a known CSS property
Line 448:30 Expected identifier but found whitespace
Line 448:31 Unexpected "92%"
Line 789:51 Expected ":"

**/
/* device */
.w1300{    width: 76%;margin:auto;}
.bg_img img{width:100%;    display: block;}
.dis_wrap{max-width:100%!important; padding-right:0!important;}
.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;bna_wrap
    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;}
.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 .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 .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;}
.sub-desc-wrap .flex_item .img{    width: 140px; padding-right: 10px;}
.sub-desc-wrap .flex_item .desc{margin-top:-4px;}
.sub-desc-wrap .flex_item .desc strong{    font-size: 14px;}
.sub-desc-wrap .flex_item .desc .sub{    color: #6E6E73;font-size: 12px;    margin-bottom: 0;}
.sub-desc-wrap .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;}
.sub-desc-wrap .hide .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 .title {
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    color:#000;
    letter-spacing: -0.1px;
}
.toggle_box li{       font-size: 15px;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: -0.1px;}
.toggle_box li img{width:100%;}
.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: 26px;
    font-size: 15px;
    font-weight: 400;
    color: #1d1d1f;}
.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: 1330px;
    margin: 50px 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;}
.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;
    font-weight: 700;
    font-size: 14px;
    padding: 22px 0;
    position: relative;
    width: 100%;
    display: block;
  border-top: 0.6px solid #D7D7D7;
}
.toggle_box:last-child .plus-minus-toggle{border-bottom: 0.6px 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%; padding:0 15px;margin-top: -8px;}
  .dis_wrap .toggle_box .hide li { width: 100%!important;}
  .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;}
  .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: 14px; line-height: 23px;}
   .detail_logo2 .swiper-button-prev{left:40px;}
  .detail_logo2 .swiper-button-next{right:40px;}

  /* device */
  .dis_wrap.device{padding:0;}
  .dis_wrap.device .toggle_box{width:100%; padding:0 24px;}
  .dis_wrap.device .toggle_box .title{ 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;}
  .dis_wrap.device .hide .img{width:100%;}
  .dis_wrap.device > .wrap{position:relative;}
  .dis_wrap.device > .wrap:before{content:""; width:100%; height: 10px; background:#fafafa;     border-top:1px solid #EAEAEA;   display: block; }
  .dis_wrap.device .toggle_box.first_box{border-top:0;   }
  .dis_wrap.device .toggle_box.first_box.overview{b}
  .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:30px 0 80px;}
  .device_img_wrap .device_img .device_desc{font-size: 14px;}
  .device_img_wrap .device_img{  width: auto; /* 자동 크기 */
  max-width: 280px;}

  .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:100px;}
  .motion_wrap .motion_inner .c_txt{    width: 100%;        order: 2; z-index:1;           bottom: -16%;
        transform: translate(-50%, -50%);
        top: auto;     text-align: center;
        padding: 0 24px;
        box-sizing: border-box;}
  .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;}
  .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');}