.elementor-1778 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://highc.shop/wp-content/uploads/2026/08/thinky-catalog.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-container{max-width:1250px;min-height:340px;}.elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1778 .elementor-element.elementor-element-ff8cbba{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1778 .elementor-element.elementor-element-500b3ef{text-align:center;}.elementor-1778 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-family:"IBM Plex Sans KR", Sans-serif;font-size:14px;font-weight:700;letter-spacing:-0.4px;text-shadow:1px 4px 6px rgba(0, 0, 0, 0.25);color:#007BD3;}.elementor-1778 .elementor-element.elementor-element-fec6ae9{text-align:center;}.elementor-1778 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-family:"IBM Plex Sans KR", Sans-serif;font-size:50px;font-weight:600;letter-spacing:-0.4px;text-shadow:1px 4px 6px rgba(0, 0, 0, 0.25);color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-6730a73:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://highc.shop/wp-content/uploads/2026/08/highc-products-hero-bg01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-container{max-width:1250px;min-height:340px;}.elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-background-overlay{opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1778 .elementor-element.elementor-element-6730a73{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1778 .elementor-element.elementor-element-fc15187{text-align:center;}.elementor-1778 .elementor-element.elementor-element-fc15187 .elementor-heading-title{font-family:"IBM Plex Sans KR", Sans-serif;font-size:14px;font-weight:700;letter-spacing:-0.4px;text-shadow:1px 4px 6px rgba(0, 0, 0, 0.25);color:#007BD3;}.elementor-1778 .elementor-element.elementor-element-1a559e7{text-align:center;}.elementor-1778 .elementor-element.elementor-element-1a559e7 .elementor-heading-title{font-family:"IBM Plex Sans KR", Sans-serif;font-size:50px;font-weight:600;letter-spacing:-0.4px;text-shadow:1px 4px 6px rgba(0, 0, 0, 0.25);color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-d41612e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-d41612e:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-d41612e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-1778 .elementor-element.elementor-element-6f32aa3{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:1px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-6f32aa3.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1778 .elementor-element.elementor-element-4c0adb8{text-align:center;}.elementor-1778 .elementor-element.elementor-element-4c0adb8 img{width:30px;}.elementor-1778 .elementor-element.elementor-element-3cfc315{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1778 .elementor-element.elementor-element-3708c88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-1778 .elementor-element.elementor-element-3708c88 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-aaafdb0{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-3995cc9 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-3995cc9{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-3995cc9 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-0a95781{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-1a81b8d .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-1a81b8d{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-1a81b8d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-040db89{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-74a48f7 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-74a48f7{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-74a48f7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-6d1241f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 0px 1px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-6d1241f:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-6d1241f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-1778 .elementor-element.elementor-element-2b04499{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-b9c1169{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-1778 .elementor-element.elementor-element-b9c1169 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-391b85c{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-abcb6fb{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-abcb6fb .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-5192061{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-441486a{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-441486a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-de7fe64{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-82cf712{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1778 .elementor-element.elementor-element-82cf712 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1778 .elementor-element.elementor-element-a04520a{--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:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-b14dd2a{--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;--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-1778 .elementor-element.elementor-element-b4488bb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-b4488bb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-99e4933{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-cf4b108{--display:flex;--min-height:43px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-1d5043b .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu--main .elementor-item:focus{color:#007BD3;fill:#007BD3;}.elementor-1778 .elementor-element.elementor-element-1d5043b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-0efbc19{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-2be4f70 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-2be4f70 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-2be4f70 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-0e17921{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-3e78528 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-3e78528 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-3e78528 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-1ef5bcc{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-18b3a71 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-18b3a71 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-18b3a71 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-66c5aa2{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-7dc3de8 .elementor-menu-toggle{margin:0 auto;}.elementor-1778 .elementor-element.elementor-element-7dc3de8 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-7dc3de8 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-470d73e{--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:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-be04ec9{--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;--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-1778 .elementor-element.elementor-element-7e084f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-7e084f7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-45d0964{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-c8f526e{--display:flex;--min-height:43px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu--main .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu--main .elementor-item:focus{color:#007BD3;fill:#007BD3;}.elementor-1778 .elementor-element.elementor-element-6788597 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-8c02a73{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-5b85893 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-5b85893 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-6dd7a19{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-6f8c64d .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-6f8c64d .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-1604235{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-0fe8332 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-0fe8332 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-2e123f5{--display:flex;--min-height:0px;--justify-content:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#D9D9D9;--border-color:#D9D9D9;--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-1778 .elementor-element.elementor-element-ecaebb9 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1778 .elementor-element.elementor-element-ecaebb9 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1778 .elementor-element.elementor-element-6c5cc6c{--display:flex;--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;--justify-content:flex-start;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-1778 .elementor-element.elementor-element-1071779{--display:flex;--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;--justify-content:flex-start;--align-items:flex-start;--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-1778 .elementor-element.elementor-element-12737ed{--display:flex;--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;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-29b79f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-29b79f4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#007BD3;}.elementor-1778 .elementor-element.elementor-element-410a7fb{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-410a7fb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#0B3857;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-1778 .elementor-element.elementor-element-5e68107{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;color:#66737D;}.elementor-1778 .elementor-element.elementor-element-ae86acb{--display:flex;--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;--justify-content:flex-start;--align-items:stretch;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--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-1778 .elementor-element.elementor-element-231bbe8{--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-1778 .elementor-element.elementor-element-435a1a3{--display:flex;--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;--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-1778 .elementor-element.elementor-element-bd851e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--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-1778 .elementor-element.elementor-element-b2eec4c{--display:flex;--min-height:80px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-d952c50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-d952c50 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-8a70ab2{--display:flex;--min-height:80px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-9b559dc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-9353797{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-1b06992{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-4c7cc44{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-a05d458{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-a05d458 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-ebd2cde{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-121dc5b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-c3bce82{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-bc0b4bb{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-0e3017f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-0e3017f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-8b86f0d{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-9b68045{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-ac42ddc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-08ea077{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-3dbd9da{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-3dbd9da .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-f16938d{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-200d905{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-a84d0e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-9f76281{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-eed5fb5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-eed5fb5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-456c6a6{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-adcd4b9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-ca683dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-a2958e1{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-e799fa1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-e799fa1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-4afcd71{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-4e573c5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-4bb7001{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-99bda02{--display:flex;--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;--justify-content:flex-start;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-1778 .elementor-element.elementor-element-3ebc87d{--display:flex;--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;--justify-content:flex-start;--align-items:flex-start;--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-1778 .elementor-element.elementor-element-8f4619f{--display:flex;--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;--justify-content:flex-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-418795b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-418795b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#007BD3;}.elementor-1778 .elementor-element.elementor-element-b324d7b{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-b324d7b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-1330090{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Roboto", Sans-serif;font-size:17px;font-weight:400;line-height:1.7em;color:#66737D;}.elementor-1778 .elementor-element.elementor-element-2caf52e{--display:flex;--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;--justify-content:flex-start;--align-items:stretch;--gap:26px 26px;--row-gap:26px;--column-gap:26px;--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-1778 .elementor-element.elementor-element-997321c{--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-1778 .elementor-element.elementor-element-ea57423{--display:flex;--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;--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-1778 .elementor-element.elementor-element-38e22e2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--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-1778 .elementor-element.elementor-element-af0fc8b{--display:flex;--min-height:80px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-80e83cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-80e83cf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-6dc35bd{--display:flex;--min-height:80px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-712d173{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-3e52260{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-9a65c22{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-fba1378{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-4458a22{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-4458a22 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-0c5ba26{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-d26379a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-51097d0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-cc3504a{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-fad61d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-fad61d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-d3e60ca{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-9fdb8f6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-5cdbebc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-8ab3a74{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-209d7ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-209d7ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-db6de1a{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-46a72fd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-5d1cbd5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-261bb4a{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-f0bf8ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-f0bf8ef .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-7ae2411{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-125473c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-40da588{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--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:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-dfce29e{--display:flex;--min-height:120px;--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;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:22px;--padding-bottom:8px;--padding-left:26px;--padding-right:26px;}.elementor-1778 .elementor-element.elementor-element-6084e4a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-6084e4a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1778 .elementor-element.elementor-element-904c2d0{--display:flex;--min-height:120px;--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;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1778 .elementor-element.elementor-element-bd12668{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;}.elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-d8f67f7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1778 .elementor-element.elementor-element-46e87602{--display:flex;--min-height:400px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.71;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-1778 .elementor-element.elementor-element-46e87602:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-46e87602 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://highc.shop/wp-content/uploads/2026/08/thinky-mixer-main_banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1778 .elementor-element.elementor-element-46e87602::before, .elementor-1778 .elementor-element.elementor-element-46e87602 > .elementor-background-video-container::before, .elementor-1778 .elementor-element.elementor-element-46e87602 > .e-con-inner > .elementor-background-video-container::before, .elementor-1778 .elementor-element.elementor-element-46e87602 > .elementor-background-slideshow::before, .elementor-1778 .elementor-element.elementor-element-46e87602 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1778 .elementor-element.elementor-element-46e87602 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000BD;--background-overlay:'';}.elementor-1778 .elementor-element.elementor-element-14984579{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-14984579 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-38de50a3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Noto Sans KR", Sans-serif;font-size:16px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-3b684277{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-7182d62{--display:flex;--min-height:400px;--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;--justify-content:center;--align-items:center;--overlay-opacity:0.71;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-1778 .elementor-element.elementor-element-7182d62:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-7182d62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://highc.shop/wp-content/uploads/2026/08/thinky-mixer-main_banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1778 .elementor-element.elementor-element-7182d62::before, .elementor-1778 .elementor-element.elementor-element-7182d62 > .elementor-background-video-container::before, .elementor-1778 .elementor-element.elementor-element-7182d62 > .e-con-inner > .elementor-background-video-container::before, .elementor-1778 .elementor-element.elementor-element-7182d62 > .elementor-background-slideshow::before, .elementor-1778 .elementor-element.elementor-element-7182d62 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1778 .elementor-element.elementor-element-7182d62 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000BD;--background-overlay:'';}.elementor-1778 .elementor-element.elementor-element-030e338{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1778 .elementor-element.elementor-element-030e338 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-7732d12{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Noto Sans KR", Sans-serif;font-size:16px;font-weight:300;line-height:29px;color:#FFFFFF;}.elementor-1778 .elementor-element.elementor-element-b870042{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button{background-color:#61CE70;}.elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button{background-color:#61CE70;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1778 .elementor-element.elementor-element-d41612e{--content-width:1250px;}.elementor-1778 .elementor-element.elementor-element-6f32aa3{--width:7%;}.elementor-1778 .elementor-element.elementor-element-3cfc315{--width:23%;}.elementor-1778 .elementor-element.elementor-element-aaafdb0{--width:23%;}.elementor-1778 .elementor-element.elementor-element-0a95781{--width:23%;}.elementor-1778 .elementor-element.elementor-element-040db89{--width:23%;}.elementor-1778 .elementor-element.elementor-element-6d1241f{--content-width:1250px;}.elementor-1778 .elementor-element.elementor-element-2b04499{--width:15%;}.elementor-1778 .elementor-element.elementor-element-391b85c{--width:15%;}.elementor-1778 .elementor-element.elementor-element-5192061{--width:15%;}.elementor-1778 .elementor-element.elementor-element-de7fe64{--width:15%;}.elementor-1778 .elementor-element.elementor-element-a04520a{--content-width:1250px;}.elementor-1778 .elementor-element.elementor-element-b14dd2a{--width:100%;}.elementor-1778 .elementor-element.elementor-element-99e4933{--width:1250px;}.elementor-1778 .elementor-element.elementor-element-cf4b108{--width:16.6%;}.elementor-1778 .elementor-element.elementor-element-0efbc19{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-0e17921{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-1ef5bcc{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-66c5aa2{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-470d73e{--content-width:1250px;}.elementor-1778 .elementor-element.elementor-element-be04ec9{--width:100%;}.elementor-1778 .elementor-element.elementor-element-45d0964{--width:1250px;}.elementor-1778 .elementor-element.elementor-element-c8f526e{--width:16.6%;}.elementor-1778 .elementor-element.elementor-element-8c02a73{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-6dd7a19{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-1604235{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-2e123f5{--width:16.7%;}.elementor-1778 .elementor-element.elementor-element-6c5cc6c{--content-width:1250px;}.elementor-1778 .elementor-element.elementor-element-1071779{--width:100%;}.elementor-1778 .elementor-element.elementor-element-b2eec4c{--width:50%;}.elementor-1778 .elementor-element.elementor-element-8a70ab2{--width:50%;}.elementor-1778 .elementor-element.elementor-element-4c7cc44{--width:50%;}.elementor-1778 .elementor-element.elementor-element-ebd2cde{--width:50%;}.elementor-1778 .elementor-element.elementor-element-bc0b4bb{--width:50%;}.elementor-1778 .elementor-element.elementor-element-8b86f0d{--width:50%;}.elementor-1778 .elementor-element.elementor-element-08ea077{--width:50%;}.elementor-1778 .elementor-element.elementor-element-f16938d{--width:50%;}.elementor-1778 .elementor-element.elementor-element-9f76281{--width:50%;}.elementor-1778 .elementor-element.elementor-element-456c6a6{--width:50%;}.elementor-1778 .elementor-element.elementor-element-a2958e1{--width:50%;}.elementor-1778 .elementor-element.elementor-element-4afcd71{--width:50%;}.elementor-1778 .elementor-element.elementor-element-99bda02{--content-width:1250px;}.elementor-1778 .elementor-element.elementor-element-3ebc87d{--width:100%;}.elementor-1778 .elementor-element.elementor-element-af0fc8b{--width:50%;}.elementor-1778 .elementor-element.elementor-element-6dc35bd{--width:50%;}.elementor-1778 .elementor-element.elementor-element-fba1378{--width:50%;}.elementor-1778 .elementor-element.elementor-element-0c5ba26{--width:50%;}.elementor-1778 .elementor-element.elementor-element-cc3504a{--width:50%;}.elementor-1778 .elementor-element.elementor-element-d3e60ca{--width:50%;}.elementor-1778 .elementor-element.elementor-element-8ab3a74{--width:50%;}.elementor-1778 .elementor-element.elementor-element-db6de1a{--width:50%;}.elementor-1778 .elementor-element.elementor-element-261bb4a{--width:50%;}.elementor-1778 .elementor-element.elementor-element-7ae2411{--width:50%;}.elementor-1778 .elementor-element.elementor-element-dfce29e{--width:50%;}.elementor-1778 .elementor-element.elementor-element-904c2d0{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1778 .elementor-element.elementor-element-6f32aa3{--width:5%;}.elementor-1778 .elementor-element.elementor-element-3cfc315{--width:19%;}.elementor-1778 .elementor-element.elementor-element-aaafdb0{--width:19%;}.elementor-1778 .elementor-element.elementor-element-0a95781{--width:19%;}.elementor-1778 .elementor-element.elementor-element-040db89{--width:19%;}.elementor-1778 .elementor-element.elementor-element-2b04499{--width:19%;}.elementor-1778 .elementor-element.elementor-element-391b85c{--width:19%;}.elementor-1778 .elementor-element.elementor-element-5192061{--width:19%;}.elementor-1778 .elementor-element.elementor-element-de7fe64{--width:19%;}.elementor-1778 .elementor-element.elementor-element-cf4b108{--width:19%;}.elementor-1778 .elementor-element.elementor-element-0efbc19{--width:19%;}.elementor-1778 .elementor-element.elementor-element-0e17921{--width:19%;}.elementor-1778 .elementor-element.elementor-element-1ef5bcc{--width:19%;}.elementor-1778 .elementor-element.elementor-element-66c5aa2{--width:19%;}.elementor-1778 .elementor-element.elementor-element-c8f526e{--width:19%;}.elementor-1778 .elementor-element.elementor-element-8c02a73{--width:19%;}.elementor-1778 .elementor-element.elementor-element-6dd7a19{--width:19%;}.elementor-1778 .elementor-element.elementor-element-1604235{--width:19%;}.elementor-1778 .elementor-element.elementor-element-2e123f5{--width:19%;}}@media(min-width:1025px){.elementor-1778 .elementor-element.elementor-element-46e87602:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-46e87602 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1778 .elementor-element.elementor-element-7182d62:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-7182d62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1778 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0;}.elementor-1778 .elementor-element.elementor-element-ff8cbba{padding:140px 30px 50px 30px;}.elementor-1778 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-size:28px;}.elementor-1778 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-size:28px;}.elementor-1778 .elementor-element.elementor-element-6730a73:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-background-overlay{opacity:0;}.elementor-1778 .elementor-element.elementor-element-6730a73{padding:140px 30px 50px 30px;}.elementor-1778 .elementor-element.elementor-element-fc15187 .elementor-heading-title{font-size:28px;}.elementor-1778 .elementor-element.elementor-element-1a559e7 .elementor-heading-title{font-size:28px;}.elementor-1778 .elementor-element.elementor-element-6f32aa3{border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1778 .elementor-element.elementor-element-4c0adb8 img{width:20px;}.elementor-1778 .elementor-element.elementor-element-3cfc315{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-aaafdb0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-0a95781{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-040db89{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-2b04499{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-391b85c{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-5192061{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-de7fe64{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-a04520a{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-b14dd2a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-b4488bb .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-cf4b108{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-0efbc19{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-0e17921{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-1ef5bcc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-66c5aa2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-470d73e{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-be04ec9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-7e084f7 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-c8f526e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-8c02a73{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-6dd7a19{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-1604235{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-2e123f5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-6c5cc6c{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-1071779{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-29b79f4 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-410a7fb .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-d952c50 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-a05d458 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-0e3017f .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-3dbd9da .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-eed5fb5 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-e799fa1 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-99bda02{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-3ebc87d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-418795b .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-b324d7b .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-80e83cf .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-4458a22 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-fad61d9 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-209d7ad .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-f0bf8ef .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-6084e4a .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-46e87602{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1778 .elementor-element.elementor-element-14984579 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-38de50a3{font-size:15px;line-height:30px;}.elementor-1778 .elementor-element.elementor-element-7182d62{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1778 .elementor-element.elementor-element-030e338 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-7732d12{font-size:15px;line-height:30px;}}@media(max-width:767px){.elementor-1778 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1778 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0.65;}.elementor-1778 .elementor-element.elementor-element-ff8cbba{padding:110px 20px 40px 20px;}.elementor-1778 .elementor-element.elementor-element-782151b{width:100%;}.elementor-1778 .elementor-element.elementor-element-500b3ef{text-align:center;}.elementor-1778 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-size:25px;}.elementor-1778 .elementor-element.elementor-element-fec6ae9{text-align:center;}.elementor-1778 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-size:25px;}.elementor-1778 .elementor-element.elementor-element-6730a73:not(.elementor-motion-effects-element-type-background), .elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://highc.shop/wp-content/uploads/2026/08/mobile-bg-data.jpg");background-position:center center;}.elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-container{max-width:500px;min-height:130px;}.elementor-1778 .elementor-element.elementor-element-6730a73 > .elementor-background-overlay{opacity:0.65;}.elementor-1778 .elementor-element.elementor-element-6730a73{padding:40px 20px 40px 20px;}.elementor-1778 .elementor-element.elementor-element-ff69c9c{width:100%;}.elementor-1778 .elementor-element.elementor-element-fc15187{text-align:center;}.elementor-1778 .elementor-element.elementor-element-fc15187 .elementor-heading-title{font-size:15px;}.elementor-1778 .elementor-element.elementor-element-1a559e7{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1778 .elementor-element.elementor-element-1a559e7 .elementor-heading-title{font-size:35px;}.elementor-1778 .elementor-element.elementor-element-6f32aa3{--width:20%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1778 .elementor-element.elementor-element-4c0adb8 img{width:24px;}.elementor-1778 .elementor-element.elementor-element-3cfc315{--width:40%;}.elementor-1778 .elementor-element.elementor-element-aaafdb0{--width:40%;}.elementor-1778 .elementor-element.elementor-element-0a95781{--width:40%;}.elementor-1778 .elementor-element.elementor-element-040db89{--width:40%;}.elementor-1778 .elementor-element.elementor-element-2b04499{--width:25%;--min-height:50px;}.elementor-1778 .elementor-element.elementor-element-391b85c{--width:25%;--min-height:50px;}.elementor-1778 .elementor-element.elementor-element-5192061{--width:25%;--min-height:50px;}.elementor-1778 .elementor-element.elementor-element-de7fe64{--width:25%;--min-height:50px;}.elementor-1778 .elementor-element.elementor-element-a04520a{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-cf4b108{--width:40%;}.elementor-1778 .elementor-element.elementor-element-0efbc19{--width:40%;}.elementor-1778 .elementor-element.elementor-element-0e17921{--width:40%;}.elementor-1778 .elementor-element.elementor-element-1ef5bcc{--width:40%;}.elementor-1778 .elementor-element.elementor-element-66c5aa2{--width:40%;}.elementor-1778 .elementor-element.elementor-element-470d73e{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1778 .elementor-element.elementor-element-7e084f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1778 .elementor-element.elementor-element-7e084f7 .elementor-heading-title{font-size:22px;}.elementor-1778 .elementor-element.elementor-element-45d0964{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1778 .elementor-element.elementor-element-c8f526e{--width:40%;}.elementor-1778 .elementor-element.elementor-element-8c02a73{--width:40%;}.elementor-1778 .elementor-element.elementor-element-6dd7a19{--width:40%;}.elementor-1778 .elementor-element.elementor-element-1604235{--width:40%;}.elementor-1778 .elementor-element.elementor-element-2e123f5{--width:40%;}.elementor-1778 .elementor-element.elementor-element-6c5cc6c{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-99bda02{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1778 .elementor-element.elementor-element-418795b .elementor-heading-title{font-size:15px;}.elementor-1778 .elementor-element.elementor-element-b324d7b .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-1330090{text-align:start;font-size:15px;line-height:1.3em;}.elementor-1778 .elementor-element.elementor-element-80e83cf .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-4458a22 .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-fad61d9 .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-209d7ad .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-261bb4a{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1778 .elementor-element.elementor-element-f0bf8ef .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-dfce29e{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1778 .elementor-element.elementor-element-6084e4a .elementor-heading-title{font-size:30px;}.elementor-1778 .elementor-element.elementor-element-46e87602{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1778 .elementor-element.elementor-element-38de50a3{font-size:14px;line-height:25px;}.elementor-1778 .elementor-element.elementor-element-7182d62{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1778 .elementor-element.elementor-element-030e338 .elementor-heading-title{font-size:25px;}.elementor-1778 .elementor-element.elementor-element-7732d12{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;line-height:25px;}.elementor-1778 .elementor-element.elementor-element-406966a{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1778 .elementor-element.elementor-element-b870042{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for image, class: .elementor-element-4c0adb8 *//* 기본 상태에서 아이콘에 부드러운 애니메이션 효과 부여 */ .elementor-1778 .elementor-element.elementor-element-4c0adb8 img { transition: all 0.3s ease; } /* 컨테이너에 마우스 호버 시 내부 이미지 위젯의 검은색을 흰색(Invert)으로 변경 */ .elementor-1778 .elementor-element.elementor-element-4c0adb8:hover img { filter: brightness(0) invert(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6f32aa3 *//* --- 업데이트된 홈 버튼 전용 코드 --- */ /* 1. 홈 버튼: 마우스 호버 시 배경색은 '흰색'으로 강제 고정 */ #doha-home-btn:hover { background-color: #ffffff !important; /* 배경은 그대로 흰색 유지 */ cursor: pointer; /* 마우스 손가락 모양 */ } /* 2. 홈 버튼: 마우스 호버 시 아이콘/이미지 색상만 '회색'으로 변경 */ /* 회색 색상 코드 예시: #777777 (원하시는 회색 톤이 있다면 숫자를 바꾸셔도 됩니다) */ /* 폰트 아이콘(i) 또는 SVG인 경우 */ #doha-home-btn:hover i, #doha-home-btn:hover svg { color: #777777 !important; /* 회색 적용 */ fill: #777777 !important; /* SVG 채우기 회색 */ transition: all 0.3s ease; /* 부드러운 전환 */ } /* 이미지(img, 예: PNG) 파일인 경우 (필터 사용) */ /* 검정색 이미지를 회색처럼 보이게 만듭니다 */ #doha-home-btn:hover img { filter: grayscale(100%) opacity(0.6) !important; /* 이미지 회색조 + 반투명 처리 */ transition: all 0.3s ease; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d41612e *//* =================================================== HIGHC 2-DEPTH PRODUCT MENU (셀 100% 풀-채움 FIX) 부모 컨테이너 [고급] > [커스텀 CSS] =================================================== */ /* 1. 전체 메뉴 바 외곽 프레임 */ .elementor-1778 .elementor-element.elementor-element-d41612e { width: 100% !important; max-width: 1250px !important; margin: 0 auto 55px !important; padding: 0 !important; background: #FFFFFF !important; border: 1px solid #D7DCE1 !important; border-radius: 0 0 8px 8px !important; box-shadow: 0 3px 12px rgba(11, 56, 87, 0.045) !important; overflow: visible !important; position: relative !important; z-index: 50 !important; } /* 메뉴 위젯 전체 너비 확장 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-widget-nav-menu, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } /* 2. 최상위 메뉴 칸 (LI) - 균등 분할 및 100% 높이 스트레치 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li { flex: 1 1 0 !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border-right: 1px solid #D7DCE1 !important; position: relative !important; display: flex !important; align-items: stretch !important; justify-content: stretch !important; background: #FFFFFF !important; transition: background-color 0.22s ease, box-shadow 0.22s ease !important; } /* 마지막 메뉴 구분선 제거 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:last-child { border-right: 0 !important; } /* 3. 메뉴 링크 텍스트 (A) - 칸 전체(100%)를 빈틈없이 채우기 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li > a { width: 100% !important; height: 54px !important; min-height: 54px !important; padding: 0 12px !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; background: transparent !important; background-color: transparent !important; color: #0B3857 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: -0.35px !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; transition: color 0.22s ease !important; } /* 4. HOVER & 드롭다운 탐색 시: 컨테이너 전체 100% 배경색 + 하단 3px 파란 줄 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:hover, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within { background-color: #F2F8FC !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } /* 호버 시 글자색 및 화살표 파란색 변경 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within > a { color: #007BD3 !important; background: transparent !important; } /* 5. ACTIVE: 현재 활성화된 페이지 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-parent, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor { background-color: #EAF5FB !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-parent > a, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a { color: #007BD3 !important; font-weight: 700 !important; background: transparent !important; } /* 드롭다운 화살표(▼) */ .elementor-1778 .elementor-element.elementor-element-d41612e .sub-arrow { margin-left: 6px !important; padding: 0 !important; font-size: 11px !important; color: #46545F !important; transition: color 0.22s ease !important; } .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:hover .sub-arrow, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within .sub-arrow { color: #007BD3 !important; } /* =================================================== 6. 드롭다운 서브메뉴 박스 스타일링 =================================================== */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main .sub-menu { position: absolute !important; top: 100% !important; left: 0 !important; min-width: 210px !important; margin-top: 0 !important; padding: 6px 0 !important; background: #FFFFFF !important; border: 1px solid #D7E1E8 !important; border-top: none !important; /* 상단 메뉴 인셋 라인과 깔끔하게 연결 */ border-radius: 0 0 6px 6px !important; box-shadow: 0 10px 24px rgba(11, 56, 87, 0.12) !important; z-index: 99999 !important; } /* 드롭다운 내부 메뉴 항목 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main .sub-menu li { width: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; background: #FFFFFF !important; box-shadow: none !important; } /* 드롭다운 내부 링크 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main .sub-menu li > a { width: 100% !important; min-height: 42px !important; height: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 8px 18px !important; background: #FFFFFF !important; color: #46545F !important; font-size: 14px !important; font-weight: 500 !important; text-align: left !important; border: none !important; box-shadow: none !important; transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease !important; } /* 드롭다운 항목 호버 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main .sub-menu li:hover > a { background: #F2F8FC !important; color: #007BD3 !important; font-weight: 600 !important; padding-left: 22px !important; } /* 드롭다운 현재 활성 메뉴 */ .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main .sub-menu li.current-menu-item > a { background: #EAF5FB !important; color: #007BD3 !important; font-weight: 700 !important; } /* 7. 태블릿 반응형 */ @media (max-width: 1024px) { .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--main > .elementor-nav-menu > li > a { height: 50px !important; min-height: 50px !important; padding: 0 6px !important; font-size: 13.5px !important; letter-spacing: -0.5px !important; } } /* 8. 모바일 반응형 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-d41612e { margin-bottom: 35px !important; border-radius: 0 !important; } .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--dropdown { background: #FFFFFF !important; border: 1px solid #D7DCE1 !important; } .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--dropdown a { min-height: 46px !important; color: #0B3857 !important; font-size: 14px !important; font-weight: 600 !important; border-bottom: 1px solid #E5E9ED !important; } .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--dropdown a:hover, .elementor-1778 .elementor-element.elementor-element-d41612e .elementor-nav-menu--dropdown .elementor-item-active { background: #F2F8FC !important; color: #007BD3 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6d1241f *//* ========================================================= HIGHC TECHNICAL SUB MENU - MOBILE (기술자료 4개 1행 전용) - Mobile: 1행 4개 (각 25% 균등 분할 / 높이 42px) - 드롭다운: 화면 위 오버레이 (본문 밀림 방지) ========================================================= */ @media (max-width: 767px) { /* ===================================================== 1. 전체 메뉴 부모 컨테이너 ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 9990 !important; background: #FFFFFF !important; border-bottom: 1px solid #D7DCE1 !important; overflow: visible !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f > .e-con-inner { width: 100% !important; max-width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 1줄 고정 */ align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 9991 !important; overflow: visible !important; } /* ===================================================== 2. 4개 MENU BOX (각 25% 균등 분할) ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box { width: 25% !important; max-width: 25% !important; flex: 0 0 25% !important; min-width: 0 !important; height: 42px !important; min-height: 42px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: stretch !important; position: relative !important; z-index: 1 !important; background: #FFFFFF !important; border: 0 !important; border-right: 1px solid #D7DCE1 !important; border-bottom: 0 !important; /* 1줄 구성이므로 개별 하단선 제거 */ box-sizing: border-box !important; overflow: visible !important; } /* 마지막(4번째) 메뉴 우측 구분선 제거 */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box:last-child, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box:nth-child(4) { border-right: 0 !important; } /* 열린 메뉴 최상위 레이어 */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box:has(a[aria-expanded="true"]) { z-index: 10000 !important; } /* ===================================================== 3. WORDPRESS MENU 내부 ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-widget-nav-menu, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-widget-container, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box nav, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; position: relative !important; z-index: 2 !important; overflow: visible !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main > .elementor-nav-menu { width: 100% !important; height: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main > .elementor-nav-menu > li { width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: relative !important; overflow: visible !important; } /* ===================================================== 4. 2뎁스 링크 (4개 분할 글자 맞춤) ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main > .elementor-nav-menu > li > a { width: 100% !important; height: 42px !important; margin: 0 !important; padding: 0 2px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; text-align: center !important; white-space: nowrap !important; color: #0B3857 !important; background: #FFFFFF !important; font-size: 11px !important; /* 25% 폭에 맞춘 가독 폰트 */ font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: -0.6px !important; border: 0 !important; box-shadow: none !important; } /* ===================================================== 5. 화살표 ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .sub-arrow { margin-left: 2px !important; padding: 0 !important; font-size: 7px !important; transform: scale(0.65) !important; flex: 0 0 auto !important; } /* ===================================================== 6. HOVER / ACTIVE ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box:hover .elementor-nav-menu--main > .elementor-nav-menu > li > a { color: #007BD3 !important; background: #F2F8FC !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .current-menu-item > a, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .current-menu-parent > a, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .current-menu-ancestor > a, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box a.elementor-item-active { color: #007BD3 !important; font-weight: 700 !important; background: #EAF5FB !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } /* ===================================================== 7. DROPDOWN (본문 위 오버레이) ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu { position: absolute !important; top: 42px !important; left: 0 !important; right: auto !important; width: max-content !important; min-width: 180px !important; max-width: 240px !important; margin: 0 !important; padding: 5px 0 !important; background: #FFFFFF !important; opacity: 1 !important; border: 1px solid #D7E1E8 !important; border-top: 3px solid #007BD3 !important; border-radius: 0 0 6px 6px !important; box-shadow: 0 10px 26px rgba(11, 56, 87, 0.16) !important; z-index: 999999 !important; overflow: hidden !important; box-sizing: border-box !important; } /* ===================================================== 8. 우측 3번, 4번 메뉴는 오른쪽 기준 펼침 ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box:nth-child(3) .elementor-nav-menu--main .sub-menu, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box:nth-child(4) .elementor-nav-menu--main .sub-menu { left: auto !important; right: 0 !important; } /* ===================================================== 9. 드롭다운 항목 ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu li { width: 100% !important; margin: 0 !important; padding: 0 !important; background: #FFFFFF !important; border: 0 !important; position: relative !important; z-index: 1000000 !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu li > a { width: 100% !important; min-height: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 16px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #46545F !important; background: #FFFFFF !important; opacity: 1 !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1 !important; text-align: left !important; border: 0 !important; border-bottom: 1px solid #E3E8EC !important; box-shadow: none !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu li:last-child > a { border-bottom: 0 !important; } /* ===================================================== 10. 드롭다운 HOVER / ACTIVE ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu li:hover > a { background: #F2F8FC !important; color: #007BD3 !important; font-weight: 600 !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu li.current-menu-item > a, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box .elementor-nav-menu--main .sub-menu li > a.elementor-item-active { background: #EAF5FB !important; color: #007BD3 !important; font-weight: 700 !important; } /* ===================================================== 11. z-index 계층 유지 ===================================================== */ .elementor-1778 .elementor-element.elementor-element-6d1241f, .elementor-1778 .elementor-element.elementor-element-6d1241f > .e-con-inner, .elementor-1778 .elementor-element.elementor-element-6d1241f .menu-box, .elementor-1778 .elementor-element.elementor-element-6d1241f .elementor-widget-nav-menu, .elementor-1778 .elementor-element.elementor-element-6d1241f .elementor-widget-container, .elementor-1778 .elementor-element.elementor-element-6d1241f nav { overflow: visible !important; } .elementor-1778 .elementor-element.elementor-element-6d1241f .scroll-up, .elementor-1778 .elementor-element.elementor-element-6d1241f .scroll-down { display: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-99e4933 *//* =================================================== HIGHC 3-DEPTH MENU 현재 페이지 1개만 ACTIVE 부모 컨테이너 [고급] > [커스텀 CSS]에 적용 =================================================== */ /* =================================================== 1. 전체 부모 컨테이너 =================================================== */ .elementor-1778 .elementor-element.elementor-element-99e4933 { width: 100% !important; max-width: 1250px !important; margin: 40px auto 60px !important; padding: 0 !important; background: #FFFFFF !important; border: 1.5px solid #D7DCE1 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 16px rgba(11, 56, 87, 0.06) !important; } /* Elementor 내부 가로 정렬 */ .elementor-1778 .elementor-element.elementor-element-99e4933 > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; align-items: stretch !important; justify-content: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* =================================================== 2. 각 메뉴 박스 =================================================== */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box { position: relative !important; flex: 1 1 0 !important; width: auto !important; height: 52px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; background: #FFFFFF !important; border: 0 !important; border-right: 1px solid #D7DCE1 !important; transition: background-color 0.28s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.28s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.28s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* 마지막 메뉴 우측 구분선 제거 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:last-child { border-right: 0 !important; } /* =================================================== 3. 기본 텍스트 =================================================== */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box *, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box a span, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button-text { color: #0B3857 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: -0.3px !important; text-decoration: none !important; background: transparent !important; transition: color 0.25s ease !important; } /* =================================================== 4. ACTIVE ★ 실제 현재 페이지 메뉴만 활성화 ★ first-child 강제 활성화 없음 =================================================== */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.current-menu-item), .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.current_page_item), .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.elementor-item-active), .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(a[aria-current="page"]) { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 2 !important; } /* ACTIVE 내부 글자 흰색 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.current-menu-item) *, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.current_page_item) *, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.elementor-item-active) *, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(a[aria-current="page"]) * { color: #FFFFFF !important; font-weight: 700 !important; } /* ACTIVE 내부 링크 배경 투명 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.current-menu-item) a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.current_page_item) a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(.elementor-item-active) a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:has(a[aria-current="page"]) a { background: transparent !important; } /* =================================================== 5. HOVER =================================================== */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 3 !important; box-shadow: 0 6px 20px rgba(0, 123, 211, 0.30) !important; } /* HOVER 글자 흰색 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover *, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover a:hover, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover a span, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover .elementor-item, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover .elementor-button, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover .elementor-button:hover, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:hover .elementor-button-text { color: #FFFFFF !important; background: transparent !important; } /* =================================================== 6. Elementor 자체 배경 / 효과 제거 =================================================== */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 14px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } /* Elementor 자체 Hover / Active 배경 제거 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item:hover, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item.elementor-item-active, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .current-menu-item > a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .current_page_item > a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box a[aria-current="page"] { background: transparent !important; } /* Elementor 가상 밑줄 효과 제거 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item::before, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item::after, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button::before, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button::after { display: none !important; } /* =================================================== 7. 모바일 2열 구성 =================================================== */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-99e4933 > .e-con-inner { flex-wrap: wrap !important; } .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box { flex: 0 0 50% !important; width: 50% !important; height: 48px !important; border-right: 1px solid #D7DCE1 !important; border-bottom: 1px solid #D7DCE1 !important; } /* 오른쪽 열 세로선 제거 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:nth-child(2n) { border-right: 0 !important; } /* 마지막 행 하단선 제거 */ .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box:nth-last-child(-n+2) { border-bottom: 0 !important; } .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box *, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box a, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button, .elementor-1778 .elementor-element.elementor-element-99e4933 .menu-box .elementor-button-text { font-size: 13.5px !important; letter-spacing: -0.4px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-45d0964 *//* =================================================== HIGHC 3-DEPTH MENU 5개 메뉴 전용 PC : 5개 1행 균등 MOBILE : 1행 = 2개 (50% + 50%) 2행 = 3개 (33.333% + 33.333% + 33.333%) =================================================== */ /* =================================================== 1. 전체 부모 컨테이너 =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 { width: 100% !important; max-width: 1250px !important; padding: 0 !important; background: #FFFFFF !important; border: 1.5px solid #D7DCE1 !important; border-radius: 12px !important; overflow: hidden !important; box-shadow: 0 4px 16px rgba(11, 56, 87, 0.06) !important; } /* 내부 정렬 */ .elementor-1778 .elementor-element.elementor-element-45d0964 > .e-con-inner { width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: center !important; gap: 0 !important; margin: 0 !important; padding: 0 !important; } /* =================================================== 2. 각 메뉴 박스 - PC =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box { position: relative !important; flex: 1 1 0 !important; width: auto !important; min-width: 0 !important; height: 52px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; background: #FFFFFF !important; border: 0 !important; border-right: 1px solid #D7DCE1 !important; box-sizing: border-box !important; transition: background-color 0.28s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.28s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.28s cubic-bezier(0.25, 0.8, 0.25, 1) !important; } /* 마지막 메뉴 우측 선 제거 */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:last-child { border-right: 0 !important; } /* =================================================== 3. 기본 텍스트 =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box a, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box a span, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button-text { color: #0B3857 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: -0.3px !important; text-decoration: none !important; background: transparent !important; transition: color 0.25s ease !important; } /* =================================================== 4. ACTIVE =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(.current-menu-item), .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(.current_page_item), .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(.elementor-item-active), .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(a[aria-current="page"]) { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 2 !important; } .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(.current-menu-item) *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(.current_page_item) *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(.elementor-item-active) *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:has(a[aria-current="page"]) * { color: #FFFFFF !important; font-weight: 700 !important; } /* =================================================== 5. HOVER =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:hover { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 3 !important; box-shadow: 0 6px 20px rgba(0, 123, 211, 0.30) !important; } .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:hover *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:hover a, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:hover .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:hover .elementor-button { color: #FFFFFF !important; } /* =================================================== 6. Elementor 자체 스타일 초기화 =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button { width: 100% !important; height: 100% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 14px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item::before, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item::after, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button::before, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button::after { display: none !important; } /* =================================================== 7. MOBILE 1행 : 2개 = 50% + 50% 2행 : 3개 = 33.333% × 3 =================================================== */ @media (max-width: 767px) { /* 전체 */ .elementor-1778 .elementor-element.elementor-element-45d0964 { border-radius: 8px !important; } /* 반드시 줄바꿈 */ .elementor-1778 .elementor-element.elementor-element-45d0964 > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important; } /* =================================================== 1행 1번 / 2번 50% + 50% =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(1), .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(2) { flex: 0 0 50% !important; width: 50% !important; max-width: 50% !important; height: 38px !important; min-height: 38px !important; border-bottom: 1px solid #D7DCE1 !important; box-sizing: border-box !important; } /* 1번 메뉴 */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(1) { border-right: 1px solid #D7DCE1 !important; } /* 1행 마지막 메뉴 */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(2) { border-right: 0 !important; } /* =================================================== 2행 3번 / 4번 / 5번 33.333% × 3 =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(3), .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(4), .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(5) { flex: 0 0 33.333333% !important; width: 33.333333% !important; max-width: 33.333333% !important; height: 38px !important; min-height: 38px !important; border-bottom: 0 !important; box-sizing: border-box !important; } /* 3번 */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(3) { border-right: 1px solid #D7DCE1 !important; } /* 4번 */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(4) { border-right: 1px solid #D7DCE1 !important; } /* 5번 = 마지막 */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box:nth-child(5) { border-right: 0 !important; } /* =================================================== 모바일 텍스트 =================================================== */ .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box a, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button-text { font-size: 12px !important; letter-spacing: -0.5px !important; white-space: nowrap !important; line-height: 1 !important; } .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button { padding: 0 5px !important; } } /* =================================================== 8. 작은 모바일 =================================================== */ @media (max-width: 390px) { .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box *, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box a, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button-text { font-size: 11.5px !important; letter-spacing: -0.6px !important; } .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-item, .elementor-1778 .elementor-element.elementor-element-45d0964 .menu-box .elementor-button { padding: 0 3px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9baa565 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button, .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-9baa565 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e715fc2 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button, .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-e715fc2 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3430a0 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button, .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-d3430a0 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-07e209e *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button, .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-07e209e .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bd851e9 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-bd851e9 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-bd851e9::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-bd851e9:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-bd851e9:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-bd851e9 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-bd851e9:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-bd851e9 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-bd851e9 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-bd851e9 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-bd851e9, .elementor-1778 .elementor-element.elementor-element-bd851e9::before, .elementor-1778 .elementor-element.elementor-element-bd851e9 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-bd851e9 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-bd851e9:hover, .elementor-1778 .elementor-element.elementor-element-bd851e9 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1b11f8b *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button, .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-1b11f8b .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e202827 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button, .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-e202827 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1b06992 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-1b06992 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-1b06992::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-1b06992:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-1b06992:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-1b06992 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-1b06992:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-1b06992 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-1b06992 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-1b06992 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-1b06992, .elementor-1778 .elementor-element.elementor-element-1b06992::before, .elementor-1778 .elementor-element.elementor-element-1b06992 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-1b06992 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-1b06992:hover, .elementor-1778 .elementor-element.elementor-element-1b06992 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-26e38d4 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button, .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-26e38d4 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d17523a *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button, .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-d17523a .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3bce82 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-c3bce82 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-c3bce82::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-c3bce82:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-c3bce82:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-c3bce82 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-c3bce82:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-c3bce82 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-c3bce82 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-c3bce82 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-c3bce82, .elementor-1778 .elementor-element.elementor-element-c3bce82::before, .elementor-1778 .elementor-element.elementor-element-c3bce82 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-c3bce82 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-c3bce82:hover, .elementor-1778 .elementor-element.elementor-element-c3bce82 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bbbf2ed *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button, .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-bbbf2ed .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0c53419 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button, .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-0c53419 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ac42ddc *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-ac42ddc { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-ac42ddc::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-ac42ddc:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-ac42ddc:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-ac42ddc .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-ac42ddc:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-ac42ddc .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-ac42ddc .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-ac42ddc { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-ac42ddc, .elementor-1778 .elementor-element.elementor-element-ac42ddc::before, .elementor-1778 .elementor-element.elementor-element-ac42ddc .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-ac42ddc .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-ac42ddc:hover, .elementor-1778 .elementor-element.elementor-element-ac42ddc .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-63a6c52 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button, .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-63a6c52 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a8724c7 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button, .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-a8724c7 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a84d0e1 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-a84d0e1 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-a84d0e1::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-a84d0e1:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-a84d0e1:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-a84d0e1 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-a84d0e1:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-a84d0e1 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-a84d0e1 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-a84d0e1 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-a84d0e1, .elementor-1778 .elementor-element.elementor-element-a84d0e1::before, .elementor-1778 .elementor-element.elementor-element-a84d0e1 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-a84d0e1 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-a84d0e1:hover, .elementor-1778 .elementor-element.elementor-element-a84d0e1 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-96316ba *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button, .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-96316ba .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-593e065 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button, .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-593e065 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ca683dd *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-ca683dd { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-ca683dd::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-ca683dd:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-ca683dd:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-ca683dd .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-ca683dd:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-ca683dd .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-ca683dd .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-ca683dd { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-ca683dd, .elementor-1778 .elementor-element.elementor-element-ca683dd::before, .elementor-1778 .elementor-element.elementor-element-ca683dd .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-ca683dd .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-ca683dd:hover, .elementor-1778 .elementor-element.elementor-element-ca683dd .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f2c0f8d *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button, .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-f2c0f8d .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a58bf74 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button, .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-a58bf74 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f851d74 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button, .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-f851d74 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b691894 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button, .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-b691894 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6dc35bd *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1778 .elementor-element.elementor-element-6dc35bd .e-con, .elementor-1778 .elementor-element.elementor-element-6dc35bd .e-con-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 줄바꿈 금지 */ justify-content: center !important; align-items: center !important; gap: 8px !important; /* 버튼 사이 간격 */ width: 100% !important; margin-bottom: 8px !important; /* 국문 그룹과 영문 그룹 사이 간격 */ box-sizing: border-box !important; } /* 2. 각 버튼 위젯 50% 균등 분할 */ .elementor-1778 .elementor-element.elementor-element-6dc35bd .elementor-widget-button { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3. 개별 버튼 min-width 무력화 및 높이/폰트 통일 */ .elementor-1778 .elementor-element.elementor-element-6dc35bd .elementor-button { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-38e22e2 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-38e22e2 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-38e22e2::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-38e22e2:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-38e22e2:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-38e22e2 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-38e22e2:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-38e22e2 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-38e22e2 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-38e22e2 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-38e22e2, .elementor-1778 .elementor-element.elementor-element-38e22e2::before, .elementor-1778 .elementor-element.elementor-element-38e22e2 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-38e22e2 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-38e22e2:hover, .elementor-1778 .elementor-element.elementor-element-38e22e2 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-30e13c6 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button, .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-30e13c6 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-48a1567 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button, .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-48a1567 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0c5ba26 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1778 .elementor-element.elementor-element-0c5ba26 .e-con, .elementor-1778 .elementor-element.elementor-element-0c5ba26 .e-con-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 줄바꿈 금지 */ justify-content: center !important; align-items: center !important; gap: 8px !important; /* 버튼 사이 간격 */ width: 100% !important; margin-bottom: 8px !important; /* 국문 그룹과 영문 그룹 사이 간격 */ box-sizing: border-box !important; } /* 2. 각 버튼 위젯 50% 균등 분할 */ .elementor-1778 .elementor-element.elementor-element-0c5ba26 .elementor-widget-button { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3. 개별 버튼 min-width 무력화 및 높이/폰트 통일 */ .elementor-1778 .elementor-element.elementor-element-0c5ba26 .elementor-button { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9a65c22 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-9a65c22 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-9a65c22::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-9a65c22:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-9a65c22:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-9a65c22 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-9a65c22:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-9a65c22 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-9a65c22 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-9a65c22 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-9a65c22, .elementor-1778 .elementor-element.elementor-element-9a65c22::before, .elementor-1778 .elementor-element.elementor-element-9a65c22 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-9a65c22 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-9a65c22:hover, .elementor-1778 .elementor-element.elementor-element-9a65c22 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b872256 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button, .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-b872256 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4631538 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button, .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-4631538 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d3e60ca *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1778 .elementor-element.elementor-element-d3e60ca .e-con, .elementor-1778 .elementor-element.elementor-element-d3e60ca .e-con-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 줄바꿈 금지 */ justify-content: center !important; align-items: center !important; gap: 8px !important; /* 버튼 사이 간격 */ width: 100% !important; margin-bottom: 8px !important; /* 국문 그룹과 영문 그룹 사이 간격 */ box-sizing: border-box !important; } /* 2. 각 버튼 위젯 50% 균등 분할 */ .elementor-1778 .elementor-element.elementor-element-d3e60ca .elementor-widget-button { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3. 개별 버튼 min-width 무력화 및 높이/폰트 통일 */ .elementor-1778 .elementor-element.elementor-element-d3e60ca .elementor-button { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-51097d0 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-51097d0 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-51097d0::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-51097d0:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-51097d0:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-51097d0 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-51097d0:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-51097d0 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-51097d0 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-51097d0 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-51097d0, .elementor-1778 .elementor-element.elementor-element-51097d0::before, .elementor-1778 .elementor-element.elementor-element-51097d0 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-51097d0 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-51097d0:hover, .elementor-1778 .elementor-element.elementor-element-51097d0 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7f24f13 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button, .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-7f24f13 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-5336e03 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button, .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-5336e03 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-db6de1a *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1778 .elementor-element.elementor-element-db6de1a .e-con, .elementor-1778 .elementor-element.elementor-element-db6de1a .e-con-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 줄바꿈 금지 */ justify-content: center !important; align-items: center !important; gap: 8px !important; /* 버튼 사이 간격 */ width: 100% !important; margin-bottom: 8px !important; /* 국문 그룹과 영문 그룹 사이 간격 */ box-sizing: border-box !important; } /* 2. 각 버튼 위젯 50% 균등 분할 */ .elementor-1778 .elementor-element.elementor-element-db6de1a .elementor-widget-button { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3. 개별 버튼 min-width 무력화 및 높이/폰트 통일 */ .elementor-1778 .elementor-element.elementor-element-db6de1a .elementor-button { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5cdbebc *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-5cdbebc { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-5cdbebc::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-5cdbebc:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-5cdbebc:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-5cdbebc .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-5cdbebc:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-5cdbebc .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-5cdbebc .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-5cdbebc { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-5cdbebc, .elementor-1778 .elementor-element.elementor-element-5cdbebc::before, .elementor-1778 .elementor-element.elementor-element-5cdbebc .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-5cdbebc .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-5cdbebc:hover, .elementor-1778 .elementor-element.elementor-element-5cdbebc .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0f6c4d2 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button, .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-0f6c4d2 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-21723f8 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button, .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-21723f8 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7ae2411 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1778 .elementor-element.elementor-element-7ae2411 .e-con, .elementor-1778 .elementor-element.elementor-element-7ae2411 .e-con-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 줄바꿈 금지 */ justify-content: center !important; align-items: center !important; gap: 8px !important; /* 버튼 사이 간격 */ width: 100% !important; margin-bottom: 8px !important; /* 국문 그룹과 영문 그룹 사이 간격 */ box-sizing: border-box !important; } /* 2. 각 버튼 위젯 50% 균등 분할 */ .elementor-1778 .elementor-element.elementor-element-7ae2411 .elementor-widget-button { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3. 개별 버튼 min-width 무력화 및 높이/폰트 통일 */ .elementor-1778 .elementor-element.elementor-element-7ae2411 .elementor-button { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5d1cbd5 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-5d1cbd5 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-5d1cbd5 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-5d1cbd5, .elementor-1778 .elementor-element.elementor-element-5d1cbd5::before, .elementor-1778 .elementor-element.elementor-element-5d1cbd5 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-5d1cbd5 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-5d1cbd5:hover, .elementor-1778 .elementor-element.elementor-element-5d1cbd5 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-aa244b1 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button, .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-aa244b1 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2fccfe8 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button, .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-2fccfe8 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-904c2d0 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1778 .elementor-element.elementor-element-904c2d0 .e-con, .elementor-1778 .elementor-element.elementor-element-904c2d0 .e-con-child { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; /* 줄바꿈 금지 */ justify-content: center !important; align-items: center !important; gap: 8px !important; /* 버튼 사이 간격 */ width: 100% !important; margin-bottom: 8px !important; /* 국문 그룹과 영문 그룹 사이 간격 */ box-sizing: border-box !important; } /* 2. 각 버튼 위젯 50% 균등 분할 */ .elementor-1778 .elementor-element.elementor-element-904c2d0 .elementor-widget-button { flex: 1 1 0 !important; width: 50% !important; max-width: 50% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } /* 3. 개별 버튼 min-width 무력화 및 높이/폰트 통일 */ .elementor-1778 .elementor-element.elementor-element-904c2d0 .elementor-button { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; padding: 0 4px !important; font-size: 12.5px !important; letter-spacing: -0.4px !important; white-space: nowrap !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-40da588 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1778 .elementor-element.elementor-element-40da588 { position: relative !important; overflow: hidden !important; background: #FFFFFF !important; /* 테두리 색상은 Elementor에서 직접 설정 */ border-style: solid !important; border-width: 1px !important; border-radius: 10px !important; padding: 28px 34px !important; box-shadow: 0 5px 16px rgba(11, 56, 87, 0.05) !important; transform: translateY(0); transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease !important; } /* 상단 블루 포인트 라인 */ .elementor-1778 .elementor-element.elementor-element-40da588::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #007BD3; transform: scaleX(0); transform-origin: left center; transition: transform 0.32s ease; } /* HOVER */ .elementor-1778 .elementor-element.elementor-element-40da588:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1778 .elementor-element.elementor-element-40da588:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1778 .elementor-element.elementor-element-40da588 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1778 .elementor-element.elementor-element-40da588:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1778 .elementor-element.elementor-element-40da588 .elementor-button { transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease !important; } /* 버튼 개별 HOVER */ .elementor-1778 .elementor-element.elementor-element-40da588 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-40da588 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-40da588, .elementor-1778 .elementor-element.elementor-element-40da588::before, .elementor-1778 .elementor-element.elementor-element-40da588 .elementor-heading-title, .elementor-1778 .elementor-element.elementor-element-40da588 .elementor-button { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-40da588:hover, .elementor-1778 .elementor-element.elementor-element-40da588 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ea57423 */@media (max-width: 767px) { .anchor-card { scroll-margin-top: 115px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-3c31635c *//* ================================================== A안 다크 글래스 바 (상하 패딩 18px 확장 + 호버 모션) ================================================== */ .contact-glass-bar { background: rgba(0, 0, 0, 0.45); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 30px; padding: 18px 28px !important; /* 상하 패딩 18px 확대 */ display: inline-flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; cursor: pointer; } /* 텍스트 기본 스타일 */ .contact-glass-bar .contact-item { color: #ffffff; font-size: 15px; font-weight: 500; } .contact-glass-bar .phone-num { color: #007bd3; /* 하이씨 블루 */ font-size: 19px; margin-left: 6px; font-weight: 700; transition: color 0.3s ease; } .contact-glass-bar .email-num { color: #ffffff; margin-left: 6px; font-weight: 500; transition: color 0.3s ease; } .contact-glass-bar .divider { color: rgba(255, 255, 255, 0.3); } /* ================================================== ✨ 마우스 호버(Hover) 시 효과 ================================================== */ .contact-glass-bar:hover { background: rgba(0, 0, 0, 0.65); border-color: rgba(0, 123, 211, 0.8); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 123, 211, 0.35); } .contact-glass-bar:hover .email-num { color: #4da8f0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1523d909 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button, .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-1523d909 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-28014e02 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button, .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-28014e02 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-406966a *//* ================================================== A안 다크 글래스 바 PC 기본 + 모바일 최적화 ================================================== */ .contact-glass-bar { background: rgba(0, 0, 0, 0.45); border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 30px; padding: 18px 28px !important; display: inline-flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1) !important; cursor: pointer; } /* 기본 텍스트 */ .contact-glass-bar .contact-item { color: #FFFFFF; font-size: 15px; font-weight: 500; line-height: 1.3; display: inline-flex; align-items: baseline; } /* 전화번호 */ .contact-glass-bar .phone-num { color: #007BD3; font-size: 19px; font-weight: 700; line-height: 1; margin-left: 6px; display: inline-block; vertical-align: baseline; transition: color 0.3s ease; } /* 이메일 */ .contact-glass-bar .email-num { color: #FFFFFF; margin-left: 6px; font-weight: 500; line-height: 1; transition: color 0.3s ease; } /* 구분선 */ .contact-glass-bar .divider { color: rgba(255, 255, 255, 0.3); } /* ================================================== HOVER ================================================== */ .contact-glass-bar:hover { background: rgba(0, 0, 0, 0.65); border-color: rgba(0, 123, 211, 0.8); transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 123, 211, 0.35); } .contact-glass-bar:hover .email-num { color: #4DA8F0; } /* ================================================== MOBILE ================================================== */ @media (max-width: 767px) { .contact-glass-bar { width: calc(100% - 16px) !important; max-width: none !important; margin-left: 8px !important; margin-right: 8px !important; padding: 16px 10px !important; gap: 12px !important; border-radius: 26px !important; box-sizing: border-box !important; } /* 전화 / 이메일 각 줄 */ .contact-glass-bar .contact-item { width: auto !important; font-size: 14px !important; line-height: 1.2 !important; display: inline-flex !important; align-items: baseline !important; white-space: nowrap !important; } /* 전화번호 한 줄 유지 + 높이 맞춤 */ .contact-glass-bar .phone-num { font-size: 16px !important; line-height: 1 !important; margin-left: 4px !important; position: relative !important; top: 1px !important; white-space: nowrap !important; } /* 이메일 */ .contact-glass-bar .email-num { font-size: 13.5px !important; line-height: 1 !important; margin-left: 4px !important; white-space: nowrap !important; } /* 모바일에서는 구분선 간격 축소 */ .contact-glass-bar .divider { margin: 0 3px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-23905e7 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; background-color: #007BD3 !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #FFFFFF !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 6px 16px rgba(0, 123, 211, 0.20) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button:hover { background-color: #005FA8 !important; border-color: #005FA8 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 95, 168, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button, .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-23905e7 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-feea5c2 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button { position: relative !important; isolation: isolate !important; overflow: hidden !important; min-width: 148px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 11px 22px !important; /* [기본 상태] 흰색 배경 / 블루 테두리 / 블루 글자 */ background-color: #FFFFFF !important; border: 1px solid #007BD3 !important; border-radius: 4px !important; color: #007BD3 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.2px !important; box-shadow: 0 4px 12px rgba(0, 123, 211, 0.12) !important; transform: translateY(0); transition: background-color 0.28s ease, border-color 0.28s ease, color 0.28s ease, transform 0.28s ease, box-shadow 0.28s ease !important; } /* ================================================== 버튼 위를 지나가는 빛 효과 ================================================== */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button::before { content: "" !important; position: absolute !important; z-index: 1 !important; top: -25% !important; left: -80% !important; width: 42% !important; height: 150% !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.10) 20%, rgba(255, 255, 255, 0.48) 50%, rgba(255, 255, 255, 0.10) 80%, transparent 100% ) !important; transform: skewX(-22deg) !important; pointer-events: none !important; transition: left 0.62s cubic-bezier(0.22, 0.61, 0.36, 1) !important; } /* 호버 시 빛 이동 */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button-content-wrapper, .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button:hover { background-color: #007BD3 !important; border-color: #007BD3 !important; color: #FFFFFF !important; transform: translateY(-3px) !important; box-shadow: 0 10px 24px rgba(0, 123, 211, 0.30) !important; } /* 클릭 */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button, .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button::before { transition: none !important; } .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button::before { display: none !important; } .elementor-1778 .elementor-element.elementor-element-feea5c2 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b870042 *//* ========================================= MOBILE CTA BUTTONS - 2개 한 줄 배치 ========================================= */ @media (max-width: 767px) { .elementor-1778 .elementor-element.elementor-element-b870042 { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; } /* 각각의 버튼 위젯 */ .elementor-1778 .elementor-element.elementor-element-b870042 > .elementor-element { flex: 1 1 0 !important; width: calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 0 !important; } /* 버튼 자체 */ .elementor-1778 .elementor-element.elementor-element-b870042 .elementor-button { width: 100% !important; min-width: 0 !important; height: 40px !important; min-height: 40px !important; padding: 7px 8px !important; font-size: 12.5px !important; line-height: 1 !important; white-space: nowrap !important; } }/* End custom CSS */