#wellnessbook-page { padding-top: 0px !important; }

#wellnessbook-page .wb-intro { position: relative; display: flex; justify-content: center; align-items: center; background-color: #346c4f; background-image: none; min-height: var(--app-height); height: 1px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #wellnessbook-page .wb-intro { min-height: 100vh; } }

#wellnessbook-page .wb-intro .inner { position: relative; display: flex; align-items: center; justify-content: space-around; width: 100%; max-width: 1101px; }

@media screen and (max-width: 1280px) { #wellnessbook-page .wb-intro .inner { max-width: 902px; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .inner { flex-direction: column-reverse; justify-content: center; max-width: 100%; height: 100%; padding: 65px 0; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wb-intro .inner { padding: 50px 0; } }

#wellnessbook-page .wb-intro .inner .image { position: relative; z-index: 3; width: 40%; transform: translate(320px, 0px); }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .inner .image { transform: none; width: 100%; max-width: 350px; max-height: 456px; height: calc(100% - 226px); margin: 60px auto 0; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wb-intro .inner .image { max-width: 240px; max-height: 312px; height: calc(100% - 170px); margin: 40px auto 0; } }

#wellnessbook-page .wb-intro .inner .image img { display: block; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); width: 460px; margin: 0 auto; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .inner .image img { width: auto; height: 100%; } }

#wellnessbook-page .wb-intro .inner .title { position: relative; opacity: 0; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .inner .title { opacity: 1; }
  #wellnessbook-page .wb-intro .inner .title .t_hide { display: none; } }

#wellnessbook-page .wb-intro .inner .title h1, #wellnessbook-page .wb-intro .inner .title h2 { color: #ffffff; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .inner .title h1, #wellnessbook-page .wb-intro .inner .title h2 { text-align: center; } }

#wellnessbook-page .wb-intro .inner .title h2 { font-weight: 500; letter-spacing: -0.3px; margin: 0 0 40px 10px; font-size: 30px; line-height: 1.73; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .inner .title h2 { margin: 0 0 24px; font-size: 15px; line-height: 1.53; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wb-intro .inner .title h2 { margin: 0 0 16px; } }

#wellnessbook-page .wb-intro .line { position: absolute; left: 50%; bottom: 0; z-index: 3; margin-left: -1px; width: 2px; height: 100px; overflow: hidden; background-color: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .line { height: 70px; } }

#wellnessbook-page .wb-intro .line div { position: absolute; top: 0; left: 0; z-index: 3; background-color: #fff; width: 100%; height: 0; opacity: 1; }

#wellnessbook-page .wb-intro .scrolldown { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 2px; background: rgba(255, 255, 255, 0.5); z-index: 4; height: 100px; }

#wellnessbook-page .wb-intro .scrolldown span { display: block; position: absolute; width: 2px; background: #fff; height: 100%; animation: scrolldown-bar infinite 2.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-intro .scrolldown { height: 70px; } }

@keyframes scrolldown-bar { 0% { top: 0;
    bottom: 100%;
    height: 0; }
  30% { top: 0;
    bottom: 100%;
    height: 100%; }
  31% { top: 0%;
    bottom: 100%; }
  60%, 100% { top: 100%;
    bottom: 0;
    height: 0%; } }

#wellnessbook-page .wb-article-preview { background-color: #f9f9f9; padding: 60px 0 80px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wb-article-preview { padding: 0 0 40px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wb-article-preview { padding: 0 0 40px; } }

#wellnessbook-page .article-header h1 { text-align: center; }

@media screen and (max-width: 1023px) { #wellnessbook-page .article-body h3 { font-size: 16px; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .article-body .col-2 { margin-left: 0; margin-right: 0; } }

#wellnessbook-page .article-body .col-2 > li:nth-child(2) { padding-left: 100px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .article-body .col-2 > li:nth-child(2) { padding-left: 0; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .article-body .col-2 > li { width: 100%; padding: 0; }
  #wellnessbook-page .article-body .col-2 > li + li { margin-top: 50px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .article-body .col-2 > li + li { margin-top: 40px; } }

#wellnessbook-page .article-body .col-2 > li p { margin-bottom: 64px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .article-body .col-2 > li p { margin-bottom: 80px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .article-body .col-2 > li p { margin-bottom: 60px; } }

#wellnessbook-page .article-body .col-2 > li .btn_area { text-align: center; margin-top: 0px; }

#wellnessbook-page .article-body .col-2 > li .btn_area a { z-index: 1; }

@media screen and (max-width: 1023px) { #wellnessbook-page .article-body .col-2 > li .btn_area { text-align: center; } }

#wellnessbook-page .wellnessbook-grid { width: 100%; display: flex; padding-top: 130px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid { padding-left: 0; padding-right: 0; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid { flex-direction: column; padding-top: 160px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wellnessbook-grid { padding-top: 120px; } }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner, #wellnessbook-page .wellnessbook-grid .col-right .col-inner { box-sizing: border-box; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-left .col-inner, #wellnessbook-page .wellnessbook-grid .col-right .col-inner { padding-bottom: 0 !important; padding-top: 0 !important; } }

#wellnessbook-page .wellnessbook-grid .col-left { overflow: visible !important; width: 25%; padding-top: 110px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-left { width: 100%; padding-top: 0; } }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner { padding: 0; position: relative; }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container { position: relative; }

@media screen and (min-width: 1024px) { #wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list { padding-left: 0; padding-right: 0; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list { padding-top: 8px; } }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item { display: block; float: none; margin: 0 24px 22px 0; }

@media screen and (hover: hover) { #wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item:hover .sort_title { color: #000; } }

@media screen and (min-width: 1024px) { #wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item { transition: 300ms all ease-in-out; }
  #wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item.active { padding-top: 8px; } }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item.active .sort_title::before { width: 100%; background: #c52922; }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item .sort_title { position: relative; display: inline-flex; flex-wrap: wrap; text-transform: uppercase; line-height: 1; font-family: 'CeraPro'; }

#wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item .sort_title::before { content: ''; position: absolute; left: 0; top: -8px; display: block; width: 0%; height: 4px; background: transparent; transition: 300ms width ease-in-out; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-left .col-inner .wellnessbook-container .sort_list .sort_item { display: inline-block; margin: 0 16px 14px 0; } }

#wellnessbook-page .wellnessbook-grid .col-right { flex: 1; padding-top: 110px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-right { padding-top: 0; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-right.ieWellness { display: flex; flex: none; }
  #wellnessbook-page .wellnessbook-grid .col-right.ieWellness, #wellnessbook-page .wellnessbook-grid .col-right.ieWellness .col-inner { width: 100%; } }

#wellnessbook-page .wellnessbook-grid .col-right .wellnessbook-container { padding-bottom: 252px; }

@media screen and (min-width: 1024px) { #wellnessbook-page .wellnessbook-grid .col-right .wellnessbook-container { padding-left: 0; padding-right: 0; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid .col-right .wellnessbook-container { padding-bottom: 160px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wellnessbook-grid .col-right .wellnessbook-container { padding-bottom: 140px; } }

#wellnessbook-page .wellnessbook-grid.no-more .col-right .wellnessbook-container { padding-bottom: 132px; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-grid.no-more .col-right .wellnessbook-container { padding-bottom: 100px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wellnessbook-grid.no-more .col-right .wellnessbook-container { padding-bottom: 100px; } }

#wellnessbook-page .wellnessbook-grid.no-more .col-right .wellness-list .more-btn { display: none; }

#wellnessbook-page .wellness-list ul { display: flex; flex-wrap: wrap; }

#wellnessbook-page .wellness-list ul li { width: calc(100% / 4 - (40px * (4 - 1) ) / 4); box-sizing: border-box; margin-bottom: 120px; }

@media screen and (min-width: 1281px) { #wellnessbook-page .wellness-list ul li:not(:nth-of-type(4n)) { margin-right: 40px; } }

@media screen and (max-width: 1280px) { #wellnessbook-page .wellness-list ul li:not(:nth-of-type(3n)) { margin-right: 30px; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellness-list ul li:not(:nth-of-type(3n)) { margin-right: 20px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wellness-list ul li:not(:nth-of-type(2n)) { margin-right: 15px; } }

@media screen and (max-width: 1280px) { #wellnessbook-page .wellness-list ul li { width: calc(100% / 3 - (30px * (3 - 1) ) / 3); margin-bottom: 90px; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellness-list ul li { width: calc(100% / 3 - (20px * (3 - 1) ) / 3); margin-bottom: 60px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wellness-list ul { gap: 0 15px; }
  #wellnessbook-page .wellness-list ul li { width: calc(100% / 2 - (15px * (2 - 1) ) / 2); margin-bottom: 40px; margin-right: 0 !important; } }

#wellnessbook-page .wellness-list .actions { display: flex; align-items: center; justify-content: center; margin: 0 auto; float: none; }

#wellnessbook-page .wellness-list .more-btn { display: block; }

#wellnessbook-page .wellness-list-item .tb { display: block; overflow: hidden; margin-bottom: 20px; aspect-ratio: 4 / 5; }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellness-list-item .tb { margin-bottom: 12px; } }

#wellnessbook-page .wellness-list-item .tb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 1200ms cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; }

#wellnessbook-page .wellness-list-item .tb:hover img { transform: scale(1.125); }

#wellnessbook-page .wellness-list-item .post-title { font-weight: 500; line-height: 1.3; margin-bottom: 10px; }

@media screen and (max-width: 1280px) { #wellnessbook-page .wellness-list-item .post-title { margin-bottom: 8px; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellness-list-item .post-title { margin-bottom: 7px; } }

@media screen and (max-width: 767px) { #wellnessbook-page .wellness-list-item .post-title { margin-bottom: 6px; } }

#wellnessbook-page .wellness-list-item .post-category { display: block; color: #666; }

#wellnessbook-page .no-touchevents .wellness-list-item .tb img { transition: transform 1200ms cubic-bezier(0.23, 1, 0.32, 1); will-change: transform; }

#wellnessbook-page .no-touchevents .wellness-list-item .tb:hover img { transform: scale(1.125); }

#wellnessbook-page .wellnessbook-header-mobile { position: relative; }

#wellnessbook-page .wellnessbook-header-mobile .wellnessbook-header-mobile-inner { position: relative; padding-top: 160px; color: #fff; }

#wellnessbook-page .wellnessbook-header-mobile .wellnessbook-header-mobile-inner .wellnessbook-container { position: relative; }

@media scren and (max-width: 767px) { #wellnessbook-page .wellnessbook-header-mobile .wellnessbook-header-mobile-inner { padding-top: 120px; } }

#wellnessbook-page .wellnessbook-header-mobile .wellnessbook-header-mobile-bg { background-color: #346c4f; position: absolute; top: 0; left: 0; bottom: 60px; width: 100%; }

#wellnessbook-page .wellnessbook-header-mobile .book img { display: block; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.2); width: 270px; height: auto; margin: 0 auto; }

@media screen and (max-width: 767px) { #wellnessbook-page .wellnessbook-header-mobile .book img { width: 200px; } }

#wellnessbook-page .wellnessbook-header-mobile .slide-nav-container { position: relative; height: 24px; margin-top: 100px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { #wellnessbook-page .wellnessbook-header-mobile .slide-nav-container { margin-top: 70px; margin-bottom: 30px; } }

#wellnessbook-page .wellnessbook-header-mobile .slide-nav { position: absolute; width: 260px; right: 0; top: 0; }

@media screen and (max-width: 767px) { #wellnessbook-page .wellnessbook-header-mobile .slide-nav { left: 0; width: 100%; } }

@media screen and (max-width: 1023px) { #wellnessbook-page .wellnessbook-header-desktop { display: none; } }

@media screen and (min-width: 1024px) { #wellnessbook-page .wellnessbook-header-mobile { display: none; } }

/*# sourceMappingURL=wellness-book.css.map */