/**
Theme Name: 유한크로락스 astra child theme
Author: SKUNKWORKS STUDIO Inc.
Author URI: https://skunkworks.co.kr/
Description: 
Version: 1.0.0
License: Commercial
Text Domain: astra-child
Template: astra
*/

/* secure padding for x2board */

.pc_only{display: block;}
.mo_only{display: none;}
.entry-content .elementor-widget-container p  {margin-bottom: 0}
.entry-content .elementor-widget-container h3.blogCard__title + p  {margin-bottom: 24px;}
.ast-container:not(i) {
    font-family: "Pretendard", Sans-serif;
}

.ast-container {
    width: 100%;
    max-width: unset !important;
}

.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single{
    border:0;
    padding: 0;
}

body, button, input, select, textarea, .ast-button, .ast-custom-button {
    font-family: "Pretendard", Sans-serif;
}

* {
    margin: 0px;
    padding: 0px;
}

ul,
ol {
    /* list-style: none; */
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none
}

a:hover,
a:focus {
    color: initial;
    opacity: .7;
}

.pc {
    display: block !important;
}

.mobile {
    display: none !important;
}

.hide {
    display: none !important;
}

.ast-container {
    flex-direction: column;
    max-width: unset;
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none !important;
}

.global_search_product_title {
    overflow: hidden;
    word-break: keep-all;
}

.ellipsis-1 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}

.ellipsis-2 {
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}
.arrow {
    position: relative;
    display: flex;
    gap:6px;
    align-items: center;
}
.arrow.mint::after {
    filter: brightness(0) saturate(100%) 
          invert(51%) sepia(94%) saturate(743%) 
          hue-rotate(148deg) brightness(93%) contrast(101%);
}
.arrow::after{
    content:""; 
    display: block;
    width: 24px;
    height:24px;
    background-size: cover;
    background-image: url('./assets/images/icon_arrow.svg');
}
/* header */ 
#header {-webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background-color: rgba(255, 255, 255, 0.5); transition: all .16s;}
.admin-bar #header {top:32px;}
#content {margin-top:98px}
.hfe-nav-menu .sub-menu {min-width: 180px;padding:12px 0;}
.hfe-nav-menu__layout-horizontal .hfe-nav-menu {flex-wrap: nowrap; white-space: nowrap;}
.hfe-nav-menu .sub-menu a {white-space:nowrap;}
.hfe-nav-menu .menu-item-has-children .sub-menu {left:-10px}
.hfe-nav-menu .sub-arrow {font-size: 16px; color:rgba(0, 0, 0, .3)}
.hfe-menu-item:hover .sub-arrow {color:#7BD0D6;}
.hfe-submenu-icon-arrow .hfe-nav-menu .parent-has-child .sub-arrow i:before { content: '\f078';}


/* x2board 상세*/
.cate.fl {font-size: 24px;line-height: 48px; color:#007484;}
h1.np_18px {margin:0}
h1.np_18px a{ display: block; font-size: 48px; line-height: 64px; font-weight: 700; color:#00AAB7;margin: 0 0 32px}
.btm_area.clear {padding-bottom: 32px; border-bottom: 1px solid #5D696B;}
.btm_area .side.fr {gap:24px;}
.rd_body .x2b_content {padding:64px 100px; }
.rd_body .x2b_content.rd_gallery {border-bottom: 1px solid #5D696B;}
.x2b_content p {font-size: 20px; line-height: 32px; color:#5D696B}
.rd_file table {border:0; margin:0; }
.rd_file table th.ui_font {padding:32px 0 0; font-size: 20px;color:#002C3A;width:146px; }
.rd_file table th.ui_font strong {font-weight: 700!important;}
.fnt_count {font-weight: 400;}
.rd_file table td {padding: 0; vertical-align: bottom;}
.rd_file table ul {display: flex; list-style: none; gap: 24px;}
.rd_file table ul a.normal {color:#5D696B; text-decoration: underline;}
.cmt_editor_tl strong {display: block; font-size: 20px;color:#002C3A;font-weight: 700; margin: 32px 0 24px;}
#btn_insert_wp_post_type {display: none;}
.opt_chk {display: none;}
.edit_opt { display: flex; width:100%; gap:12px;justify-content: flex-end;padding-right: 136px;margin-bottom: 52px;margin-top: -81px;}
.edit_opt .itx_wrp  {width:282px}
.simple_wrt {position: relative;display: block; height:226px;}
.simple_wrt .bd_btn {position: absolute;right:0; top:144px;background-color:#E5F6F8!important; border: 1px solid #C7E3E6!important; color:#5D696B!important; border-radius: 0; height:40px; display: flex; padding:0 30px}
.simple_wrt .text textarea {height:120px!important}
label.error {display: block; font-size: 14px; color:#00AAB7; margin: 6px 0 -26px;}
.cmt {display: block; font-size: 20px; line-height: 24px; color:#002C3A; font-weight: 700;margin-bottom: 24px;}
.cmt span {font-weight: 400;}
ul.fdb_lst_ul {list-style: none;padding:0; }
ul.fdb_lst_ul .x2b_content {font-size: 16px; line-height: 24px; color:#333;padding: 12px 0 20px; border-bottom: 0;}
ul.fdb_lst_ul .meta {display: flex;gap: 16px}
ul.fdb_lst_ul .meta a {font-weight: 700; color:#007686}
ul.fdb_lst_ul .meta a i {display: none;}
li.fdb_itm.re i{display: none;}
li.fdb_itm.re {position: relative;margin-left:32px!important}
li.fdb_itm.re::before {position: absolute; top:-3px; left:-20px; content:"ㄴ"}
.rd_nav  {border-top:1px solid #5D696B;padding:24px 0 16px; margin:12px 0 0; width:100%; justify-content: flex-end; margin-bottom: 160px; }
.rd_end,
.rd_end + .btm_mn,
.rd_nav + .btm_mn {display: none;}
/* 글쓰기 */
#x2board-default-editor.bd {background: unset; border:0; padding:0}
#x2board-default-editor.bd .x2board-attr-row {padding:12px 0; background-color: #fff;}
#x2board-default-editor.bd .x2board-attr-row .attr-name {padding:0; font-size: 20px; line-height: 40px; color:#002C3A; }
#x2board-default-editor.bd .x2board-attr-row .attr-name .attr-required-text {font-size: 20px; color:#00AAB7;}
#x2board-default-editor.bd select, #x2board-default-editor.bd input[type=text], #x2board-default-editor.bd input[type=file], #x2board-default-editor.bd input[type=email], #x2board-default-editor.bd input[type=number], #x2board-default-editor.bd input[type=date], #x2board-default-editor.bd input[type=password] {display: flex; height: 40px; padding:0 12px; font-size: 16px; color: #5D696B; border: 1px solid #5D696B; border-radius: 0; background-color: #fff;;}
#x2board-default-editor.bd input[type=file] {border:0; padding:12px 0; height: unset;}
#x2board-default-editor.bd .x2board-attr-row .attr-value label {font-size: 18px; line-height: 40px;}
#x2board-default-editor.bd input {font-size: 18px; line-height: 40px;}
#x2board-default-editor.bd .x2board-attr-row .attr-value .attr-value-option {font-size: 18px;}
#x2board-default-editor.bd .x2board-attr-row .attr-value {font-size: 18px;}
.cke_1 .cke_top {border-top:1px solid #ccc;}
.get_editor {margin-bottom: 32px;}
script + .edit_opt {margin-top: 0; padding-right: 0; gap:128px}
.x2board-control .center {margin:48px 0 160px}
.x2board-control .center button { font-size: 18px!important; color:#5D696B!important;background: #E5F6F8!important; border:1px solid#C7E3E6!important; border-radius: 0!important;padding:12px 48px}
.x2board-control .center button.blue {color:#fff!important; background:#00AAB7!important; border:0!important}
.bd .fa, .bd .far, .bd .fas {font-family: "Font Awesome 5 Free"!important}

/* footer */
.site-footer {background-color:#5D696B; padding:60px 0 80px; color:#fff; }
.site-footer .footer-heading {display: block; font-size: 18px; line-height: 36px; font-weight: 700; color:#fff; margin: 0 0 28px!important}
.site-footer ul {list-style: none;}
.site-footer li {line-height: 32px; font-weight: 400;;}
.site-footer a {color:#fff;}
.site-footer .footer-inner {width:100%;max-width:1248px; padding: 0 24px; margin:0 auto; display: grid; grid-template-columns: minmax(0, 282px) minmax(0, 486px) minmax(0, 282px) 1fr; gap: 24px;}
.site-footer .footer-logo img {width:193px; height:41px;}
.site-footer .footer-copy {margin-top: 36px;}
.site-footer .footer-sns-list {display: flex; flex-direction: column; gap:12px; align-items: flex-end }

/* home */

.cateHome {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(6, 180px);
    gap: 24px;
    padding: 0!important;
}
.cateHome h2 {
    color: #43484F;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin:18px 0 10px;
}
.cateHome p {
    color: #43484F;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin:0;
}
.cateHome a img {
    display: block;
    transition: transform 0.25s ease;
    width:160px;
    margin: 0 auto!important;
}
.cateHome a:hover img {
    transform: translateY(-5px);
}

/* 블로그 */

h2.title.lined {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 16px;
}
h2.title.lined::before,
h2.title.lined::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #80D4DB;
    width: 380px;
}
h2.title.lined + p {
    font-size: 20px;
    line-height: 24px;
    color:#43484F;
    margin-bottom: 48px;
}
.tags_cont {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 48px;
    padding:0 100px;
}
.tags_cont a {
    display: flex;
    padding: 6px 16px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #43484F;
    border: 1px solid #939598;
    font-weight: 600;
}
.tags_cont a:hover {
    border: 1px solid #00AAB7;
    color:#00AAB7;
}
.tags_cont a.active {
    border: 1px solid #00AAB7;
    background-color: #00AAB7;
    color:#fff;
}
.blogCard {
  background: #fff;
  display: flex;
  flex-direction: column;
}
.blogCard__img {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 3 / 2;
}
.blogCard__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogCard__body {
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
}
.blogCard__tags {
    position: relative;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    gap: 6px;
    margin-bottom: 16px;
}
.blogCard__tags::after{
    content:"";
    position: absolute;
    top:0;right:0;
    display: block;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    width: 40px;
    height: 36px;
}

.tag-pill {
    display: inline-flex;
    align-items: center;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    color: #007484;
    height:36px;
}
h3.blogCard__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 12px;   
    word-break: keep-all;
}
h3.blogCard__title a{
    color: #43484F;
}
h3.blogCard__title + p {
    font-size: 16px;
    line-height: 24px;
    color: #555555;
    margin: 0 0 28px;
    word-break: keep-all;
}
.blogCard__more {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 24px;;
    font-weight: 500;
    color: #5D696B;
}

.mainBannerSwiper .swiper-slide:not(.mainBannerSwiper .swiper-slide-active) {
    opacity: 0 !important;
}

.mainBannerSwiper {
    position: relative;
    /*border-radius: 30px;*/
    overflow: hidden;
}

.mainBannerSwiper .btn-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    top:40px;
    left: 0;
    column-gap: 12px;
    z-index: 99;
}
.mainBannerSwiper .swiper-slide .text_wrap,
.mainBannerSwiper .btn-wrap {
    left: 36px;
}
.pagination {
    display: flex;
    column-gap: 12px;
    margin: 0;
}
.pagination .swiper-pagination-bullet {
    background: #fff;
    margin: 0!important;
    width: 10px;
    height: 10px;
    overflow: hidden;
    border-radius: 6px;
    opacity: .4;
}
.pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.mainBlogSwiper .pagination .swiper-pagination-bullet {
    background: #00AAB7;
}
.mainBlogSwiper .pagination {
    margin-top: 64px;
    justify-content: center;
}


.mainBlogSwiper {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}
.mainBlogSwiper .swiper-slide {
    height: auto;
    width: 100% !important;
}

.mainBlogSwiper .slide-prev,
.mainBlogSwiper .slide-next {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 28px;
    color: #00a59a;
    background: none;
    border: none;
    cursor: pointer;
}
.mainBlogSwiper .slide-prev {
    left: -40px;
}
.mainBlogSwiper .slide-next {
    right: -40px;
}

.banner_full {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    padding: 80px 0;
    min-height: 400px; /* height 대신 min-height가 더 안전 */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background: none;
    --parallaxPos: 0%;
}
.banner_full::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('./assets/images/banner_full.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center var(--parallaxPos);
    z-index: 0;
}
.banner_full .text_cont {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}
.banner_full .text_cont h2 {
    font-size: 36px;
    font-weight: 800;
    color:#fff;
    margin-bottom: 12px;
}
.banner_full .text_cont p {
    font-size: 24px;
    font-weight: 500;
    color:#fff;
    margin-bottom: 24px;
}
.banner_full .text_cont a {
    color:#fff;
}
.breadcrumb {align-items: center; gap:10px; margin: 40px 0;}
.breadcrumb a {color: #002C3A; font-size: 16px; font-weight: 400; line-height: 30px; height: 30px;}
.breadcrumb a:last-child {font-weight: 700;}
.breadcrumb p:last-child {font-weight: 700; margin-bottom: 0;color: #002C3A; font-size: 16px; line-height: 30px;height: 30px;}
.breadcrumb p:last-child::before,
.breadcrumb a:not(:first-child)::before {content:"/";color: #5D696B; font-size: 16px; font-weight: 700; line-height: 30px; margin-right: 10px;}
.breadcrumb a img {display: block;}
.area-title { margin-bottom: 64px;}
.area-title h2 {color: #002C3A; font-size: 48px; font-weight: 700; line-height: 64px;margin-bottom: 24px;}
.area-title h2 + p {color: #5D696B; font-size: 20px; font-weight: 400; line-height: 32px;}

/* 카테고리 */
.elementor-shortcode .elementor-widget-wc-archive-products .woocommerce.columns-4 ul.products { grid-template-columns: repeat(3, 1fr); grid-column-gap: 24px; grid-row-gap: 0;}
.elementor-shortcode .wpfFilterWrapper .wpfFilterTitle { min-height: 24px;}
.elementor-shortcode .wpfFilterWrapper .wpfFilterTitle .wfpTitle {color: #002C3A; font-size: 18px; font-weight: 700; line-height: 28px; height: 28px;}
.elementor-shortcode .wpfFilterWrapper[data-filter-type] {margin:0; padding:24px 0; border-bottom: 1px solid #5d696b;}
.elementor-shortcode .wpfFilterWrapper .wpfFilterTaxNameWrapper {font-size: 16px; line-height: 24px; color:#5D696B}
.elementor-shortcode .wpfFilterWrapper .wpfCheckbox input[type="checkbox"]:checked + label::before {background-image: url(./assets/images/tick.png) !important;background-size: cover;border-color:#00AAB7!important}
.elementor-shortcode .wpfCheckboxHier > ul {margin: 24px 0 0}
.elementor-shortcode .wpfCheckboxHier > ul > li { height:24px; margin-bottom: 12px;}
.elementor-shortcode .wpfCheckboxHier > ul > li:last-child {margin-bottom: 0;}
.elementor-shortcode .wpfFilterVerScroll {max-height: unset!important}
.elementor-shortcode .wpfFilterButton.wpfButton, .elementor-shortcode .wpfClearButton.wpfButton { min-height:40px; background: #E6EDEE; color:#5D696B; border:1px solid #C9E4E7; font-weight: 500; font-size: 16px; line-height: 24px; width: fit-content; padding: 0 20px;}
.elementor-shortcode .wpfClearButton { margin: 36px 0 120px!important; }
.elementor-shortcode .wpfClearButton::after { content:"\f0e2"; font: normal normal normal 16px / 1 FontAwesome; padding-left: 12px; color:#00AAB7;}
.elementor-shortcode .wpfFilterWrapper i { font-weight: normal; color:#B1BABE; line-height: 28px; padding: 0 8px }
.elementor-shortcode .wpfFilterWrapper i.fa-minus::before { content: "\f077";}
.elementor-shortcode .wpfFilterWrapper i.fa-plus::before { content: "\f078";}
#product_list ul.products li { border: none;  overflow: hidden;}
#product_list ul.products li.product a.ast-loop-product__link h2 { font-size: 17px; overflow: hidden; word-break: keep-all; text-align: center; color:#002C3A; line-height: 24px}
.woocommerce-js .woocommerce-result-count { font-size: 18px; line-height: 28px; margin:24px 0;}
.woocommerce-js .variations select, .woocommerce-js .woocommerce-ordering select {min-width: 120px; padding:6px 12px ; font-size: 18px; line-height: 28px; margin:18px 0; height:unset!important;}
.woocommerce-js nav.woocommerce-pagination ul {display: flex; gap:12px;}
.woocommerce-js nav.woocommerce-pagination ul li {border-color: #E6EDEE; margin:0;}
.woocommerce-js nav.woocommerce-pagination ul li a, .woocommerce-js nav.woocommerce-pagination ul li span {color:#5D696B; background-color: #E6EDEE; font-weight: bold; }
.woocommerce nav.woocommerce-pagination ul li span.current {background: #00AAB7!important; color:#fff}
.woocommerce nav.woocommerce-pagination ul li a:hover {background-color:#80D4DB!important;color:#007484!important}

/* x2board */
.x2 {width:1200px; margin:0 auto;}
.bd * {font-family: 'Pretendard'!important;}
.bd a {color:#002C3A;}
.bd {width:1200px; margin:0 auto;}
.viewer_with.bubble.on,
.fontcheckWrp {display: none;}
.bd_hd {position: relative;display: block; }
.entry-content ul.bubble {list-style: none;display: flex; padding-left: 0;gap:24px; margin-bottom: 64px;}
.x2 .area-title {margin-bottom: 80px;}
ul.bubble li a {color:#5D696B; font-size: 24px; line-height: 36px;}
ul.bubble li small {display: none;}
ul.bubble li.is-active a {font-weight: 700; color:#002C3A; position: relative;}
ul.bubble li.is-active a::after {content:""; position: absolute; bottom:-24px; display: block; width:100%; height:6px; background-color: #00AAB7; }
.searchWrap {position: absolute;top:0; right:0; width:282px; display: flex;gap:8px}
.searchInput {position: relative; }
.searchWrap select { background-color: #E6EDEE; border-radius: 0; border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: none; padding: 6px 12px}
.searchInput button {position: absolute; top:2px; right:2px; padding:0; background-color:transparent; box-shadow: none;}
.searchInput input {width:180px;border:1px solid #5D696B!important; padding:6px 36px 6px 12px;}
table.bd_lst {border:0; margin-bottom: 32px}
table.bd_lst thead th { padding:16px 16px 16px 24px ; border-top:2px solid #E6EDEE; border-bottom:2px solid #5D696B; font-size: 16px; color:#002C3A; text-align: center;}
table.bd_lst thead th.m_no {width:18%;}
table.bd_lst thead th.m_no:nth-child(5) {width:9%;}
table.bd_lst thead th:last-child {width:4%;}
table.bd_lst tbody td.no,
table.bd_lst thead th.no {width:6%; padding: 16px 0 16px 24px}
table.bd_lst thead th.title {width:52%}
table.bd_lst tbody td {padding:16px 16px 16px 24px; border-bottom:2px solid #E6EDEE; text-align: center;}
table.bd_lst tbody td.cate {color:#00AAB7; font-weight: 700;}
table.bd_lst tbody td.title {text-align: left;}
table.bd_lst tbody .notice td.title + td {font-weight: 700;}
table.bd_lst tbody td.m_no, table.bd_lst tbody td.m_no + td {color:#5D696B;}
table.bd_lst tbody .notice td {background-color: #E6EDEE; border:none}
table.bd_lst tbody .notice td.no {color:#007484}
.bd_set {position: absolute; top:0; right:300px;display: flex;gap:8px}
.bd_set a{display: inline-flex; border:1px solid #ccc; height: 40px; align-items: center;padding: 0 12px; cursor: pointer;}
.blind {display: none;}
.bd .fa, .bd .fas {
    font-family: 'Font Awesome 5 Free'!important;
    font-weight: 900;
}
.bd_pg { margin-bottom: 160px;}
.btm_mn { position: absolute; right: 0;}
.bd_go_page {display: none;}
.fr {display: flex; gap:12px;}
a.btn_img {display: inline-flex;height:40px;padding: 0 32px; background-color:#E5F6F8; color:#5D696B;align-items: center;justify-content: center;border: 1px solid#C7E3E6; font-weight: 700; cursor: pointer;}
a.btn_img .fa-bars {margin-right: 8px;}
.bd_pg a,
.bd_pg strong,
a.bubble:not(.home),
.direction {display: inline-flex;width:40px;height:40px; background-color:#E5F6F8; color:#5D696B;align-items: center;justify-content: center;border: 1px solid#C7E3E6; font-weight: 700;}
strong.direction {background-color: #eee; color:#ccc; border-color: #ddd;}
fieldset {display: flex;gap:12px}
fieldset a.bubble {font-weight: 700;}
.bd_pg strong.this,
fieldset a.bubble.this {background-color: #00AAB7; color:#fff; border-color: #00AAB7;}
.side div {display: flex; align-items: center; gap:10px;}
.side svg.e-font-icon-svg {width:16px; height: 16px;}

@media (max-width: 1024px) {
    .pc_only{display: none;}
    .mo_only{display: block;}
    .gnb-list { flex-direction: column; align-items: flex-start; gap: 0;}
    .gnb-list > .menu-item > a { padding: 14px 0; }
    .gnb-list > .menu-item-has-children > .sub-menu { position: static; margin-top: 4px; box-shadow: none; border-radius: 12px;}
    #content {margin-top: 60px;}
    /* home */
    .home .mainBannerSwiper .swiper-slide .text_wrap {position: static; width:100%;height: 300px; padding: 32px 24px; justify-content:flex-start}
    .home .mainBannerSwiper .swiper-slide .text_wrap p.tag {font-size:18px; line-height: 24px;}
    .home .mainBannerSwiper .swiper-slide .text_wrap h3.mobile {color:#FFF; font-size: 26px; line-height: 32px;}
    .home .mainBannerSwiper .swiper-slide .bg_wrap {height:300px}
    .home .mainBannerSwiper .swiper-slide .bg_wrap img {position: static; width:100%; }
    .home .mainBannerSwiper .swiper-slide .bg_wrap img.pc {display: block!important; height:300px}
    .home .mainBannerSwiper .swiper-slide .bg_wrap:after {position: static;}
    .home .mainBannerSwiper .btn-wrap {left:24px; top:auto; bottom:28px}
    .cateHomeWrap {overflow-x: scroll;padding-bottom: 32px;}
    ul.cateHome { grid-template-columns: repeat(6, 1fr); gap:12px}
    ul.cateHome li{width:140px;}
    ul.cateHome li:first-child {margin-left: 24px;}
    ul.cateHome li:last-child {width:164px;padding-right: 24px;}
    ul.cateHome h2 {font-size: 16px;}
    ul.cateHome h2 + p {font-size: 14px; line-height: 20px;}
    .brands > .elementor-element {min-height: unset!important; display: flex; flex-direction: column; aspect-ratio: 1 / 1;flex-wrap: nowrap;}
    .brands .elementor-element img {height: unset!important;width:80%;}
    .brands .elementor-element h3 {font-size: 14px!important; line-height: 20px!important; font-weight: 400!important; word-break: keep-all;}
    .mainBlog {padding: 0 20px;}
    .tags_cont {gap: 8px;margin-bottom: 32px; padding:0}
    .tags_cont a { font-size: 14px; padding: 4px 12px}
    h3.blogCard__title + p {font-size: 14px; line-height: 20px;margin-bottom:24px!important;}
    .arrow {font-size: 14px;}
    .arrow::after {width:18px; height:18px;}
    .mainBlogSwiper { padding-right: 48px!important; overflow: visible!important; }
    .mainBlogSwiper .pagination {margin-top: 36px; padding-left:48px;}
    .banner_ask h2 {
        font-size: 24px!important;
        line-height: 36px!important;
        color:#00AAB7;
    }
    .banner_ask a {
        font-size: 14px!important;
        color:#5D696B;
        font-weight: 600;
    }
    /* menu */
    .elementor-popup-modal .dialog-close-button {font-size:24px; top:18px;right:20px;}
    .elementor-popup-modal .dialog-close-button svg { fill:#43484F}
    .hfe-nav-menu .sub-menu {min-width: unset; margin:0 0 10px!important; padding:0}
    .hfe-nav-menu .sub-arrow {font-size: 20px;padding:0!important; }
    .hfe-nav-menu .sub-arrow i::before {content:"\f067"!important}
    .hfe-nav-menu .sub-menu-active .sub-arrow i::before {content:"\f068"!important}


    /* search popup */
    .elementor-shortcode #global_search .search-form {position: static;}
    .elementor-shortcode #global_search .search-form .form-wrap {width: 100%;}
    .elementor-shortcode #global_search .search-form .form-wrap input {padding:0 50px 0 0; line-height: 48px; font-size: 20px;}
    .elementor-shortcode #global_search .nav {gap: 16px;margin-top: 36px;}
    .elementor-shortcode #global_search .nav-item button .cnt {padding:2px 0; font-size: 16px;}
    .elementor-shortcode #global_search .nav-item button.active::after {bottom:-8px}
    .elementor-shortcode #global_search .tab-content {padding: 32px 0 0;}
    .elementor-shortcode #global_search .tab-content .content ul li a {grid-template-columns: 1fr 72%;}
    .elementor-shortcode #global_search .tab-content .content ul li a .text-wrap .title {font-size: 16px; line-height: 24px; margin-bottom: 0;}
    .elementor-shortcode #global_search .tab-content .btn-wrap {margin:32px 0 64px;}
    .elementor-shortcode #global_search .tab-content .btn-wrap button.load-more {font-size: 16px;}

    /* footer */
    .site-footer {position: relative; padding: 48px 0 80px}
    .site-footer .footer-logo {display: block; margin-bottom: 16px;}
    .site-footer .footer-logo img {width:158px;height:auto;}
    .site-footer .footer-heading {font-size: 16px; margin: 0 0 16px!important}
    .site-footer .footer-inner {grid-template-columns: 1fr;padding:0 20px; gap:28px}
    .site-footer li {font-size: 14px; line-height: 22px; word-break: keep-all; margin-bottom: 8px;}
    .site-footer .footer-copy {position: absolute; bottom:40px; left:20px;}
    .site-footer .footer-sns-list {position: absolute;top:48px; right:20px; gap: 4px;}
    .site-footer .footer-sns-list a img {width:28px}

}

@media (min-width: 640px) {
    .mainBlogSwiper .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }
}
@media (min-width: 1000px) {
    .mainBlogSwiper .swiper-slide {
        width: calc((100% - 48px) / 3) !important;
    }
    .mainBlogSwiper .slide-prev,
    .mainBlogSwiper .slide-next {
        display: none;
    }
}
@media screen and (max-width:1024px) {
    .pc {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .ast-container {
        overflow-x: hidden;
    }
}
@media (min-width: 1300px) {
    .mainBlogSwiper .swiper-slide {
        width: calc((100% - 72px) / 4) !important;
    }
}

/* WooCommerce Product Filter - Custom Spinner Loader */
.wpfLoaderLayout {
    background-color: rgba(255, 255, 255, 0.8) !important;
}
.wpfLoaderLayout i.fa-spinner {
    display: none !important;
}
.wpfLoaderLayout::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 3px solid #e0e0e0;
    border-top-color: #00AAB7;
    border-radius: 50%;
    animation: wpf-spinner 0.8s linear infinite;
}
@keyframes wpf-spinner {
    to {
        transform: rotate(360deg);
    }
}

/* Product List Overlay Loader */
.wpfPreviewLoader .spinner,
.woobewoo-filter-loader.spinner {
    width: 40px !important;
    height: 40px !important;
    border: 3px solid #e0e0e0 !important;
    border-top-color: #00AAB7 !important;
    border-radius: 50% !important;
    animation: wpf-spinner 0.8s linear infinite !important;
    background: transparent !important;
}