@charset "utf-8";

/* reset.css와 style.css를 기준으로 desktop(index.css) 스타일의 반응형 선택자 스캐폴드만 정의 */

/* =========================================================================
   Tablet : 800px ~ 1200px
   ========================================================================= */
@media screen and (min-width: 800px) and (max-width: 1200px) {
   :root {}
   main.hero2 {}
   section.bedding {}
   section.bedding h2.section-title {}
   section.bedding article.vortex {}
   section.bedding article.vortex .title-area {}
   section.bedding article.vortex .placeholder {}
   section.bedding article.sedona {}
   section.bedding article.sedona .img-wrapper li.placeholder {}
}

/* =========================================================================
   mobile : ~ 799px
   ========================================================================= */
@media screen and (max-width: 799px) {
   :root {}
   main.hero2 {}
   section.bedding {}
   section.bedding h2.section-title {}
   section.bedding article.vortex {
      flex-direction: column;
      padding: var(--common-space-padding-y-default) var(--common-space-padding-x-default);
   }
   section.bedding article.vortex .title-area {}
   section.bedding article.vortex .placeholder {}
   section.bedding article.sedona {}
   section.bedding article.sedona .img-wrapper li.placeholder {}
}