.elementor-2 .elementor-element.elementor-element-4e8d3d0e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-4dcee19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-4dcee19:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-4dcee19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mobeworld.mycafe24.com/wp-content/uploads/2025/12/main_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-76f68da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e7e5233 .raven-video, .elementor-2 .elementor-element.elementor-element-e7e5233 .raven-video-thumbnail .raven-modal .modal-content{aspect-ratio:16 / 9;}.elementor-2 .elementor-element.elementor-element-e7e5233 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e7e5233 .raven-video-inline, .elementor-2 .elementor-element.elementor-element-e7e5233 #raven-video-modal .modal-content{border-style:none;}.elementor-2 .elementor-element.elementor-element-91f74dc{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-bd5ba40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:500;line-height:20px;color:#555555;}.elementor-2 .elementor-element.elementor-element-bd5ba40 p{margin-block-end:0px;}.elementor-widget-raven-heading .raven-heading-title, .elementor-widget-raven-heading .raven-heading-title-inner{color:var( --e-global-color-primary );-webkit-text-fill-color:var( --e-global-color-primary );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-e575469 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-e575469 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-e575469 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-e575469 .raven-heading, .elementor-2 .elementor-element.elementor-element-e575469 .raven-heading a{font-family:"Cormorant Garamond", Sans-serif;font-size:34px;font-weight:700;line-height:40px;}.elementor-2 .elementor-element.elementor-element-ebcbcaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-ce5d1c6 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-ce5d1c6 .raven-heading, .elementor-2 .elementor-element.elementor-element-ce5d1c6 .raven-heading a{font-family:"Cormorant Garamond", Sans-serif;font-size:34px;font-weight:700;line-height:44px;}.elementor-2 .elementor-element.elementor-element-289895d{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-7bb982b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-7bb982b:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-7bb982b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F7FB;}.elementor-2 .elementor-element.elementor-element-7e46de8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-b97cc8e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:500;line-height:20px;color:#555555;}.elementor-2 .elementor-element.elementor-element-b97cc8e p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-391b3b0 > .elementor-widget-container{margin:0px 0px 30px 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-391b3b0 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-391b3b0 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-391b3b0 .raven-heading, .elementor-2 .elementor-element.elementor-element-391b3b0 .raven-heading a{font-family:"Cormorant Garamond", Sans-serif;font-size:34px;font-weight:700;line-height:40px;}.elementor-2 .elementor-element.elementor-element-badacdc{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-cc6924f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-2 .elementor-element.elementor-element-4dcee19{--padding-top:100px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-ebcbcaf{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-7bb982b{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.elementor-2 .elementor-element.elementor-element-4dcee19{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-ce5d1c6 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-2 .elementor-element.elementor-element-7bb982b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-badacdc{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2 .elementor-element.elementor-element-cc6924f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}@media(max-width:776px){.elementor-2 .elementor-element.elementor-element-76f68da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 60px) 0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-raven-heading .raven-heading, .elementor-widget-raven-heading .raven-heading a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-2 .elementor-element.elementor-element-e575469 .raven-heading, .elementor-2 .elementor-element.elementor-element-e575469 .raven-heading a{font-size:30px;line-height:36px;}.elementor-2 .elementor-element.elementor-element-ebcbcaf{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-ce5d1c6 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-2 .elementor-element.elementor-element-ce5d1c6 .raven-heading, .elementor-2 .elementor-element.elementor-element-ce5d1c6 .raven-heading a{font-size:36px;line-height:36px;}.elementor-2 .elementor-element.elementor-element-289895d{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2 .elementor-element.elementor-element-391b3b0 .raven-heading, .elementor-2 .elementor-element.elementor-element-391b3b0 .raven-heading a{font-size:30px;line-height:36px;}}/* Start custom CSS for html, class: .elementor-element-a7f70f7 *//* =========================================
       1. Container & Basic Settings
       ========================================= */
    #hero-meta-slider {
        position: relative;
        width: 100%;
        height: 100vh; /* PC: 화면 꽉 차게 */
        height: 100svh; 
        overflow: hidden;
        font-family: 'Exo 2'; 
        user-select: none;
        margin: 0; padding: 0;
    }

    /* Swiper 본체 높이 설정 */
    .mySwiper {
        width: 100%;
        height: 100%; 
    }

    /* =========================================
       2. Swiper Slide Layout
       ========================================= */
    .swiper-slide {
        position: relative;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: #000;
        width: 100% !important;
        height: 100% !important;
        align-content: center;
    }

    /* =========================================
       3. Background Ken Burns Effect
       ========================================= */
    .slide-bg {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-size: cover;
        background-position: center center; /* 중앙 정렬 명시 */
        opacity: 0.6;
        transform: scale(1.08);
        transition: transform 8s ease-out;
        z-index: 0;
        pointer-events: none;
    }
    .swiper-slide-active .slide-bg {
        transform: scale(1.0);
    }

    /* =========================================
       4. Text Content Animation
       ========================================= */
    .slide-content {
        position: relative;
        z-index: 10;
        color: #fff;
        width: 100%;
        max-width: 900px;
        padding: 0 20px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s ease 0.3s;
    }
    .swiper-slide-active .slide-content {
        opacity: 1;
        transform: translateY(0);
    }

    .slide-title {
        font-size: 90px;
        font-weight: 600;
        margin-bottom: 0px;
        line-height: 1.2;
        word-break: keep-all;
        font-family: "Cormorant Garamond" !important;
        text-align: center;
    }

    .slide-desc {
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 40px;
        opacity: 0.9;
        word-break: keep-all;
        text-align: center;
    }

    /* =========================================
       5. Control Bar
       ========================================= */
    .control-bar {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-top: 10px;
        padding-top: 25px;
        border-top: 1px solid rgba(255,255,255,0.2);
        position: relative;
        z-index: 20;
        cursor: default;
        width: auto;
        margin-left: auto; margin-right: auto;
    }

    .nav-btn {
        background: none;
        border: none;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: rgba(255,255,255,0.5);
        transition: 0.2s;
        padding: 0;
    }
    .nav-btn:hover {
        color: #fff;
        transform: scale(1.2);
    }
    .nav-btn svg { pointer-events: none; }

    .slide-counter {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        color: #fff;
        min-width: 50px;
        text-align: center;
    }

    /* =========================================
       6. Pagination
       ========================================= */
    .inline-pagination {
        display: flex;
        align-items: center;
        margin-left: 10px;
        height: 30px;
    }
    
    .custom-dot {
        width: 6px;
        height: 6px;
        background: rgba(255,255,255,0.4);
        border-radius: 50%;
        margin: 0 7px;
        cursor: pointer;
        transition: all 0.3s ease;
        position: relative;
        box-sizing: content-box;
    }
    .custom-dot::before {
        content: '';
        position: absolute;
        top: -10px; left: -10px; right: -10px; bottom: -10px;
    }
    .custom-dot.active {
        background: transparent;
        border: 1px solid #fff;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 4px;
    }
    .custom-dot.active::after {
        content: "";
        display: block;
        width: 6px;
        height: 6px;
        background-color: #fff;
        border-radius: 50%;
    }

    /* =========================================
       7. Scroll Down
       ========================================= */
    .scroll-down-wrapper {
        position: absolute;
        bottom: 50px;
        right: 50px;
        z-index: 50;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        color: #fff;
        cursor: pointer;
    }

    .scroll-text {
        font-size: 16px;
        font-weight: 300;
        
        letter-spacing: 0px;
    }

    .scroll-icon {
        width: 24px;
        height: 24px;
        animation: bobbing 1.5s infinite ease-in-out;
    }

    @keyframes bobbing {
        0%, 100% { transform: translateY(0); opacity: 0.5; }
        50% { transform: translateY(8px); opacity: 1; }
    }

    /* =========================================
       8. Mobile Responsive
       ========================================= */
    @media (max-width: 768px) {
        /* [중요] 모바일 높이 고정 (100vh -> 600px) */
        #hero-meta-slider {
            height: 600px !important; 
            min-height: 500px;
        }

        .slide-title { font-size: 32px; margin-bottom: 15px; }
        .slide-desc { font-size: 15px; margin-bottom: 30px; padding: 0 10px; line-height: 1.5; }
        .control-bar { gap: 15px; padding-top: 20px; width: 100%; justify-content: center; }
        .scroll-down-wrapper { display: none; }
        .inline-pagination { margin-left: 5px; }
        .custom-dot { margin: 0 5px; }
        .custom-dot.active { margin: 0 2px; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-76f68da */@media(max-width: 776px){
    .cate_list{flex-wrap: wrap;}
    .cate_box{width: 40%;}
    .cate_box h5{font-size: 16px !important;}
}

.cate_list{
    display: flex;
    justify-content: center;
    gap: 30px 50px;
}

.cate_box{
    text-align: center;
    cursor: pointer;
     transition: all 0.3s ease-in-out;
}

.cate_box:hover{
    transform: translateY(-6px);
}

.cate_box img{
    margin-bottom: 20px;
   
}

.cate_box:hover{}

.cate_box h5{
    font-size: 18px;
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55fba48 */.moreBtn{
    width: 155px;
    height: 55px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #111;
    color: #fff;
    border-radius: 30px;
    gap: 5px;
    transition: all 0.3s ease-in-out;
}

.moreBtn:hover{
    background: #666;
}

.moreBtn span{
    font-size: 16px;
    display: block;
    padding-left: 10px;
    
}

.moreBtn svg{
    height: 20px;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4b81b4a */#kboard-default-list.product-kboard-list .prod-img-box, #kboard-default-latest.product-kboard-list .prod-img-box{
    aspect-ratio: 1.8 / 1
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-289895d */.moreBtn2{
    width: 215px;
    height: 50px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
 border: 1px solid #ccc;
    color: #333;    
    gap: 5px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.moreBtn2:hover{
    background: #333;
    color: #fff;
    border-color: #333;
}

.moreBtn2 span{
    font-size: 16px;
    display: block;
    padding-left: 10px;
    
}

.moreBtn2 svg{
    height: 20px;
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-badacdc */@media(max-width: 776px){
    .icon-banner-card {width: 280px !important;
        height: 300px !important;
        padding: 40px;
        box-sizing: border-box;
    }
    
    .banner-title{font-size: 20px !important;}
    
}

/* Card Style */
.icon-banner-card {
    position: relative;
    width: 620px;
    height: 430px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Background Image */
.banner-bg {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 0.5s ease;
    z-index: 1;
}

/* Overlay Effect */
.icon-banner-card::after {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.0);
    transition: background 0.3s ease;
    z-index: 2;
}

/* Content Wrapper */
.banner-content {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    color: #fff;
    text-align: center;
    transition: transform 0.3s ease;
}

.banner-content > img{
    margin-bottom: 10px;
}


/* Title Text */
.banner-title {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
    font-family: "Exo 2";
}

/* Hover Actions */
.icon-banner-card:hover .banner-bg {
    transform: scale(1.1);
}

.icon-banner-card:hover::after {
    background: rgba(0, 0, 0, 0.5);
}

.icon-banner-card:hover .banner-content {
    transform: translateY(-5px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ff148e */.cta-image-card {
        position: relative;
        width: 100%;
        height: 280px;
        border-radius: 12px;
        overflow: hidden;
        display: flex !important;
        align-items: center;
        box-sizing: border-box;
        isolation: isolate;
    }

    .cta-bg-layer {
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 1;
    }

    .cta-image-card::after {
        content: '';
        position: absolute;
        top: 0; left: 0;
        width: 100%; height: 100%;
        background: linear-gradient(to right, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0) 100%);
        z-index: 2;
        pointer-events: none;
    }

    .cta-content-box {
        position: relative;
        z-index: 10;
        padding: 40px;
        width: 100%;
        max-width:100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .cta-subtitle {
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 15px;
        line-height: 1;
        font-family: 'Exo 2', sans-serif;
    }

    .cta-main-title {
        font-size: 34px;
        font-weight: 700;
        line-height: 1.2;
        margin: 0 0 30px 0;
        word-break: keep-all;
        font-family: "Cormorant Garamond" !important;
        color: #ffffff !important;
    }

    .view-more-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 12px 25px;
        background: #111;
        border-radius: 30px;
        color: #ffffff !important;
        font-size: 16px;
        font-weight: 500;
        transition: all 0.3s ease;
        text-decoration: none !important;
    }

    .btn-icon {
        width: 18px;
        height: 18px;
        transition: transform 0.3s ease;
    }

    .cta-image-card:hover .cta-bg-layer {
        transform: scale(1.08);
    }

    .view-more-btn:hover {
        background-color: #fff;
        color: #000 !important;
        border-color: #fff;
    }

    .view-more-btn:hover .btn-icon {
        transform: translateX(4px);
    }

    @media (max-width: 768px) {
        .cta-image-card {
            height: 350px;
        }
        .cta-content-box {
            padding: 24px;
        }
        .cta-main-title {
            font-size: 28px;
        }
    }/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */