/* PC */
@media screen and (max-width: 1560px) {    

  html {font-size: 15.5px !important;}  

}


@media screen and (max-width: 1440px) {    

  html {font-size: 15px!important;}    
  
  .main_wrap .ms5 .ms5_swiper .swiper-slide { width: 31%;}  

  .insta_wrap .ss4 .contbox .prd_swiper2 .swiper-slide { width: 23%; }

  .progress_wrap .ss1 .imgbox { margin-right: -10rem;}

}


@media screen and (max-width: 1380px) {    

  html {font-size: 14.5px !important;}     

}


@media screen and (max-width: 1280px) {
  
  .product_wrap .ss2 .contbox > .item > .txtbox .tit {font-size: 1rem;}
  .product_wrap .ss2 .contbox > .item > .txtbox .desc {font-size: 1.125rem;}

  .insta_wrap .ss4 .contbox .prd_swiper2 .swiper-slide { width: 21%;}

  .shortform_wrap .ss4 .contbox .prd_swiper2 .swiper-slide { width: 75%;}

}


@media screen and (max-width: 1200px) {

  html {font-size: 14px !important;}  

  .inquiry_box > .inner { gap: 2rem;}
  .inquiry_box .character .man_box { width: 7.75rem; }
  .inquiry_box .form .form_input .check_wrap {gap: 0.875rem;}

  .product_wrap .ss2 .contbox > .item > .tit { font-size: 1.35rem;}
  .product_wrap .ss2 .contbox > .item > .txtbox .desc { font-size: 1rem;}

}


  
/* Tablet */
@media screen and (max-width: 1080px) {

  html {font-size: 16px !important;} 

  .pc {
    display: none !important;
  }
  .swiper-wrapper{
    /* flex-direction: column; */
    gap: 31px;
  }
  .tablet {display: block !important;}
  .inner { width: 100%; padding: 0 2rem;}


  /* header */
  .header { height: 6rem; background: #fff; backdrop-filter: none; box-shadow: none;  border-bottom: none;}
  .header .h_logo { max-width: 10.3rem; display: none;}
  .header .h_nav {display: none;}
  .header .h_left .back_btn {display: flex;}
  .header .h_title {display: block;}
  .header .h_right .call_txt { display: none;}
  .header .h_right .platform_link { display: none;}
  .header .h_right .menu_btn {display: block;}


  /* footer */
  .footer { background-image: url(../img/footer_bg_mob.png);}
  .footer .f_top { gap: 3rem;  padding: 5rem 0 2.2rem;}
  .footer .f_top .tit { font-size: 2rem;}
  .footer .f_top .tit .color { display: block;}
  .footer .f_top .desc { font-size: 1.3rem;}
  .footer .f_bottom { padding: 1.5rem 0 2.5rem; flex-direction: column-reverse;  align-items: flex-start; gap: 4rem;}
  .footer .f_bottom .left { width: 100%;}
  .footer .f_bottom .left .logo { max-width: 6.9rem;}
  .footer .f_bottom .left .info_box { font-size: 1rem; line-height: 1.3;}
  .footer .f_bottom .left .info_box .bar.mob_hide { display: none;}
  .footer .f_bottom .left .sns_box { display: flex; gap: 1.2rem; margin-bottom: 1.25rem;}
  .footer .f_bottom .left .sns_box > .item .link img { height: 1.5rem;}
  .footer .f_bottom .left .copyright { font-size: 0.9rem;}
  .footer .f_bottom .right { text-align: left; align-items: flex-start;}
  .footer .f_bottom .right .sns_box {display: none;}
  .footer .f_bottom .right .call_number { font-size: 3rem; margin-bottom: 1rem;}
  .footer .f_bottom .right .call_txt { font-size: 1.2rem; margin-bottom: 0;}


  /* inquiry button */
  .inquiry_button {display: flex;}


  /* inquiry box */
  .inquiry_box > .inner {  align-items: center;}
  .inquiry_box .character { align-items: flex-end;  gap: 0; margin-top: -2rem;}
  .inquiry_box .character .man_box { width: 6.95rem;}
  .inquiry_box .character .ballon_box { width: 9.45rem; padding-bottom: 0.4rem;}
  .inquiry_box .character .ballon_box .text {font-size: 0.9rem; display: flex; flex-direction: column; gap: 0.5rem;}
  .inquiry_box .form { justify-content: flex-end; gap: 0; padding: 0;}
  .inquiry_box .form .form_input { display: none;}
  .inquiry_box .form .form_btn .btn { font-size: 1.5rem; border-radius: 0.35rem;  padding: 1.5rem 1.75rem;}


  /* element */
  .button { font-size: 1rem; padding: 1rem 1.25rem; gap: 2.5rem; border-radius: 0.35rem;}
  .swiper-scrollbar.scrollbar { max-width: 170px; height: 3px; margin-top: 3.8rem;  border-radius: 2rem;}
  .swiper-scrollbar.scrollbar .swiper-scrollbar-drag { border-radius: 2rem;}


  /* main */
  .m_txt1 { font-size: 2.25rem;}
  .m_txt3 { font-size: 1.2rem;}
  .main_wrap .header { backdrop-filter: none; background: transparent;}
  .main_wrap .header .h_logo {display: flex;}
  .main_wrap .header .h_left .back_btn {display: none;}
  .main_wrap .header .h_title {display: none;}
  .main_wrap .menu_box .menu_head .login_btn { color: #000000; background: #feba69;}
  .main_wrap .ms1 .bg { background-image: url(../img/ms1_bg_mob.png);}
  .main_wrap .ms1 .txtbox { padding: 1.8rem 2rem 4rem;}
  .main_wrap .ms1 .txtbox .tit { font-size: 1.7rem; line-height: 1.14285;  margin-bottom: 2rem;}
  .main_wrap .ms1 .txtbox .desc_en { font-size: 0.8rem; line-height: 1.25; margin-bottom: 0;}
  .main_wrap .ms1 .txtbox .desc_kr { display: none;}
  .main_wrap .ms2 { padding: 2.5rem 0 7.5rem;}
  .main_wrap .ms2 .m_titbox_mob {display: flex;}
  .main_wrap .ms2 .m_titbox { margin-bottom: 2.5rem;}
  .main_wrap .ms2 .m_titbox .m_txt3 { font-size: 1.2rem; font-weight: 500;}
  .main_wrap .ms2 .m_titbox .m_txt1 { font-size: 2rem;}
  .main_wrap .ms2 .graph_box { margin: 0 -2rem 2.7rem; width: calc(100% + 2rem* 2);}
  .main_wrap .ms2 .graph_box .graph { width: 23rem;}
  .main_wrap .ms2 .graph_box .bg { width: 100%; margin: -4rem 0 0;}
  .main_wrap .ms2 .chart_box {  flex-direction: column; gap: 2rem;}
  .main_wrap .ms2 .chart_box > .item { width: 100%;}
  .main_wrap .ms3 {padding: 0;}
  .main_wrap .ms3 .contbox {  flex-direction: column; gap: 1.5rem;}
  .main_wrap .ms3 .contbox .txtbox { padding-bottom: 0;}
  .main_wrap .ms3 .contbox .txtbox .desc {padding: 0.4rem 0.5rem; margin-bottom: 1.15rem; font-size: 1.35rem;}
  .main_wrap .ms3 .contbox .txtbox .tit { font-size: 2.5rem; margin-bottom: 3rem;}
  .main_wrap .ms3 .contbox .imgbox { width: 160%;  margin-left: -10%; margin-right: 0;}
  .main_wrap .ms4 { padding: 4rem 0; background-image: url(../img/ms4_bg_mob.png);}
  .main_wrap .ms4 .m_titbox { margin-bottom: 3.75rem;}
  .main_wrap .ms4 .m_titbox .m_txt1 { font-size: 2rem;}
  .main_wrap .ms4 .contbox { flex-direction: column; gap: 3rem; max-width: 20rem;  margin: 0 auto;}
  .main_wrap .ms4 .contbox > .item { border-radius: 1rem; background: rgba(255, 255, 255, 0.1); box-shadow: 0 1.35rem 4rem 0 rgba(0, 0, 0, 0.11); backdrop-filter: blur(0.5rem); width: 100%;}
  .main_wrap .ms4 .contbox > .item::before { background: url(../img/filter.png) no-repeat center / cover;  opacity: 0.05;}
  .main_wrap .ms4 .contbox > .item .icon { margin-bottom: -0.5rem; max-width: 10rem;}
  .main_wrap .ms4 .contbox > .item .txt { font-size: 1.5rem;}
  .main_wrap .ms5 { padding-top: 7.5rem; overflow: hidden;}
  .main_wrap .ms5 .m_titbox .bar { width: 16.5px; height: 2px; margin: 2.5rem auto 1.75rem;}
  .main_wrap .ms5 .swiper_box .ms5_deco.deco1,
  .main_wrap .ms5 .swiper_box .ms5_deco.deco2,
  .main_wrap .ms5 .swiper_box .ms5_deco.deco3 {display: none;}
  .main_wrap .ms5 .swiper_box .ms5_deco.deco4 { display: flex; left: 0; top: 5%; width: 10.5rem;}
  .main_wrap .ms5 .swiper_box .ms5_deco.deco5 { display: flex; right: 0; top: 5%; width: 14.9rem;}
  .main_wrap .ms5 .ms5_swiper { padding: 6.25rem 3.85rem 4.5rem;}
  .main_wrap .ms5 .ms5_swiper .swiper-wrapper { padding: 0;}
  .main_wrap .ms5 .ms5_swiper .swiper-slide { width: 20.3rem;}
  .main_wrap .ms5 .ms5_swiper .swiper-slide .sns_icons { margin-bottom: 1.25rem;}
  .main_wrap .ms5 .ms5_swiper .swiper-slide .sns_icons .icon { height: 1.6rem;}
  .main_wrap .ms5 .ms5_swiper .swiper-slide .txt { font-size: 1.5rem;}
  .main_wrap .ms6 { padding: 5rem 0 6.1rem;}
  .main_wrap .ms6 .inner { padding: 0;}
  .main_wrap .ms6 .m_titbox { margin-bottom: 2.8rem;}
  .main_wrap .ms6 .contbox > .item { gap: 2rem;}
  .main_wrap .ms6 .contbox > .item .txtbox .icon { width: 2rem; margin-bottom: 0.75rem;}
  .main_wrap .ms6 .contbox > .item .txtbox .tit { font-size: 1.5rem; margin-bottom: 0.5rem;}
  .main_wrap .ms6 .contbox > .item .txtbox .desc { font-size: 1rem;}

  .main_wrap .ms7 { padding: 4.5rem 0 2.5rem;}
  .main_wrap .ms7 .m_titbox { margin-bottom: 4rem;}
  .main_wrap .ms7 .m_titbox .m_txt1 { margin-bottom: 1.5rem;}
  .main_wrap .ms7 .ms7_swiper { width: calc(100% + 2rem* 2); margin: 0 -2rem; padding: 0 4rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide { width: 20rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox { border-radius: 0 0 2rem 2rem; padding: 0.9rem 1.3rem 1.65rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info { gap: 0.8rem; margin-bottom: 1rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .thumbox { width: 3rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .titbox .name { font-size: 1rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .info .titbox .company { font-size: 0.8rem;}
  .main_wrap .ms7 .ms7_swiper .swiper-slide .txtbox .content { font-size: 0.8rem;}
  .main_wrap .ms8 {padding: 4rem 0 6.35rem;}
  .main_wrap .ms8 .m_titbox { margin-bottom: 3.25rem;}
  .main_wrap .ms8 .ms8_swiper { padding: 0 4rem;}
  /* .main_wrap .ms8 .ms8_swiper .swiper-slide { width: 15.5rem;} */
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .icon { gap: 0.45rem;  margin-bottom: 0.8rem;}
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .icon .img {width: 1.6rem;}
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .icon .txt { font-size: 0.65rem;}
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .tit { font-size: 0.85rem;  margin-bottom: 0.4rem;}
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .desc { font-size: 0.65rem;}
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .badgebox { gap: 0.35rem;  margin-top: 1.1rem;}
  .main_wrap .ms8 .ms8_swiper .swiper-slide .txtbox .badgebox .badge { padding: 0.25rem 0.65rem;  font-size: 0.65rem;}
  .main_wrap .ms8 .ms8_swiper .scrollbar { margin-top: 3rem;}
  .main_wrap .ms8 .button_box { margin-top: 2.5rem;}
  .main_wrap .ms8 .button_box .button { gap: 1.2rem;}
  .main_wrap .ms9 {  padding-bottom: 6.75rem;}
  .main_wrap .ms9 .m_titbox { margin-bottom: 2.5rem;}
  .main_wrap .ms9 .accordion > li .acc_tit { gap: 0.7rem; padding: 1rem 0.75rem;}
  .main_wrap .ms9 .accordion > li .acc_tit .q {  font-size: 1.7rem;}
  .main_wrap .ms9 .accordion > li .acc_tit .txt {  font-size: 1.1rem;}
  .main_wrap .ms9 .accordion > li .acc_tit .arrow { width: 0.85rem;}
  .main_wrap .ms9 .accordion > li .acc_cont > li { padding: 0 1.25rem 1.25rem 2.75rem;  font-size: 1rem;  line-height: 1.6;}
  .main_wrap .ms10 {overflow: hidden;}
  .main_wrap .ms10 .contbox { flex-direction: column;  align-items: center;  text-align: center;  gap: 5.5rem;}
  .main_wrap .ms10 .contbox .txtbox {  align-items: center;  padding-bottom: 0;}
  .main_wrap .ms10 .contbox .txtbox .m_txt1 { margin-bottom: 2rem;}
  .main_wrap .ms10 .contbox .txtbox .m_txt2 { margin-bottom: 2.5rem;}
  .main_wrap .ms10 .contbox .txtbox .button { gap: 1.6rem;}
  .main_wrap .ms10 .contbox .imgbox { width: calc(100% + 2rem* 2); margin: 0 -2rem; padding: 0 0.5rem;}
  .main_wrap .ms11 { padding: 4rem 0;}
  .main_wrap .ms11 .bg { bottom: -35%; width: 252%;}
  .main_wrap .ms11 .m_titbox .m_txt1 { margin-bottom: 2.5rem;}
  .main_wrap .ms11 .m_titbox .m_txt2 { margin-bottom: 2.75rem;}
  .main_wrap .ms11 .m_titbox .m_txt3 { line-height: 1.5; margin-bottom: 2.5rem;}
  .main_wrap .ms11 .m_titbox .m_txt3 .mob_hide {display: none;}
  .main_wrap .ms12 { padding: 4rem 0 2.85rem; background-image: url(../img/ms12_bg_mob.png);}
  .ms12 > .inner { padding: 0 1rem;}
  .main_wrap .ms12 .m_titbox { gap: 7.5rem;}
  .main_wrap .ms12 .button { gap: 0.9rem;}
  .main_wrap .ms13 { padding: 7.5rem 0 3.75rem;}
  .main_wrap .ms13 .m_titbox {  margin-bottom: 3rem;}
  .main_wrap .ms13 .m_titbox .m_txt2 { margin-bottom: 2.5rem;}
  .main_wrap .ms13 .swiperbox .prev_btn, .main_wrap .ms13 .swiperbox .next_btn {display: none;}
  .main_wrap .ms13 .swiperbox .scrollbar { position: relative;  left: auto;  top: auto;  opacity: 1;  pointer-events: auto;  margin-top: 3.5rem;}


  /* sub */
  .sub_top { margin-top: 6rem; padding: 2.5rem 0 3.4rem; margin-bottom: 7.5rem;  height: auto;}
  .sub_top .titbox { margin-bottom: 0; padding: 0;}
  .sub_top .titbox .tit { font-size: 2.25rem; padding-left: 0; font-family: var(--font2); font-weight: 500;}
  .sub_top .titbox .desc { font-size: 0.8rem; line-height: 1.375; font-weight: 500;}
  .sub_top .titbox .badgebox { flex-wrap: wrap;  gap: 0.5rem; width: 15rem;}
  .sub_top .titbox .badgebox .badge { padding: 0.35rem 0.9rem; font-size: 0.8rem; border: 1px solid rgba(255, 255, 255, 0.2)}
  .sub_top .tabnav {display: none;}


  /* 상품소개 */
  .product_wrap .ss1 .titbox { margin-bottom: 5.85rem;}
  .product_wrap .ss1 .titbox .iconbox { gap: 0.9rem;  margin-bottom: 1rem;}
  .product_wrap .ss1 .titbox .iconbox .icon { width: 3rem;}
  .product_wrap .ss1 .titbox .title { font-size: 2rem; margin-bottom: 1rem;}
  .product_wrap .ss1 .titbox .desc { font-size: 1.3rem;}
  .product_wrap .ss1 .titbox .btnbox { margin-top: 1.5rem; gap: 1rem;}
  .product_wrap .ss1 .titbox .btnbox .btn { width: 11.5rem; height: 3.2rem; font-size: 1.2rem;}
  .product_wrap .ss1 .contbox .deco_txt { font-size: 7.3rem;}  
  .product_wrap .ss1 .contbox .imgbox .deco > img.aos-animate { transform: translateZ(0);}
  .product_wrap .ss1 .contbox .imgbox .deco > img { transform: translate3d(0, 5rem, 0);}
  .product_wrap .ss1 .contbox .imgbox .prd_swiper { padding: 0 4rem;}
  .product_wrap .ss1 .contbox .imgbox .prd_swiper .swiper-slide { width: 18.9rem;}
  .product_wrap .ss2 .title { margin-bottom: 4rem; font-size: 2rem;}
  .product_wrap .ss2 .contwrap { gap: 2rem;}
  .product_wrap .ss2 .contbox { flex-direction: column; align-items: center; gap: 2rem;}
  .product_wrap .ss2 .contbox.ver1 > .item { width: 100%; max-width: 20rem;  padding: 1.5rem 1.6rem 0.7rem;  border-radius: 1rem;  box-shadow: 0 0.25rem 0.75rem 0 rgba(0, 0, 0, 0.07);}
  .product_wrap .ss2 .contbox.ver2 > .item { width: 100%; max-width: 31rem; padding: 2rem 1.6rem 2.4rem;}
  .product_wrap .ss2 .contbox > .item > .tit {font-size: 1.2rem; margin-bottom: 0.85rem;}
  .product_wrap .ss2 .contbox > .item > .imgbox { margin-bottom: 1rem;}
  .product_wrap .ss2 .contbox.ver2 > .item > .imgbox { margin-bottom: 1.8rem;}
  .product_wrap .ss2 .contbox > .item > .txtbox { margin-bottom: 0.45rem; padding: 0.65rem 0 1.5rem;}
  .product_wrap .ss2 .contbox > .item > .txtbox .tit {  font-size: 0.9rem; margin-bottom: 0.45rem;}
  .product_wrap .ss2 .contbox > .item > .txtbox .desc {font-weight: 500;}
  .product_wrap .ss2 .contbox > .item > .txtbox2 .tit { font-size: 1rem;      margin-bottom: 0.6rem;}
  .product_wrap .ss2 .contbox > .item > .txtbox2 .desc {font-size: 0.8rem;}
  .product_wrap .ss2 .contbox > .item > .profile { width: 4.1rem;}
  .product_wrap .ss2 .last_txt { font-size: 1.3rem; line-height: 1.5384; margin-top: 2.2rem;}
  .product_wrap .ss3 { margin: 5.2rem 0 8.25rem;}
  .product_wrap .ss3 > .inner { flex-direction: column; align-items: center; gap: 1rem;}
  .product_wrap .ss3 .txtbox { padding: 2.2rem 0 0; width: 100%; align-items: center;  text-align: center;}
  .product_wrap .ss3 .txtbox .tit { font-size: 1.4rem; line-height: 1.2857;  margin-bottom: 2rem;}
  .product_wrap .ss3 .txtbox .button { font-size: 1.2rem; width: 11.5rem; height: 3.2rem;}
  .product_wrap .ss3 .imgbox {width: 100%; margin-bottom: -0.25rem;}
  .product_wrap .ss4 .titbox { margin-bottom: 3.75rem;}
  .product_wrap .ss4 .titbox .tit { font-size: 2rem; margin-bottom: 1.5rem;}
  .product_wrap .ss4 .titbox .sub { font-size: 1.5rem;}
  .product_wrap .ss4 .titbox .logo { width: 10.45rem;}
  .product_wrap .ss4 .titbox .desc { font-size: 1.3rem;}
  .product_wrap .ss4 .numbox { margin: 0 auto 3.4rem;}
  .product_wrap .ss4 .numbox > .item { border-right: 0; padding: 0.5rem 2rem; gap: 1.35rem;}
  .product_wrap .ss4 .numbox > .item:nth-child(1) { border-left: 0; padding-left: 0;}
  .product_wrap .ss4 .numbox > .item:last-child {padding-right: 0;} 
  .product_wrap .ss4 .numbox > .item + .item { border-left: 1px solid #b7b7b7;}
  .product_wrap .ss4 .numbox > .item .tit { font-size: 1rem;}
  .product_wrap .ss4 .numbox > .item .desc { font-size: 2.25rem;}
  .product_wrap .ss4 .contbox { gap: 2rem;}
  .product_wrap .ss4 .contbox .desc { font-size: 1.2rem; line-height: 1.416; padding: 0 2rem;}
  .product_wrap .ss4 .contbox .imgbox.pc_ver {display: none ;}
  .product_wrap .ss4 .contbox .imgbox.mob_ver { display: flex; flex-direction: column;  align-items: center;  margin: 0; width: 100%;}
  

  /* 블로그 체험단 */
  .blog_wrap .sub_top { background-image: url(../img/prd_blog_top_mob.png);}
  .blog_wrap .ss1 { margin-bottom: 6.6rem;}
  .blog_wrap .ss1 .contbox .deco_txt { bottom: -1.5%;}
  .blog_wrap .ss1 .contbox .imgbox { max-width: 26rem;  margin-top: -2rem;}
  .blog_wrap .ss1 .contbox .imgbox .img { margin-left: -20%;}
  .blog_wrap .ss1 .contbox .imgbox .deco1 { right: -2.5%;}
  .blog_wrap .ss1 .contbox .imgbox .deco2 { left: -16%; }
  .blog_wrap .ss1 .contbox .imgbox .deco3 { right: 4%; bottom: 1%;}  
  .blog_wrap .ss4 .contbox {gap: 3rem;}
  .blog_wrap .ss4 .contbox .imgbox.mob_ver .img1 { width: 48%; margin-right: -10%;}
  .blog_wrap .ss4 .contbox .imgbox.mob_ver .img2 { width: 97%;  margin-right: 3%; margin-bottom: -10%; margin-top: 1rem;}


  /* 인스타 체험단 */
  .insta_wrap .sub_top { background-image: url(../img/prd_insta_top_mob.png);}
  .insta_wrap .ss1 { margin-bottom: 10rem;}
  .insta_wrap .ss1 .contbox .deco_txt { font-size: 15rem; margin-left: 10%; bottom: 1%;}
  .insta_wrap .ss1 .contbox .imgbox .deco1 { width: 40%; top: -10%; right: 5%;}
  .insta_wrap .ss1 .contbox .imgbox .deco2 { width: 13%; max-width: 94px; top: 57%;  left: 0%;}
  .insta_wrap .ss1 .contbox .imgbox .deco3 {width: 31%; left: 3%;}
  .insta_wrap .ss1 .contbox .imgbox .deco4 {display: none;}
  .insta_wrap .ss3 { background-image: url(../img/prd_insta_banner_mob.png);}
  .insta_wrap .ss4 .contbox .prd_swiper2 { padding: 0 4rem 7.5rem; margin-top: 2rem;}
  .insta_wrap .ss4 .contbox .prd_swiper2 .swiper-slide { width: 15.9rem;}


  /* 유튜브 체험단 */
  .youtube_wrap .sub_top { background-image: url(../img/prd_ytb_top_mob.png);}
  .youtube_wrap .sub_top .titbox .badgebox .badge { border-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2); color: #fff;}
  .youtube_wrap .ss1 { margin-bottom: 5.6rem;}
  .youtube_wrap .ss1 .titbox .iconbox .icon { width: 3.5rem;}
  .youtube_wrap .ss1 .titbox { margin-bottom: 10rem;}
  .youtube_wrap .ss1 .contbox .deco_txt { font-size: 9.15rem; bottom: auto; top: 38%;  transform: translate(-50%, -50%);  margin-left: 9%;}
  .youtube_wrap .ss1 .contbox .imgbox { margin-top: 0; flex-direction: column;  width: 100%;}
  .youtube_wrap .ss1 .contbox .imgbox .img1 { width: 97%; margin-left: -8%;}
  .youtube_wrap .ss1 .contbox .imgbox .img2 { width: 74%; margin-left: -15%; margin-top: -8%;}
  .youtube_wrap .ss1 .contbox .imgbox .deco1 {width: 74%; top: -5.8%; left: 9%;}
  .youtube_wrap .ss1 .contbox .imgbox .deco2 { width: 32%; top: -9%; left: 47%;}
  .youtube_wrap .ss1 .contbox .imgbox .deco3 {display: none;}  
  .youtube_wrap .ss4 .numbox > .item .desc {color: var(--color1)}
  .youtube_wrap .ss4 .numbox > .item .desc.color2 {color: var(--color1)}
  .youtube_wrap .ss4 .contbox {gap: 3rem;}
  .youtube_wrap .ss4 .contbox .imgbox.mob_ver .img1 { width: 48%; margin-right: -10%;}
  .youtube_wrap .ss4 .contbox .imgbox.mob_ver .img2 { width: 97%;  margin-right: 3%; margin-bottom: -10%; margin-top: 1rem;}


  /* 숏폼 체험단 */
  .shortform_wrap .sub_top { background-image: url(../img/prd_shortform_top_mob.png);}
  .shortform_wrap .ss1 { margin-bottom: 10rem;}
  .shortform_wrap .ss1 .titbox { margin-bottom: 7.85rem;}
  .shortform_wrap .ss1 .contbox .deco_txt {font-size: 9.23rem; margin-left: -3.5%;  bottom: -13%;}
  .shortform_wrap .ss1 .contbox .imgbox .deco1 { width: 40%; top: -9.5%; right: 5%;}
  .shortform_wrap .ss1 .contbox .imgbox .deco2 { width: 13%; top: 80%; left: 0%;}
  .shortform_wrap .ss1 .contbox .imgbox .deco3 { width: 32%; top: -8%; left: 14%;}
  .shortform_wrap .ss1 .contbox .imgbox .deco4 { width: 21%; bottom: -15%; right: 3%;}
  .shortform_wrap .ss3 { background: var(--color1); }
  .shortform_wrap .ss4 .numbox.tablet {display: flex !important;}
  .shortform_wrap .ss4 .numbox > .item .desc {color: var(--color1)}
  .shortform_wrap .ss4 .numbox > .item .desc.color2 {color: var(--color1)}
  .shortform_wrap .ss4 .contbox {gap: 3rem;}
  .shortform_wrap .ss4 .contbox .imgbox.mob_ver { gap: 1rem; margin-bottom: 5rem;}
  .shortform_wrap .ss4 .contbox .imgbox.mob_ver .img1 { width: 48%; margin-right: -10%;}


  /* 스마트스토어 체험단 */
  .smart_wrap .sub_top { background-image: url(../img/prd_smart_top_mob.png);}
  .smart_wrap .ss1 { margin-bottom: 12.5rem;}
  .smart_wrap .ss1 .titbox { margin-bottom: 9rem;}
  .smart_wrap .ss1 .contbox .deco_txt { font-size: 7.957rem; bottom: -8.5%;}
  .smart_wrap .ss1 .contbox .imgbox { width: 96%; }
  .smart_wrap .ss1 .contbox .imgbox .img { margin-left: -5%;}
  .smart_wrap .ss1 .contbox .imgbox .deco1 {width: 53%; top: -10.5%; left: 1%;}
  .smart_wrap .ss1 .contbox .imgbox .deco2 {width: 46%; max-width: 158px; top: 96%;  right: 9.5%; z-index: 2;}
  .smart_wrap .ss1 .contbox .imgbox .deco3 { width: 33%; top: -16%; left: 3%;}
  .smart_wrap .ss1 .contbox .imgbox .deco4 { width: 22%; bottom: -9%; right: 12%;  z-index: 1;}
  .smart_wrap .ss2 .contbox.ver2 > .item { max-width: 35rem; padding: 0;  border: none; box-shadow: none; margin-top: 1.75rem;}
  .smart_wrap .ss2 .last_txt { margin-top: 1.5rem;}
  .smart_wrap .ss2 .contbox.ver2 { width: calc((100% + 2rem* 2));  margin: 0 -2rem;}
  .smart_wrap .ss4 .contbox {gap: 6rem;}
  .smart_wrap .ss4 .contbox .imgbox.mob_ver .img1 { width: 48%; margin-right: -10%;}
  .smart_wrap .ss4 .contbox .imgbox.mob_ver .img2 { width: 97%;  margin-right: 3%; margin-bottom: -10%; margin-top: 1rem;}


  /* 진행과정 */
  .progress_wrap .sub_top { background-image: url(../img/progress_top_mob.png); margin-bottom: 6rem;}
  .progress_wrap .titbox .tit { font-family: var(--font1); font-size: 2rem; font-weight: 700;}
  .progress_wrap .titbox .desc { font-size: 1.3rem;}
  .progress_wrap .ss1 { margin-bottom: 2rem;}
  .progress_wrap .ss1 .m_titbox { margin-bottom: 3rem;}
  .progress_wrap .ss1 .m_titbox .m_txt1 { font-size: 2rem;}
  .progress_wrap .ss1 .imgbox { width: calc((100% + 2rem* 2)); padding-left: 3.5rem;  margin: 0 -2rem;}
  .progress_wrap .ss2 { background: none; margin-bottom: 3.5rem;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide { flex-direction: column-reverse;  gap: 6.7rem;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .imgbox { width: 100%;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox { padding-top: 0; padding-right: 0;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .left .step { font-size: 1.4rem;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .left .num { font-size: 5.5rem;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .titbox .right .icon {  width: 4rem;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .tit { font-size: 1.7rem;}
  .progress_wrap .ss2 .progress_swiper .swiper-slide .txtbox .desc { font-size: 1.2rem;  max-width: 25rem;}
  .progress_wrap .ss2 .progress_swiper .prev_btn, 
  .progress_wrap .ss2 .progress_swiper .next_btn { display: none;}
  .progress_wrap .ss2 .progress_swiper .scrollbar { display: flex;  position: absolute; left: 50%; top: calc(100vw - 2rem * 2);  margin-top: 2.5rem; transform: translateX(-50%);  opacity: 1; pointer-events: auto;}


  /* 제안서받기 */
  .proposal_wrap .ss1 { padding-top: 6rem; margin-bottom: 5rem;}
  .proposal_wrap .ss1 .contbox .txtbox { display: flex; flex-direction: column;  align-items: center; text-align: center;}
  .proposal_wrap .ss1 .contbox .txtbox .tit1 { font-size: 1.7rem;}
  .proposal_wrap .ss1 .contbox .txtbox .tit2 { font-size: 2.5rem;}
  .proposal_wrap .ss1 .contbox .txtbox .desc { font-size: 1.2rem;}
  .proposal_wrap .ss1 .contbox .imgbox { display: none;}
  .proposal_wrap .ss2 { margin-bottom: 5.1rem;}
  .proposal_wrap .ss2 .m_titbox { margin-bottom: 4rem; text-align: center;}
  .proposal_wrap .ss2 .m_titbox .kr_txt { font-size: 1.6rem;}
  .proposal_wrap .ss2 .m_titbox .en_txt { font-size: 0.8rem;}
  .proposal_wrap .ss2 .form { gap: 1.5rem;}
  .proposal_wrap .ss2 .form .form_item { gap: 0;}
  .proposal_wrap .ss2 .form .form_item .input_tit { padding: 1.25rem 1rem;  width: 6rem; font-size: 1.2rem;}
  .proposal_wrap .ss2 .form .form_item .input_text { font-size: 1.2rem;}
  .proposal_wrap .ss2 .form .form_item .select { background: url(../img/select_arrow.png) no-repeat right 1rem center / 0.7rem;  padding-right: 2.5rem; font-size: 1.2rem;}
  .proposal_wrap .ss2 .form .form_item.chk .input_tit { justify-content: flex-start;  padding-left: 1.5rem;}
  .proposal_wrap .ss2 .form .form_item .input_check { border-radius: 0.35rem;  width: 2rem; height: 2rem;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_tit { padding-right: 0.5rem;  font-size: 1.2rem; gap: 0.5rem;}  
  .proposal_wrap .ss2 .form .form_item .term_item .term_tit .txt { display: flex; align-items: baseline;  gap: 0.125rem; flex-wrap: wrap;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_tit .txt .mob_hide {display: none;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_tit .txt .mob_show {display: inline-block;font-size: 0.6rem;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_tit .arrow {  width: 0.7rem;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_cont { padding-right: 0.5rem;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_cont > li {  padding-right: 0.5rem;  margin-top: 1.7rem; font-size: 0.8rem; height: 17rem;}
  .proposal_wrap .ss2 .form .form_item .term_item .term_cont > li::-webkit-scrollbar{width: 4px;}
  .proposal_wrap .ss2 .btn_box .button { padding: 1.5rem 2rem;  font-size: 1.3rem;}




}


@media screen and (max-width: 900px) {

  html {font-size: 14px !important;}

}


@media screen and (max-width: 700px) {

  html {font-size: 11.5px !important;}

}




/* Mobile */
@media screen and (max-width: 599px) {

  html {font-size: 11px !important;}  

  .mobile {display: block !important;}
  

}
  
      
@media screen and (max-width: 480px) {  

  html {font-size: 10px !important;}

}


@media screen and (max-width: 320px) {

  html { font-size: 9px !important;}

  .main_wrap .ms9 .accordion > li .acc_tit .txt { font-size: 1rem;}
  .main_wrap .ms9 .accordion > li .acc_cont > li { font-size: 0.9rem;}

}