.elementor-2 .elementor-element.elementor-element-26048471{--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-1c89d9e{--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-e5e191e{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:220px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-e5e191e:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-e5e191e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daihancork.mycafe24.com/en/wp-content/uploads/sites/2/2025/12/about_bg_renew.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-e5e191e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-33b0c64{--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;--gap:30px 10px;--row-gap:30px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-1b38040{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF66;--border-color:#FFFFFF66;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 5px rgba(0, 0, 0, 0.7);--padding-top:70px;--padding-bottom:70px;--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-292bd22{padding:0px 0px 0px 80px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:500;line-height:20px;color:#FFFFFFB3;}.elementor-2 .elementor-element.elementor-element-292bd22 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-594efe0 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 90px;}.elementor-2 .elementor-element.elementor-element-594efe0 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-594efe0 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-594efe0 .raven-heading, .elementor-2 .elementor-element.elementor-element-594efe0 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:600;line-height:60px;}.elementor-2 .elementor-element.elementor-element-4e991d4{padding:0px 0px 0px 90px;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-4e991d4 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-04c8339{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 90px;}.elementor-2 .elementor-element.elementor-element-1a7cf1d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-raven-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-2 .elementor-element.elementor-element-0ed0eb2 .raven-image{opacity:1;}.elementor-2 .elementor-element.elementor-element-0ed0eb2{text-align:center;}.elementor-2 .elementor-element.elementor-element-4900898{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:160px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-8d3d134{--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-2 .elementor-element.elementor-element-481d641{--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-70084ea{text-align:center;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:500;line-height:20px;color:var( --e-global-color-secondary );}.elementor-2 .elementor-element.elementor-element-70084ea p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-0a94a12 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-0a94a12 .raven-heading-title-inner{color:#111111;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-0a94a12 .raven-heading, .elementor-2 .elementor-element.elementor-element-0a94a12 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:600;line-height:55px;}.elementor-2 .elementor-element.elementor-element-76534fb{--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-5eddb4a{--display:flex;--min-height:100vh;--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-2 .elementor-element.elementor-element-a7685cd{--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;--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-a664439{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:220px;--padding-bottom:0px;--padding-left:260px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-a664439:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-a664439 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daihancork.mycafe24.com/en/wp-content/uploads/sites/2/2025/12/mc_bg1.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-0e4712b{padding:0px 0px 0px 0px;font-family:"Exo 2", Sans-serif;font-size:16px;font-weight:500;line-height:20px;color:#FFFFFFB3;}.elementor-2 .elementor-element.elementor-element-0e4712b p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-5085cb8 > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 10px;}.elementor-2 .elementor-element.elementor-element-5085cb8 .raven-heading-title, .elementor-2 .elementor-element.elementor-element-5085cb8 .raven-heading-title-inner{color:#FFFFFF;-webkit-text-fill-color:initial;}.elementor-2 .elementor-element.elementor-element-5085cb8 .raven-heading, .elementor-2 .elementor-element.elementor-element-5085cb8 .raven-heading a{font-family:"Exo 2", Sans-serif;font-size:50px;font-weight:600;line-height:60px;}.elementor-2 .elementor-element.elementor-element-4fef952{padding:0px 0px 0px 10px;font-family:"Exo 2", Sans-serif;font-size:18px;font-weight:400;line-height:28px;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-4fef952 p{margin-block-end:0px;}.elementor-2 .elementor-element.elementor-element-8488ec0{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-367d76d{--display:flex;--min-height:100vh;--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:220px;--padding-bottom:100px;--padding-left:100px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-367d76d:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-367d76d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://daihancork.mycafe24.com/en/wp-content/uploads/sites/2/2025/12/mc_bg2-2.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2 .elementor-element.elementor-element-94d8c0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:777px){.elementor-2 .elementor-element.elementor-element-e5e191e{--width:101.237%;}.elementor-2 .elementor-element.elementor-element-33b0c64{--content-width:1400px;}.elementor-2 .elementor-element.elementor-element-1b38040{--content-width:670px;}.elementor-2 .elementor-element.elementor-element-8d3d134{--content-width:1500px;}.elementor-2 .elementor-element.elementor-element-a664439{--width:50%;}.elementor-2 .elementor-element.elementor-element-367d76d{--width:50%;}}@media(max-width:1366px) and (min-width:777px){.elementor-2 .elementor-element.elementor-element-e5e191e{--width:100%;}}@media(max-width:1200px) and (min-width:777px){.elementor-2 .elementor-element.elementor-element-a664439{--width:100%;}.elementor-2 .elementor-element.elementor-element-367d76d{--width:100%;}}@media(max-width:1366px){.elementor-2 .elementor-element.elementor-element-e5e191e{--min-height:1vh;--padding-top:100px;--padding-bottom:100px;--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-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-4900898{--min-height:1vh;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-76534fb{--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;--flex-wrap:wrap;}.elementor-2 .elementor-element.elementor-element-5eddb4a{--min-height:1vh;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-a664439{--min-height:1vh;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-367d76d{--min-height:1vh;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1200px){.elementor-2 .elementor-element.elementor-element-e5e191e{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-33b0c64{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-292bd22{padding:0px 0px 0px 0px;}.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-594efe0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-4e991d4{padding:0px 0px 0px 0px;}.elementor-2 .elementor-element.elementor-element-04c8339{padding:0px 0px 0px 0px;}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-4900898{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-76534fb{--justify-content:center;--flex-wrap:wrap;}.elementor-2 .elementor-element.elementor-element-a7685cd{--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;}.elementor-2 .elementor-element.elementor-element-367d76d{--padding-top:300px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}}@media(max-width:776px){.elementor-2 .elementor-element.elementor-element-1b38040{--padding-top:40px;--padding-bottom:40px;--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-594efe0 .raven-heading, .elementor-2 .elementor-element.elementor-element-594efe0 .raven-heading a{font-size:34px;line-height:44px;}.elementor-widget-raven-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-2 .elementor-element.elementor-element-0a94a12 .raven-heading, .elementor-2 .elementor-element.elementor-element-0a94a12 .raven-heading a{font-size:34px;line-height:44px;}.elementor-2 .elementor-element.elementor-element-a664439{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-2 .elementor-element.elementor-element-5085cb8 .raven-heading, .elementor-2 .elementor-element.elementor-element-5085cb8 .raven-heading a{font-size:34px;line-height:44px;}.elementor-2 .elementor-element.elementor-element-367d76d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for html, class: .elementor-element-0e2d13e *//* 1. 전체 래퍼 */
    .meta-hero-wrapper {
        position: relative;
        width: 100%;
        height: 100vh;
        min-height: 900px;
        overflow: hidden;
        background-color: #000;
        font-family: "Exo 2";
    }

    /* 2. Swiper 스타일 */
    .meta-swiper {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .meta-slide {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

    /* 배경 이미지 및 켄번 효과 */
    .meta-slide-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        z-index: 1;
        transform: scale(1);
        transition: transform 0.5s ease;
    }

    /* 애니메이션: 활성 슬라이드일 때만 실행 */
    .meta-slide.swiper-slide-active .meta-slide-bg {
        animation: metaKenBurns 6s linear forwards;
    }

    @keyframes metaKenBurns {
        0% { transform: scale(1); }
        100% { transform: scale(1.2); }
    }

    .meta-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.0);
        z-index: 2;
    }

    /* 3. 텍스트 콘텐츠 */
    .meta-content-inner {
        position: relative;
        width: 1460px;
        height: 100%;
        margin: 0 auto;
        z-index: 10;
        pointer-events: none;
    }

    .meta-text-group {
        position: absolute;
        top: 470px;
        left: 0;
        color: #fff;
        text-align: left;
        pointer-events: auto;
    }

    .meta-main-title {
        font-size: 90px;
        font-weight: 700;
        line-height: 1.1;
        margin: 0;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .meta-sub-title {
        font-size: 24px;
        font-weight: 500;
        margin-top: 10px;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;
        padding-left: 15px;
    }

    .meta-slide.swiper-slide-active .meta-main-title,
    .meta-slide.swiper-slide-active .meta-sub-title {
        opacity: 1;
        transform: translateY(0);
    }

    /* 4. 컨트롤 패널 */
    .meta-controls-layer {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1460px;
        height: 100%;
        z-index: 20;
        pointer-events: none;
    }

    .meta-nav-box {
        position: absolute;
        bottom: 200px;
        left: 0;
        display: flex;
        align-items: center;
        gap: 20px;
        pointer-events: auto;
    }

    .meta-btn-prev, .meta-btn-next {
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.3s;
        background: transparent;
    }
    .meta-btn-prev svg, .meta-btn-next svg {
        width: 50px;
        fill: none;
        stroke: rgba(255,255,255,0.5);
        stroke-width: 1px;
        overflow: visible;
    }
    .meta-btn-prev:hover, .meta-btn-next:hover {
    }
    .meta-btn-prev:hover svg, .meta-btn-next:hover svg {
        stroke: #fff;
    }

    /* 프로그레스바 */
    .meta-pagination {
        display: flex;
        gap: 10px;
    }

    .meta-bullet {
        position: relative;
        width: 100px !important;
        height: 2px !important;
        background: rgba(255, 255, 255, 0.3);
        border-radius: 0;
        margin: 0 !important;
        opacity: 1 !important;
        cursor: pointer;
        overflow: hidden;
    }

    .meta-bullet-fill {
        display: block;
        height: 100%;
        width: 0%;
        background: #fff;
    }

    /* 5. 스크롤 & 배너 */
    .meta-scroll-indicator {
        position: absolute;
        bottom: 60px;
        left: 200px;
        z-index: 20;
        color: #fff;
        text-align: center;
    }
    .meta-scroll-text {
        font-size: 14px;
        letter-spacing: 0.01rem;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: block;
    }
    
    .meta-scroll-chevron {
        width: 30px;
        height: 30px;
        margin: 0 auto; 
        animation: metaChevronMove 2s infinite; 
    }
    
    .meta-scroll-chevron svg {
        fill: #fff;
        width: 100%;
        height: 100%;
        display: block;
    }

    @keyframes metaChevronMove {
        0% { transform: translateY(0); opacity: 1; }
        50% { opacity: 1; }
        100% { transform: translateY(15px); opacity: 0; }
    }

   .meta-banner-area {
        position: absolute;
        bottom: 80px;
        right: 80px;
        width: 550px;
        height: 345px;
        z-index: 20;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 15px;
        padding: 20px;
        background: rgba(0, 0, 0, 0.0);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(0px);
        border-radius: 15px;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .meta-banner-box {
        width: 100%;
        height: 100%;
        background-color: transparent;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 8px;
        transition: 0.3s;
        overflow: hidden;
    }

    .meta-banner-box:hover {
        transform: translateY(-5px);
    }

    .meta-banner-box:first-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        color: #fff;
        padding: 0 10px;
        background: transparent;
        box-shadow: none;
        pointer-events: none;
        border: 1px solid #666;
        padding: 0 30px;
    }
    

    .meta-banner-box:first-child span {
        font-size: 16px;
        display: block;
        opacity: 0.8;
        margin-bottom: 8px;
        text-transform: uppercase;
        font-weight: 500;
        color: #00a1e9;
    }

    .meta-banner-box:first-child h4 {
        font-size: 24px;
        line-height: 1.2;
        font-weight: 600;
        margin: 0;
        color: #fff;
    }
    
    @media (max-width: 1600px) {
        .meta-content-inner, .meta-controls-layer { width: 90%; }
        .meta-scroll-indicator { left: 50px; }
        .meta-banner-area { display: none; }
    }
    
    
    @media (max-width: 1200px){
        .meta-hero-wrapper{
            height: 500px;
            min-height: 1px;
        }
        
        .meta-text-group{
            top: 200px;
        }
        
        .meta-main-title{
            font-size: 50px;
        }
        
         .meta-controls-layer {
             top: 100px;
         }
         
          .meta-scroll-indicator{
              bottom: 20px;
          
              left: 50%;
              transform: translateX(-50%);
          }
    }
    
    @media(max-width: 776px){
          .meta-controls-layer{
               display: none;
           }
           
          .meta-main-title{
              font-size: 38px;
          } 
          
          .meta-sub-title{
              font-size: 20px;
          }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-04c8339 */.moreBtn{
    width: 185px;
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid rgba(255,255,255,0.6);
    justify-content: center;
    gap: 0px;
    transition: all 0.3s ease-out;
    color: #fff;
    cursor: pointer;
}

.moreBtn:hover{background: #fff;
    color: #00a0e9;
}

.moreBtn span{
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.moreBtn svg{
    width: 24px;
    height: 24px;
    stroke: #fff;
    stroke-width: 1px;
    fill: none;
}

.moreBtn:hover svg{
    stroke: #00a0e9;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b38040 */@media(max-width: 1300px){
    .mab_box{
        background: #00a0e9;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5e191e */@media(max-width: 1300px){
    .mab{background: #ddd !important;}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76534fb */@media(max-width: 400px){
    .card-box-wrapper{
        width: 300px !important;
    }
}

    /* 1. 박스 컨테이너 */
    .card-box-wrapper {
        position: relative;
        width: 350px;
        height: 540px;
        overflow: hidden; 
        border-radius: 4px; 
        font-family: "Exo 2";
        background-color: #000;
        cursor: pointer;
    }

    /* 2. 배경 이미지 */
    .card-box-bg {
        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;
    }

    /* 3. 오버레이 (평소 투명 -> 호버 시 등장) */
    .card-box-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
        z-index: 2;
        opacity: 0; 
        transition: opacity 0.4s ease; 
    }

    /* 4. 텍스트 컨텐츠 영역 */
    .card-box-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 40px 30px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 3;
    }

    /* 소제목 + 왼쪽 가로선 */
    .card-sub-txt {
        display: flex;       
        align-items: center; 
        gap: 15px;              
        color: rgba(255, 255, 255, 0.9);
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        transform: translateY(0);
        transition: transform 0.5s ease;
        text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    }

    /*  가로선 (::before) */
    .card-sub-txt::before {
        content: '';
        display: block;
        width: 60px; 
        height: 1px; 
        background-color: rgba(255, 255, 255, 0.9); 
    }

    /* 제목 */
    .card-main-title {
        text-align: center;
        color: #fff;
        font-size: 26px;
        font-weight: 500;
        line-height: 1.3;
        margin: 0 0 30px 0;
        transform: translateY(0);
        transition: transform 0.5s ease;
        text-shadow: 0 1px 5px rgba(0,0,0,0.3);
    
    }
    
    .cb3 .card-main-title{
        margin-bottom: 0;
    }

    /* === HOVER EFFECT === */
    .card-box-wrapper:hover .card-box-bg {
        transform: scale(1.1);
    }
    .card-box-wrapper:hover .card-box-overlay {
        opacity: 1;
    }
    .card-box-wrapper:hover .card-sub-txt {
        transform: translateY(-5px);
    }
    .card-box-wrapper:hover .card-main-title {
        transform: translateY(-10px);
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81f86b7 *//* 1. 전체 리스트 컨테이너 */
    .card-list-wrap {
        width: 100%;
        max-width: 540px;
        margin: 0 auto 0 0;
        font-family: 'Exo 2';
    }

    /* 2. 개별 카드 아이템 */
    .card-item {
        display: flex;       
        align-items: center; 
        width: 100%;
        height: 140px;
        
        background-color: transparent; 
        border-bottom: 1px solid #ddd; 
        
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

    .card-item:last-child {
        border-bottom: none;
    }

    .card-item:hover {
        opacity: 0.7;
    }

    /* 3. 좌측 이미지 */
    .card-img {
        width: 160px;
        height: 100px;
        background-size: cover;
        background-position: center;
        border-radius: 0px;
        margin-right: 30px;
        flex-shrink: 0;
    }

    .card-txt-wrap {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;  
    }

    .card-title {
        font-size: 26px;
        font-weight: 600;

        color: #111; 
        
        margin: 0 0 5px 0;
        line-height: 1.2;
    }

    .card-subtitle {
        font-size: 17px;
        
        /* [수정] 소제목 색상: 진한 회색 (#666) */
        color: #777; 
        
        margin: 0;
        font-weight: 400;
    }

    /* 5. 우측 화살표 */
    .card-arrow-wrap {
        width: 20px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        align-self: flex-start;
        margin-top: 50px;
    }

    .card-arrow-wrap svg {
        width: 20px;
        height: auto;
        

        stroke: #000; 
        
        stroke-width: 2px;
        transition: transform 0.3s ease;
    }

    .card-item:hover .card-arrow-wrap svg {
        transform: translateX(10px);
    }
    

    @media (max-width: 768px) {
        .card-img { width: 100px; margin-right: 15px; }
        .card-title { font-size: 18px; }
        .card-arrow-wrap { width: 40px; }
        .card-arrow-wrap svg { width: 30px; }
    }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-367d76d */@media(max-width: 776px){
    .main_notice{
        background: #f1f1f1 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-94d8c0b */@media(max-width: 1366px){
    .fp-footer{display: none !important;}
}

@media(min-width: 1366px){
    .jupiterx-footer{
        display: none ;
    }
}/* End custom CSS */
/* Start JX Custom Fonts CSS *//* End JX Custom Fonts CSS */