.elementor-18 .elementor-element.elementor-element-67123df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Noto Sans KR;font-weight:var( --e-global-typography-text-font-weight );}.elementor-18 .elementor-element.elementor-element-0c1d771 img{height:300px;object-fit:cover;object-position:center center;border-radius:10px 10px 10px 10px;}.elementor-18 .elementor-element.elementor-element-534d997{--display:flex;--padding-top:80px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Noto Sans KR;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-18 .elementor-element.elementor-element-715d242{padding:0px 0px 10px 0px;}.elementor-18 .elementor-element.elementor-element-715d242 .elementor-heading-title{font-family:"Pretendard", Noto Sans KR;font-size:30px;font-weight:600;}.elementor-18 .elementor-element.elementor-element-f5a760d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Noto Sans KR;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Noto Sans KR;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Noto Sans KR;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-18 .elementor-element.elementor-element-7ab5bc6{--grid-columns:4;}.elementor-18 .elementor-element.elementor-element-7ab5bc6 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-18 .elementor-element.elementor-element-7ab5bc6 .e-loop-item > .elementor-section, .elementor-18 .elementor-element.elementor-element-7ab5bc6 .e-loop-item > .elementor-section > .elementor-container, .elementor-18 .elementor-element.elementor-element-7ab5bc6 .e-loop-item > .e-con, .elementor-18 .elementor-element.elementor-element-7ab5bc6 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-18 .elementor-element.elementor-element-7ab5bc6 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-7ab5bc6 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-18 .elementor-element.elementor-element-7ab5bc6 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18 .elementor-element.elementor-element-7ab5bc6 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-18 .elementor-element.elementor-element-7ab5bc6 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-18 .elementor-element.elementor-element-534d997{--padding-top:30px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-18 .elementor-element.elementor-element-715d242{padding:0px 0px 5px 0px;}.elementor-18 .elementor-element.elementor-element-715d242 .elementor-heading-title{font-size:26px;}.elementor-18 .elementor-element.elementor-element-7ab5bc6{--grid-columns:2;--grid-row-gap:25px;--grid-column-gap:25px;}}@media(max-width:767px){.elementor-18 .elementor-element.elementor-element-534d997{--padding-top:40px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-18 .elementor-element.elementor-element-715d242{padding:0px 0px 0px 0px;}.elementor-18 .elementor-element.elementor-element-715d242 .elementor-heading-title{font-size:24px;}.elementor-18 .elementor-element.elementor-element-7ab5bc6{--grid-columns:1;--grid-row-gap:20px;}}/* Start custom CSS for html, class: .elementor-element-1b7c655 */.product-filter-wrapper {
    margin-bottom: 30px;
}

.filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 2px solid #e0e0e0;
    flex-wrap: wrap;
    gap: 15px;
}

.category-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tab-button {
    padding: 12px 24px;
    background: none;
    border: none ;
    box-shadow: none;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    color: #666;
    font-family: "Pretendard", Sans-serif;
}

.tab-button:hover,
.tab-button.active {
    font-weight: 600;
    color: #000;
    background-color: #ffffff;
    border-radius: 8px;
}

.tab-button.active::after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    height: 2px;
    background: #000;
}

.sort-dropdown select {
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    font-family: "Pretendard", Sans-serif;
    background: white;
}

.e-loop-item {
    transition: all 0.3s ease;
}

.e-loop-item.hidden {
    display: none !important;
}

@media (max-width: 1025px) and (min-width: 769px) {
    .tab-button {
    padding: 10px 12px;
}


}


@media (max-width: 768px) {
    .product-filter-wrapper {
    margin-bottom: 0px;
}
    
    .tab-button {
    padding: 10px 2px;
    font-size: 14px;
}

    .filter-header {
        flex-direction: column;
        align-items: flex-start;
        border-bottom: 0px solid #e0e0e0;
        padding-bottom: 0px;
        gap: 0px;
    }
    
    .tab-button.active::after {
    bottom: -2px;
}
    
    .sort-dropdown select {
    padding: 6px 16px;
    margin-top: 15px;
    font-size: 12px;
}
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ab5bc6 *//* h3가 포함된 컨테이너의 너비 강제 제한 */
.elementor-element-4d3ea5ab {
    max-width: 100% !important;
}

/* h3 제목 위젯 자체 */
.elementor-element-25dc4021 {
    max-width: 100% !important;
}

/* h3 제목 - 한 줄만 표시 (nowrap 제거, 높이로 제한) */
.elementor-element-25dc4021 .elementor-heading-title {
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.55em !important;
    max-height: 1.55em !important;
}

/* 설명 텍스트 컨테이너 */
.elementor-element-141f3474 {
    max-width: 100% !important;
}

/* 설명 텍스트 위젯 */
.elementor-element-3d2fb1ae {
    max-width: 100% !important;
}

/* 설명 텍스트 - 두 줄까지 표시 */
.elementor-element-3d2fb1ae,
.elementor-element-3d2fb1ae p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 3.5em !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://edu.playdata.io/wp-content/uploads/2025/09/300_Pretendard-Light.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://edu.playdata.io/wp-content/uploads/2025/09/400_Pretendard-Regular.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://edu.playdata.io/wp-content/uploads/2025/09/500_Pretendard-Medium.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://edu.playdata.io/wp-content/uploads/2025/09/600_Pretendard-SemiBold.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://edu.playdata.io/wp-content/uploads/2025/09/700_Pretendard-Bold.subset.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://edu.playdata.io/wp-content/uploads/2025/09/800_Pretendard-ExtraBold.subset.woff2') format('woff2');
}
/* End Custom Fonts CSS */