.elementor-47 .elementor-element.elementor-element-2278290{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-a8b9694{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-fc3e955{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-0d47607{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-9cc9824{--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;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-36edd90{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--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-47 .elementor-element.elementor-element-0c1fb1d{font-family:"Pretendard", Sans-serif;font-size:20px;font-weight:400;line-height:28px;}.elementor-47 .elementor-element.elementor-element-0c1fb1d p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-cd7a507{font-family:"Pretendard", Sans-serif;font-size:38px;font-weight:700;line-height:46px;}.elementor-47 .elementor-element.elementor-element-cd7a507 p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-386d457{--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-47 .elementor-element.elementor-element-386d457.e-con{--align-self:flex-end;}.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-47 .elementor-element.elementor-element-63902c3.elementor-element{--order:99999 /* order end hack */;}.elementor-47 .elementor-element.elementor-element-63902c3 .raven-heading-title, .elementor-47 .elementor-element.elementor-element-63902c3 .raven-heading-title-inner{color:#F5F5F5;-webkit-text-fill-color:initial;}.elementor-47 .elementor-element.elementor-element-63902c3 .raven-heading, .elementor-47 .elementor-element.elementor-element-63902c3 .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:140px;font-weight:900;line-height:148px;}.elementor-47 .elementor-element.elementor-element-74a613d{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-74a613d:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-74a613d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ekomos26.mycafe24.com/wp-content/uploads/2026/01/company_sec_bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-47 .elementor-element.elementor-element-e1680e2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-0128e72{--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;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-726a332{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-97b41dc{font-family:"Pretendard", Sans-serif;font-size:20px;font-weight:400;line-height:28px;color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-97b41dc p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-ff018c3{font-family:"Pretendard", Sans-serif;font-size:38px;font-weight:700;line-height:46px;color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-ff018c3 p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-7afd122{--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-47 .elementor-element.elementor-element-7afd122.e-con{--align-self:flex-end;}.elementor-47 .elementor-element.elementor-element-373ea56.elementor-element{--order:99999 /* order end hack */;}.elementor-47 .elementor-element.elementor-element-373ea56 .raven-heading-title, .elementor-47 .elementor-element.elementor-element-373ea56 .raven-heading-title-inner{color:#FFFFFF22;-webkit-text-fill-color:initial;}.elementor-47 .elementor-element.elementor-element-373ea56 .raven-heading, .elementor-47 .elementor-element.elementor-element-373ea56 .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:140px;font-weight:900;line-height:148px;}.elementor-47 .elementor-element.elementor-element-7b9ba06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-47 .elementor-element.elementor-element-29c8ca8{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-71b61d7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-efef956{--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;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-742167d{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-428fcdb{font-family:"Pretendard", Sans-serif;font-size:20px;font-weight:400;line-height:28px;color:#111111;}.elementor-47 .elementor-element.elementor-element-428fcdb p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-5c0e92d{font-family:"Pretendard", Sans-serif;font-size:38px;font-weight:700;line-height:46px;color:#111111;}.elementor-47 .elementor-element.elementor-element-5c0e92d p{margin-block-end:0px;}.elementor-47 .elementor-element.elementor-element-a5251f7{--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-47 .elementor-element.elementor-element-a5251f7.e-con{--align-self:flex-end;}.elementor-47 .elementor-element.elementor-element-0fd579e.elementor-element{--order:99999 /* order end hack */;}.elementor-47 .elementor-element.elementor-element-0fd579e .raven-heading-title, .elementor-47 .elementor-element.elementor-element-0fd579e .raven-heading-title-inner{color:#F2F2F2;-webkit-text-fill-color:initial;}.elementor-47 .elementor-element.elementor-element-0fd579e .raven-heading, .elementor-47 .elementor-element.elementor-element-0fd579e .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:140px;font-weight:900;line-height:148px;}.elementor-47 .elementor-element.elementor-element-d90e3d8{--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 20px;--row-gap:0px;--column-gap:20px;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-0c74553{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-0c74553:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-0c74553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ekomos26.mycafe24.com/wp-content/uploads/2026/01/eko_ser1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.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-47 .elementor-element.elementor-element-58c4095 .raven-image{opacity:1;}.elementor-47 .elementor-element.elementor-element-58c4095{text-align:center;}.elementor-47 .elementor-element.elementor-element-b48c4a2{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-b48c4a2:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-b48c4a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-1d43bec > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-47 .elementor-element.elementor-element-1d43bec .raven-image{opacity:1;}.elementor-47 .elementor-element.elementor-element-1d43bec{text-align:center;}.elementor-47 .elementor-element.elementor-element-33eb6d3{text-align:center;font-family:"Pretendard", Sans-serif;font-size:28px;font-weight:600;line-height:35px;}.elementor-47 .elementor-element.elementor-element-d3d0144{text-align:center;font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:600;line-height:26px;color:#999999;}.elementor-47 .elementor-element.elementor-element-cc0d8fb{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-b91a38c{--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;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:40px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;}.elementor-47 .elementor-element.elementor-element-b91a38c:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-b91a38c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-f8d25f6{--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;--z-index:10;}.elementor-47 .elementor-element.elementor-element-e96e19e .raven-heading, .elementor-47 .elementor-element.elementor-element-e96e19e .raven-heading a{font-family:"Pretendard", Sans-serif;font-size:26px;font-weight:600;line-height:34px;}.elementor-47 .elementor-element.elementor-element-a545a07.elementor-element{--align-self:flex-end;}.elementor-47 .elementor-element.elementor-element-a545a07{font-family:"Pretendard", Sans-serif;font-size:17px;font-weight:600;line-height:25px;color:#999999;}.elementor-47 .elementor-element.elementor-element-a545a07 p{margin-block-end:0px;}.elementor-widget-raven-button a.raven-button, .elementor-widget-raven-button .raven-button, .elementor-widget-raven-button .raven-button-widget-normal-effect-blink:after{background-color:var( --e-global-color-accent );background-image:var( --e-global-color-accent );}.elementor-widget-raven-button a.raven-button .button-text, .elementor-widget-raven-button .raven-button .button-text{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-raven-button a.raven-button .button-subtext, .elementor-widget-raven-button .raven-button .button-subtext{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-47 .elementor-element.elementor-element-1ca3908 a.raven-button{width:100%;height:70px;padding:20px 40px 20px 40px;border-radius:10px 10px 10px 10px;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button{width:100%;height:70px;padding:20px 40px 20px 40px;border-radius:10px 10px 10px 10px;--raven-button-widget-icon-size:26px;}.elementor-47 .elementor-element.elementor-element-1ca3908 a.raven-button .button-text{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button .button-text{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button-icon{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button-icon i{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button-icon svg{fill:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-1ca3908 a.raven-button, .elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button, .elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button-widget-normal-effect-blink:after{background-color:#111111;background-image:none;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button:not(:hover).raven-button-widget-normal-effect-shockwave:after{border-radius:10px 10px 10px 10px;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button:not(:hover).raven-button-widget-normal-effect-shockwave:before{border-radius:10px 10px 10px 10px;}.elementor-47 .elementor-element.elementor-element-1ca3908 a.raven-button .button-text, .elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button .button-text{font-family:"Pretendard", Sans-serif;font-size:22px;font-weight:600;line-height:30px;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button .raven-button-icon i{font-size:26px;}.elementor-47 .elementor-element.elementor-element-1ca3908 .raven-button .raven-button-icon svg{width:26px;height:26px;}body:not(.rtl) .elementor-47 .elementor-element.elementor-element-0eb938e{right:0px;}body.rtl .elementor-47 .elementor-element.elementor-element-0eb938e{left:0px;}.elementor-47 .elementor-element.elementor-element-0eb938e{top:0px;}.elementor-47 .elementor-element.elementor-element-3a35cb8{--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-47 .elementor-element.elementor-element-0d47607{--content-width:1500px;}.elementor-47 .elementor-element.elementor-element-36edd90{--width:50%;}.elementor-47 .elementor-element.elementor-element-386d457{--width:50%;}.elementor-47 .elementor-element.elementor-element-e1680e2{--content-width:1500px;}.elementor-47 .elementor-element.elementor-element-726a332{--width:50%;}.elementor-47 .elementor-element.elementor-element-7afd122{--width:50%;}.elementor-47 .elementor-element.elementor-element-71b61d7{--content-width:1500px;}.elementor-47 .elementor-element.elementor-element-742167d{--width:50%;}.elementor-47 .elementor-element.elementor-element-a5251f7{--width:50%;}.elementor-47 .elementor-element.elementor-element-0c74553{--width:250px;}.elementor-47 .elementor-element.elementor-element-b48c4a2{--width:22%;}.elementor-47 .elementor-element.elementor-element-cc0d8fb{--width:61%;}}@media(max-width:1366px) and (min-width:777px){.elementor-47 .elementor-element.elementor-element-36edd90{--width:100%;}.elementor-47 .elementor-element.elementor-element-726a332{--width:100%;}.elementor-47 .elementor-element.elementor-element-742167d{--width:100%;}}@media(max-width:1200px) and (min-width:777px){.elementor-47 .elementor-element.elementor-element-36edd90{--width:100%;}.elementor-47 .elementor-element.elementor-element-726a332{--width:100%;}.elementor-47 .elementor-element.elementor-element-742167d{--width:100%;}.elementor-47 .elementor-element.elementor-element-0c74553{--width:100%;}.elementor-47 .elementor-element.elementor-element-b48c4a2{--width:100%;}.elementor-47 .elementor-element.elementor-element-cc0d8fb{--width:100%;}}@media(max-width:1366px){.elementor-47 .elementor-element.elementor-element-fc3e955{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-9cc9824{--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-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-47 .elementor-element.elementor-element-74a613d{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-0128e72{--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-47 .elementor-element.elementor-element-29c8ca8{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-efef956{--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-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-widget-raven-button a.raven-button .button-text, .elementor-widget-raven-button .raven-button .button-text{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-raven-button a.raven-button .button-subtext, .elementor-widget-raven-button .raven-button .button-subtext{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1200px){.elementor-47 .elementor-element.elementor-element-fc3e955{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-9cc9824{--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;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-47 .elementor-element.elementor-element-cd7a507{font-size:32px;line-height:40px;}.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-47 .elementor-element.elementor-element-74a613d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-0128e72{--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;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-ff018c3{font-size:32px;line-height:40px;letter-spacing:-0.01em;}.elementor-47 .elementor-element.elementor-element-29c8ca8{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-efef956{--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;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-5c0e92d{font-size:32px;line-height:40px;}.elementor-47 .elementor-element.elementor-element-d90e3d8{--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:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-0c74553:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-0c74553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ekomos26.mycafe24.com/wp-content/uploads/2026/01/eko_ser1.jpg");}.elementor-47 .elementor-element.elementor-element-0c74553{--min-height:450px;}.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-47 .elementor-element.elementor-element-58c4095{text-align:center;}.elementor-47 .elementor-element.elementor-element-b48c4a2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-button a.raven-button .button-text, .elementor-widget-raven-button .raven-button .button-text{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-raven-button a.raven-button .button-subtext, .elementor-widget-raven-button .raven-button .button-subtext{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-47 .elementor-element.elementor-element-0eb938e{z-index:-1;}}@media(max-width:776px){.elementor-47 .elementor-element.elementor-element-2278290{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-a8b9694{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-47 .elementor-element.elementor-element-fc3e955{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-9cc9824{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-47 .elementor-element.elementor-element-cd7a507{font-size:29px;line-height:37px;letter-spacing:-0.01em;}.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-47 .elementor-element.elementor-element-74a613d{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-0128e72{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-ff018c3{font-size:30px;line-height:38px;}.elementor-47 .elementor-element.elementor-element-29c8ca8{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-efef956{--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;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-47 .elementor-element.elementor-element-5c0e92d{font-size:30px;line-height:38px;}.elementor-47 .elementor-element.elementor-element-d90e3d8{--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:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-47 .elementor-element.elementor-element-0c74553{--width:100%;--min-height:450px;}.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-47 .elementor-element.elementor-element-b48c4a2{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-47 .elementor-element.elementor-element-b91a38c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-raven-button a.raven-button .button-text, .elementor-widget-raven-button .raven-button .button-text{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-raven-button a.raven-button .button-subtext, .elementor-widget-raven-button .raven-button .button-subtext{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for html, class: .elementor-element-563c363 *//*1. Ken-burns 애니메이션 정의 */
@keyframes kenBurnsEffect {
    0% {transform: scale(1.3);}
    100% {transform: scale(1.0);}
}

/* 2. 메인 컨테이너 */
.ms-slider-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #000;
    font-family: 'Pretendard', sans-serif;
}

.ms-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease-in-out, visibility 0.8s;
    z-index: 1;
}

.ms-slide.active {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

/* 3. 배경 이미지 (애니메이션 적용) */
.ms-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    /* [수정] 기본 상태를 확대된 상태로 설정 */
    transform: scale(1.3);
    
    /* [수정] 나갈 때(비활성화)도 1.2초 동안 서서히 작아지며 사라지게 함 */
    transition: transform 1.2s ease-in-out, opacity 0.8s ease-in-out;
}

/* 활성화된 슬라이드에서 애니메이션 실행 */
.ms-slide.active .ms-bg-image {
    /* [수정] 애니메이션 대신 트랜지션 사용 */
    /* 슬라이드 유지 시간(5초)보다 길게 설정하여 멈춤 없이 계속 움직이게 함 */
    transition: transform 10000ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform: scale(1.0);
}

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

/* 4. 텍스트 컨텐츠 영역 */
.ms-content-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1460px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    padding: 100px 0 0 0;
    box-sizing: border-box;
    pointer-events: none;
}

.ms-text-box {
    color: #fff;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out 0.5s;
    margin-bottom: 80px;
    text-align: left;
}

.ms-slide.active .ms-content-wrapper .ms-text-box {
    opacity: 1;
    transform: translateY(0);
}

.ms-title {
    font-size: 60px;
    font-weight: 800;
    line-height: 1.1;
    margin: 0 0 15px 0;
    font-family: "Exo 2" !important;
    letter-spacing: -1px;
}

.ms-subtitle {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    margin-bottom: 0;
    padding: 0 15px;
}

/* 5. 컨트롤러 영역 (버튼 & 페이지네이션) */
.ms-controller-area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 150px;
    width: 100%;
    max-width: 1460px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    z-index: 10;
    pointer-events: auto;
    gap: 0 10px
}

.ms-nav-btns {
    display: flex;
    gap: 15px;
}

.ms-nav-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: transparent;
}

.ms-nav-btn svg {
    width: 30px;
    height: 30px;
    fill: none;
    stroke: rgba(255,255,255,0.6);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ms-nav-btn:hover svg{
    stroke: #f05158;
}

.ms-pagination {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ms-dot {
    position: relative;
    width: 6px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin: 6px;
}

.ms-dot:hover{
    background: #f05158;
}

.ms-dot::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 20px;
    height: 20px;
    border: 1px solid #f05158;
    border-radius: 50%;
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.ms-dot:hover::after{
   transform: translate(-50%, -50%) scale(1);
}

.ms-dot.active {
    background-color: #f05158;
}

.ms-dot.active::after {
    transform: translate(-50%, -50%) scale(1);
}

/* 6. Scroll Down 표시 */
.ms-scroll-down {
    position: absolute;
    bottom: 50px;
    left: calc(50% - 850px + 20px);
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    animation: bounce 2s infinite;
    cursor: pointer;
    opacity: 1;
}

.ms-scroll-down svg {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    stroke: #fff;
    stroke-width: 1.5;
    fill: none;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(-4px);
    }
}

/* 7. 반응형 미디어 쿼리 */
@media (max-width: 1500px) {
    .ms-scroll-down {
        left: 30px;
    }
}
@media(max-width: 1366px) {
        
    .ms-content-wrapper{
        padding: 0 20px;
    }
}

@media(max-width: 1200px) {
    .ms-controller-area {
        display: none;
    }
}

@media (max-width: 1024px) {
    .ms-title {
        font-size: 56px;
    }
    .ms-controller-area {
        margin-top: 80px;
    }
    
    .ms-slider-container{
        height: 600px;
    }
}

@media (max-width: 776px) {
    .ms-title {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .ms-subtitle {
        font-size: 14px;
        line-height: 1.4;
    }
    .ms-text-box {
        margin-bottom: 60px;
    }
    .ms-controller-area {
        margin-top: 80px;
        padding: 0 20px;
    }
    .ms-nav-btn {
        width: 40px;
        height: 40px;
    }
    .ms-nav-btn svg {
        width: 18px;
        height: 18px;
    }
    .ms-scroll-down {
        bottom: 30px;
        left: 20px;
        font-size: 11px;
    }
    .ms-scroll-down svg {
        width: 20px;
        height: 20px;
        margin-top: 6px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2fb9599 *//* 기본 리스트 설정 */
.bus_list {
    display: flex;
    max-width: 1500px;
    width: 100%;
    gap: 20px;
    font-family: "Pretendard";
}

.bus_cont {
    position: relative;
    width: 100%;
    height: 454px; /* 고정 높이 설정 */
    overflow: hidden;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    z-index: 1;
    border-radius: 30px;
    cursor:pointer;
}

/* [중요] 평상시 어두운 오버레이 (이미지 가독성 확보) */
.bus_cont::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    transition: opacity 0.4s ease;
    z-index: -1;
  
}

/* [중요] 호버 시 나타날 흰색 그라데이션 레이어 */
.bus_cont::after {
    content: "";
    position: absolute;
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0;
    /* 하단에서부터 흰색이 올라오는 느낌 */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 60%);
    opacity: 0; /* 평소에는 숨김 */
    transition: opacity 0.4s ease;
    z-index: -1;
}

/* 텍스트 기본 설정 (평상시 흰색) */
.bus_mark {
    position: relative;
    color: #fff;
    font-size: 14px;
    padding-left: 12px;
    z-index: 2;
}
.bus_mark::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 4px; height: 4px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}

.bus_desc {
    position: relative;
    z-index: 2;
    color: #fff; /* 평상시 흰색 */
    transition: color 0.4s ease;
}

.bus_desc .bus_intit {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px;
}

/* -------------------------------------------
   [호버 효과 설정] 
---------------------------------------------- */

/* 1. 호버 시 배경 교체 (어두운 것 숨기고 흰색 보이기) */
.bus_cont:hover::before { opacity: 0; }
.bus_cont:hover::after { opacity: 1; }

/* 2. 호버 시 텍스트 색상 변경 (검은색 계열로) */
.bus_cont:hover .bus_desc {
    color: #000;
}

.bus_cont:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    
}


@media(max-width:1200px){
    .bus_list{
        flex-direction: column;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b9ba06 */.com_list{
    display: flex;
    flex-direction: column;
    max-width: 1500px;
    width: 100%;
    gap:20px;
    font-family:"Pretendard";
}

.com_list .com_list_wrap {
    display: flex;
    width: 100%;
    gap: 20px;
    flex-wrap: wrap; /* 반응형을 위해 줄바꿈 허용 추가 */
}

.com_list_wrap .com_list_cont {
    border: 1px solid #9292a9;
    width: 360px;
    height: 214px;
    padding: 30px;
    box-sizing: border-box; /* 패딩이 너비에 영향을 주지 않도록 설정 */
    transition: all 0.4s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}
.com_list_wrap .com_list_cont .com_mark {
    position: relative;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding-left: 10px; /* 점 들어갈 공간 */
}

.com_list_wrap .com_list_cont .com_mark::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    transform: translateY(-50%);
}
.com_list_wrap .com_list_cont .com_desc{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.com_list_wrap .com_list_cont .com_desc .com_desc_left{
   
    font-size: 16px;
    line-height: 24px;
    color:#ffffff80;
}

.com_list_wrap .com_list_cont .com_desc .com_desc_left .com_intit{
    color:#fff;
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
}

.com_list_wrap .com_list_cont .com_desc .com_desc_right{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border:1px solid #ffffff70;
    display: flex;
    justify-content: center;
    align-items: center;
}
.com_list_wrap .com_list_cont .com_desc .com_desc_right svg{
    color:#fff;
    transform: translate(-1px, 1px);
}

/* 1. 기본 상태에 트랜지션 효과 추가 (부드러운 전환을 위해) */
.com_list_wrap .com_list_cont {
    transition: all 0.4s ease;
    background-repeat: no-repeat;
    background-position: center; /* 배경 이미지 위치 */
    background-size: cover; /* 이미지 크기 조절 */
}

/* 2. 호버(Hover) 시 스타일 */
.com_list_wrap .com_list_cont:hover {
    background-color: #ff1d60; /* 이미지와 유사한 핑크/레드 계열 색상 */
    border-color: #ff1d60;     /* 테두리 색상도 배경과 맞춤 */
    /* 아래 url에 배경으로 들어갈 'e' 로고 이미지 경로를 넣으세요 */
    background-image: url('/wp-content/uploads/2026/01/com_hover.jpg'); 
}

/* 3. 호버 시 텍스트 및 하단 아이콘 스타일 변경 */
.com_list_wrap .com_list_cont:hover .com_desc_left {
    color: #ffffff; /* 투명도가 있던 텍스트를 흰색으로 */
}

.com_list_wrap .com_list_cont:hover .com_desc_right {
    background-color: #fff; /* 원형 배경을 흰색으로 */
    border-color: #fff;
}

.com_list_wrap .com_list_cont:hover .com_desc_right svg {
    color: #ff1d60; /* 화살표 아이콘 색상을 배경색과 동일하게 */
}

/* --- 반응형 미디어 쿼리 추가 --- */


/* 1 1366px 이하 */
@media screen and (max-width: 1366px) {
    .com_list_wrap .com_list_cont {
        /* 2개씩 배치 */
        width: calc((100% - 20px) / 2);
        padding: 25px; /* 여백 살짝 조절 */
    }
    
    .com_list_wrap .com_list_cont .com_mark {
        margin-bottom: 60px; /* 너무 길면 조절 */
    }
}

/* 3. 모바일 ( 776px 이하) */
@media screen and (max-width: 776px) {
    .com_list {
        box-sizing: border-box;
    }

    .com_list_wrap .com_list_cont {
        /* 1개씩 배치 */
        width: 100%;
        padding: 20px;
    }

    .com_list_wrap .com_list_cont .com_mark {
        margin-bottom: 40px;
    }

    .com_list_wrap .com_list_cont .com_desc .com_desc_left .com_intit {
        font-size: 20px; /* 모바일에서 텍스트 크기 축소 */
    }

    .com_list_wrap .com_list_cont .com_desc .com_desc_right {
        width: 35px; /* 버튼 크기 살짝 축소 */
        height: 35px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d3d0144 */.cusp{
    cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a545a07 */.text_hov p:hover{
    color:#111;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d90e3d8 */.mh-450{
    max-height: 450px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3a35cb8 */@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 */@font-face{font-family:'Pretendard';font-style:normal;font-weight:100;src:url('/fonts/Pretendard-Thin.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:200;src:url('/fonts/Pretendard-ExtraLight.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:300;src:url('/fonts/Pretendard-Light.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:400;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:500;src:url('/fonts/Pretendard-Medium.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:600;src:url('/fonts/Pretendard-SemiBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:700;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:800;src:url('/fonts/Pretendard-ExtraBold.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:900;src:url('/fonts/Pretendard-Black.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:normal;src:url('/fonts/Pretendard-Regular.subset.woff2')format('woff2');}@font-face{font-family:'Pretendard';font-style:normal;font-weight:bold;src:url('/fonts/Pretendard-Bold.subset.woff2')format('woff2');}/* End JX Custom Fonts CSS */