.elementor-1801 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1801 .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-1801 .elementor-element.elementor-element-ff8cbba > .elementor-container{max-width:1250px;min-height:340px;}.elementor-1801 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1801 .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-1801 .elementor-element.elementor-element-500b3ef{text-align:center;}.elementor-1801 .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-1801 .elementor-element.elementor-element-fec6ae9{text-align:center;}.elementor-1801 .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-1801 .elementor-element.elementor-element-7cc4c3a:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-7cc4c3a > .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-1801 .elementor-element.elementor-element-7cc4c3a > .elementor-container{max-width:1250px;min-height:340px;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a > .elementor-background-overlay{opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1801 .elementor-element.elementor-element-0e56f5c{text-align:center;}.elementor-1801 .elementor-element.elementor-element-0e56f5c .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-1801 .elementor-element.elementor-element-f5fc5fe{text-align:center;}.elementor-1801 .elementor-element.elementor-element-f5fc5fe .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-1801 .elementor-element.elementor-element-94a7874{--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-1801 .elementor-element.elementor-element-94a7874:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-94a7874 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-1801 .elementor-element.elementor-element-de07f27{--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-1801 .elementor-element.elementor-element-de07f27.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-1801 .elementor-element.elementor-element-ea9d432{text-align:center;}.elementor-1801 .elementor-element.elementor-element-ea9d432 img{width:30px;}.elementor-1801 .elementor-element.elementor-element-4cb8da3{--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-1801 .elementor-element.elementor-element-4491e0b{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-1801 .elementor-element.elementor-element-4491e0b .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-1801 .elementor-element.elementor-element-4491e0b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-53535f3{--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-1801 .elementor-element.elementor-element-69aa8c8 .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-69aa8c8{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1801 .elementor-element.elementor-element-69aa8c8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-7f1d454{--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-1801 .elementor-element.elementor-element-d1e2856 .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-d1e2856{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1801 .elementor-element.elementor-element-d1e2856 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-a81ddf3{--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-1801 .elementor-element.elementor-element-9072604 .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-9072604{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1801 .elementor-element.elementor-element-9072604 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-607b070{--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-1801 .elementor-element.elementor-element-607b070:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-607b070 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-1801 .elementor-element.elementor-element-b685145{--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-1801 .elementor-element.elementor-element-d1b0485{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-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-1801 .elementor-element.elementor-element-d1b0485 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-0e910f1{--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-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-3928e44{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1801 .elementor-element.elementor-element-3928e44 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-b51bd68{--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-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-9ed589a{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1801 .elementor-element.elementor-element-9ed589a .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-2b5dca9{--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-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-29d615f{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1801 .elementor-element.elementor-element-29d615f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1801 .elementor-element.elementor-element-ca173ce{--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-1801 .elementor-element.elementor-element-314bcb1{--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-1801 .elementor-element.elementor-element-d36635a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1801 .elementor-element.elementor-element-d36635a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-2df5d96{--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-1801 .elementor-element.elementor-element-06fc9c7{--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-1801 .elementor-element.elementor-element-14f41a7 .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu--main .elementor-item:focus{color:#007BD3;fill:#007BD3;}.elementor-1801 .elementor-element.elementor-element-14f41a7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-d35dcd8{--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-1801 .elementor-element.elementor-element-09fcabe .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-09fcabe .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-09fcabe .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-7a2791f{--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-1801 .elementor-element.elementor-element-9fdeedb .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-9fdeedb .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-9fdeedb .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-2dfa5be{--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-1801 .elementor-element.elementor-element-77a86f5 .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-77a86f5 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-77a86f5 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-44f3bff{--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-1801 .elementor-element.elementor-element-9fba648 .elementor-menu-toggle{margin:0 auto;}.elementor-1801 .elementor-element.elementor-element-9fba648 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-9fba648 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-218d46b{--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-1801 .elementor-element.elementor-element-71b3224{--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-1801 .elementor-element.elementor-element-ee8e56a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1801 .elementor-element.elementor-element-ee8e56a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-77c7195{--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-1801 .elementor-element.elementor-element-c7ec7c8{--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-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu--main .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu--main .elementor-item:focus{color:#007BD3;fill:#007BD3;}.elementor-1801 .elementor-element.elementor-element-01d2a96 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-f5d3ce2{--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-1801 .elementor-element.elementor-element-65fb4d3 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-65fb4d3 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-5f0c6b9{--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-1801 .elementor-element.elementor-element-9dc5243 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-9dc5243 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-adc1573{--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-1801 .elementor-element.elementor-element-2d8df40 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-2d8df40 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .elementor-element.elementor-element-1dec9dc{--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-1801 .elementor-element.elementor-element-eb97df3 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1801 .elementor-element.elementor-element-eb97df3 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1801 .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;--padding-top:0px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-29b79f4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1801 .elementor-element.elementor-element-29b79f4 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#007BD3;}.elementor-1801 .elementor-element.elementor-element-410a7fb{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1801 .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-1801 .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-1801 .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-1801 .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-1801 .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-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-a05d458 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .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-1801 .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-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-1801 .elementor-element.elementor-element-1b11f8b .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-e202827 .elementor-button{background-color:#61CE70;}.elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-0e3017f .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-26e38d4 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-d17523a .elementor-button{background-color:#61CE70;}.elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-3dbd9da .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-0c53419 .elementor-button{background-color:#61CE70;}.elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-eed5fb5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-63a6c52 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-a8724c7 .elementor-button{background-color:#61CE70;}.elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-e799fa1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-96316ba .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-593e065 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-0d9a3c9{--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-1801 .elementor-element.elementor-element-4e6c349{--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-1801 .elementor-element.elementor-element-8b9203d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-8b9203d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-0c69682{--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-1801 .elementor-element.elementor-element-b96b3d0{--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-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-f331763{--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-1801 .elementor-element.elementor-element-889c1c9{--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-1801 .elementor-element.elementor-element-7a7df5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-7a7df5a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-9edc0f3{--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-1801 .elementor-element.elementor-element-0e53661{--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-1801 .elementor-element.elementor-element-d285901 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-7300b9c{--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-1801 .elementor-element.elementor-element-942c2d4{--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;--padding-top:0px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-1801 .elementor-element.elementor-element-c92a1fa{--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-1801 .elementor-element.elementor-element-94613f9{--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-1801 .elementor-element.elementor-element-dafadb3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1801 .elementor-element.elementor-element-dafadb3 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#007BD3;}.elementor-1801 .elementor-element.elementor-element-8f5f106{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1801 .elementor-element.elementor-element-8f5f106 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-56c2ad3{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-1801 .elementor-element.elementor-element-8212abf{--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-1801 .elementor-element.elementor-element-8abc2f6{--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-1801 .elementor-element.elementor-element-05c12cf{--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-1801 .elementor-element.elementor-element-ccb9ab5{--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-1801 .elementor-element.elementor-element-42fff1a{--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-1801 .elementor-element.elementor-element-5611546{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-5611546 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-e761b56{--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-1801 .elementor-element.elementor-element-98f1cee{--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-1801 .elementor-element.elementor-element-42ccaee .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-a5d9583{--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-1801 .elementor-element.elementor-element-b320d87{--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-1801 .elementor-element.elementor-element-2705598{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-2705598 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-85c0305{--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-1801 .elementor-element.elementor-element-a7601fa{--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-1801 .elementor-element.elementor-element-f431950 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-acd2e73{--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-1801 .elementor-element.elementor-element-03b7366{--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-1801 .elementor-element.elementor-element-ba36b76{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-ba36b76 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-66d8993{--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-1801 .elementor-element.elementor-element-7fcd88a{--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-1801 .elementor-element.elementor-element-821735a .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-00bb947{--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-1801 .elementor-element.elementor-element-330ad81{--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-1801 .elementor-element.elementor-element-76d3cfc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-76d3cfc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-0e4150c{--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-1801 .elementor-element.elementor-element-8f3d530{--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-1801 .elementor-element.elementor-element-fbe01ad .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-29d6eae{--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-1801 .elementor-element.elementor-element-a35def1{--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-1801 .elementor-element.elementor-element-f42c88c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-f42c88c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-b8627fc{--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-1801 .elementor-element.elementor-element-e1bc73f{--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-1801 .elementor-element.elementor-element-7e03001 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-36467b6{--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-1801 .elementor-element.elementor-element-b6cb9e9{--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-1801 .elementor-element.elementor-element-35ecf09{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-35ecf09 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-2e48abe{--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-1801 .elementor-element.elementor-element-442f000{--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-1801 .elementor-element.elementor-element-0bc0dce .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-5c86ddc{--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-1801 .elementor-element.elementor-element-1e8ec62{--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-1801 .elementor-element.elementor-element-de62f69{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-de62f69 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1801 .elementor-element.elementor-element-e7e1d09{--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-1801 .elementor-element.elementor-element-2ccd359{--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-1801 .elementor-element.elementor-element-9f6859f .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-7a12d37{--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-1801 .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-1801 .elementor-element.elementor-element-46e87602:not(.elementor-motion-effects-element-type-background), .elementor-1801 .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-1801 .elementor-element.elementor-element-46e87602::before, .elementor-1801 .elementor-element.elementor-element-46e87602 > .elementor-background-video-container::before, .elementor-1801 .elementor-element.elementor-element-46e87602 > .e-con-inner > .elementor-background-video-container::before, .elementor-1801 .elementor-element.elementor-element-46e87602 > .elementor-background-slideshow::before, .elementor-1801 .elementor-element.elementor-element-46e87602 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1801 .elementor-element.elementor-element-46e87602 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000BD;--background-overlay:'';}.elementor-1801 .elementor-element.elementor-element-14984579{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1523d909 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-28014e02 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-ce35d4f{--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-1801 .elementor-element.elementor-element-ce35d4f:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-ce35d4f > .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-1801 .elementor-element.elementor-element-ce35d4f::before, .elementor-1801 .elementor-element.elementor-element-ce35d4f > .elementor-background-video-container::before, .elementor-1801 .elementor-element.elementor-element-ce35d4f > .e-con-inner > .elementor-background-video-container::before, .elementor-1801 .elementor-element.elementor-element-ce35d4f > .elementor-background-slideshow::before, .elementor-1801 .elementor-element.elementor-element-ce35d4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-1801 .elementor-element.elementor-element-ce35d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000BD;--background-overlay:'';}.elementor-1801 .elementor-element.elementor-element-10288ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1801 .elementor-element.elementor-element-10288ab .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-1801 .elementor-element.elementor-element-c307e38{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-1801 .elementor-element.elementor-element-4dfddec{--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-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button{background-color:#61CE70;}.elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button{background-color:#61CE70;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1801 .elementor-element.elementor-element-94a7874{--content-width:1250px;}.elementor-1801 .elementor-element.elementor-element-de07f27{--width:7%;}.elementor-1801 .elementor-element.elementor-element-4cb8da3{--width:23%;}.elementor-1801 .elementor-element.elementor-element-53535f3{--width:23%;}.elementor-1801 .elementor-element.elementor-element-7f1d454{--width:23%;}.elementor-1801 .elementor-element.elementor-element-a81ddf3{--width:23%;}.elementor-1801 .elementor-element.elementor-element-607b070{--content-width:1250px;}.elementor-1801 .elementor-element.elementor-element-b685145{--width:15%;}.elementor-1801 .elementor-element.elementor-element-0e910f1{--width:15%;}.elementor-1801 .elementor-element.elementor-element-b51bd68{--width:15%;}.elementor-1801 .elementor-element.elementor-element-2b5dca9{--width:15%;}.elementor-1801 .elementor-element.elementor-element-ca173ce{--content-width:1250px;}.elementor-1801 .elementor-element.elementor-element-314bcb1{--width:100%;}.elementor-1801 .elementor-element.elementor-element-2df5d96{--width:1250px;}.elementor-1801 .elementor-element.elementor-element-06fc9c7{--width:16.6%;}.elementor-1801 .elementor-element.elementor-element-d35dcd8{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-7a2791f{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-2dfa5be{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-44f3bff{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-218d46b{--content-width:1250px;}.elementor-1801 .elementor-element.elementor-element-71b3224{--width:100%;}.elementor-1801 .elementor-element.elementor-element-77c7195{--width:1250px;}.elementor-1801 .elementor-element.elementor-element-c7ec7c8{--width:16.6%;}.elementor-1801 .elementor-element.elementor-element-f5d3ce2{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-5f0c6b9{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-adc1573{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-1dec9dc{--width:16.7%;}.elementor-1801 .elementor-element.elementor-element-6c5cc6c{--content-width:1250px;}.elementor-1801 .elementor-element.elementor-element-1071779{--width:100%;}.elementor-1801 .elementor-element.elementor-element-4c7cc44{--width:50%;}.elementor-1801 .elementor-element.elementor-element-ebd2cde{--width:50%;}.elementor-1801 .elementor-element.elementor-element-bc0b4bb{--width:50%;}.elementor-1801 .elementor-element.elementor-element-8b86f0d{--width:50%;}.elementor-1801 .elementor-element.elementor-element-08ea077{--width:50%;}.elementor-1801 .elementor-element.elementor-element-f16938d{--width:50%;}.elementor-1801 .elementor-element.elementor-element-9f76281{--width:50%;}.elementor-1801 .elementor-element.elementor-element-456c6a6{--width:50%;}.elementor-1801 .elementor-element.elementor-element-a2958e1{--width:50%;}.elementor-1801 .elementor-element.elementor-element-4afcd71{--width:50%;}.elementor-1801 .elementor-element.elementor-element-4e6c349{--width:50%;}.elementor-1801 .elementor-element.elementor-element-0c69682{--width:50%;}.elementor-1801 .elementor-element.elementor-element-889c1c9{--width:50%;}.elementor-1801 .elementor-element.elementor-element-9edc0f3{--width:50%;}.elementor-1801 .elementor-element.elementor-element-942c2d4{--content-width:1250px;}.elementor-1801 .elementor-element.elementor-element-c92a1fa{--width:100%;}.elementor-1801 .elementor-element.elementor-element-42fff1a{--width:50%;}.elementor-1801 .elementor-element.elementor-element-e761b56{--width:50%;}.elementor-1801 .elementor-element.elementor-element-b320d87{--width:50%;}.elementor-1801 .elementor-element.elementor-element-85c0305{--width:50%;}.elementor-1801 .elementor-element.elementor-element-03b7366{--width:50%;}.elementor-1801 .elementor-element.elementor-element-66d8993{--width:50%;}.elementor-1801 .elementor-element.elementor-element-330ad81{--width:50%;}.elementor-1801 .elementor-element.elementor-element-0e4150c{--width:50%;}.elementor-1801 .elementor-element.elementor-element-a35def1{--width:50%;}.elementor-1801 .elementor-element.elementor-element-b8627fc{--width:50%;}.elementor-1801 .elementor-element.elementor-element-b6cb9e9{--width:50%;}.elementor-1801 .elementor-element.elementor-element-2e48abe{--width:50%;}.elementor-1801 .elementor-element.elementor-element-1e8ec62{--width:50%;}.elementor-1801 .elementor-element.elementor-element-e7e1d09{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1801 .elementor-element.elementor-element-de07f27{--width:5%;}.elementor-1801 .elementor-element.elementor-element-4cb8da3{--width:19%;}.elementor-1801 .elementor-element.elementor-element-53535f3{--width:19%;}.elementor-1801 .elementor-element.elementor-element-7f1d454{--width:19%;}.elementor-1801 .elementor-element.elementor-element-a81ddf3{--width:19%;}.elementor-1801 .elementor-element.elementor-element-b685145{--width:19%;}.elementor-1801 .elementor-element.elementor-element-0e910f1{--width:19%;}.elementor-1801 .elementor-element.elementor-element-b51bd68{--width:19%;}.elementor-1801 .elementor-element.elementor-element-2b5dca9{--width:19%;}.elementor-1801 .elementor-element.elementor-element-06fc9c7{--width:19%;}.elementor-1801 .elementor-element.elementor-element-d35dcd8{--width:19%;}.elementor-1801 .elementor-element.elementor-element-7a2791f{--width:19%;}.elementor-1801 .elementor-element.elementor-element-2dfa5be{--width:19%;}.elementor-1801 .elementor-element.elementor-element-44f3bff{--width:19%;}.elementor-1801 .elementor-element.elementor-element-c7ec7c8{--width:19%;}.elementor-1801 .elementor-element.elementor-element-f5d3ce2{--width:19%;}.elementor-1801 .elementor-element.elementor-element-5f0c6b9{--width:19%;}.elementor-1801 .elementor-element.elementor-element-adc1573{--width:19%;}.elementor-1801 .elementor-element.elementor-element-1dec9dc{--width:19%;}}@media(min-width:1025px){.elementor-1801 .elementor-element.elementor-element-46e87602:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-46e87602 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1801 .elementor-element.elementor-element-ce35d4f:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-ce35d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1801 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1801 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0;}.elementor-1801 .elementor-element.elementor-element-ff8cbba{padding:140px 30px 50px 30px;}.elementor-1801 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-7cc4c3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a > .elementor-background-overlay{opacity:0;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a{padding:140px 30px 50px 30px;}.elementor-1801 .elementor-element.elementor-element-0e56f5c .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-f5fc5fe .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-de07f27{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-1801 .elementor-element.elementor-element-ea9d432 img{width:20px;}.elementor-1801 .elementor-element.elementor-element-4cb8da3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-53535f3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-7f1d454{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-a81ddf3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-b685145{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-0e910f1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-b51bd68{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-2b5dca9{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-ca173ce{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-314bcb1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1801 .elementor-element.elementor-element-d36635a .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-06fc9c7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-d35dcd8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-7a2791f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-2dfa5be{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-44f3bff{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-218d46b{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-71b3224{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1801 .elementor-element.elementor-element-ee8e56a .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-c7ec7c8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-f5d3ce2{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-5f0c6b9{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-adc1573{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-1dec9dc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-6c5cc6c{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-1071779{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1801 .elementor-element.elementor-element-29b79f4 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-410a7fb .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-a05d458 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-0e3017f .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-3dbd9da .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-eed5fb5 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-e799fa1 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-8b9203d .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-7a7df5a .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-942c2d4{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-c92a1fa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1801 .elementor-element.elementor-element-dafadb3 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-8f5f106 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-5611546 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-2705598 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-ba36b76 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-76d3cfc .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-f42c88c .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-35ecf09 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-de62f69 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-46e87602{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1801 .elementor-element.elementor-element-14984579 .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-38de50a3{font-size:15px;line-height:30px;}.elementor-1801 .elementor-element.elementor-element-ce35d4f{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1801 .elementor-element.elementor-element-10288ab .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-c307e38{font-size:15px;line-height:30px;}}@media(max-width:767px){.elementor-1801 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1801 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0.65;}.elementor-1801 .elementor-element.elementor-element-ff8cbba{padding:110px 20px 40px 20px;}.elementor-1801 .elementor-element.elementor-element-782151b{width:100%;}.elementor-1801 .elementor-element.elementor-element-500b3ef{text-align:center;}.elementor-1801 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-size:25px;}.elementor-1801 .elementor-element.elementor-element-fec6ae9{text-align:center;}.elementor-1801 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-size:25px;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a:not(.elementor-motion-effects-element-type-background), .elementor-1801 .elementor-element.elementor-element-7cc4c3a > .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-1801 .elementor-element.elementor-element-7cc4c3a > .elementor-container{max-width:500px;min-height:130px;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a > .elementor-background-overlay{opacity:0.65;}.elementor-1801 .elementor-element.elementor-element-7cc4c3a{padding:40px 20px 40px 20px;}.elementor-1801 .elementor-element.elementor-element-5889f48{width:100%;}.elementor-1801 .elementor-element.elementor-element-0e56f5c{text-align:center;}.elementor-1801 .elementor-element.elementor-element-0e56f5c .elementor-heading-title{font-size:15px;}.elementor-1801 .elementor-element.elementor-element-f5fc5fe{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1801 .elementor-element.elementor-element-f5fc5fe .elementor-heading-title{font-size:35px;}.elementor-1801 .elementor-element.elementor-element-de07f27{--width:20%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1801 .elementor-element.elementor-element-ea9d432 img{width:24px;}.elementor-1801 .elementor-element.elementor-element-4cb8da3{--width:40%;}.elementor-1801 .elementor-element.elementor-element-53535f3{--width:40%;}.elementor-1801 .elementor-element.elementor-element-7f1d454{--width:40%;}.elementor-1801 .elementor-element.elementor-element-a81ddf3{--width:40%;}.elementor-1801 .elementor-element.elementor-element-b685145{--width:25%;--min-height:50px;}.elementor-1801 .elementor-element.elementor-element-0e910f1{--width:25%;--min-height:50px;}.elementor-1801 .elementor-element.elementor-element-b51bd68{--width:25%;--min-height:50px;}.elementor-1801 .elementor-element.elementor-element-2b5dca9{--width:25%;--min-height:50px;}.elementor-1801 .elementor-element.elementor-element-ca173ce{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-06fc9c7{--width:40%;}.elementor-1801 .elementor-element.elementor-element-d35dcd8{--width:40%;}.elementor-1801 .elementor-element.elementor-element-7a2791f{--width:40%;}.elementor-1801 .elementor-element.elementor-element-2dfa5be{--width:40%;}.elementor-1801 .elementor-element.elementor-element-44f3bff{--width:40%;}.elementor-1801 .elementor-element.elementor-element-218d46b{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1801 .elementor-element.elementor-element-ee8e56a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1801 .elementor-element.elementor-element-ee8e56a .elementor-heading-title{font-size:22px;}.elementor-1801 .elementor-element.elementor-element-77c7195{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1801 .elementor-element.elementor-element-c7ec7c8{--width:40%;}.elementor-1801 .elementor-element.elementor-element-f5d3ce2{--width:40%;}.elementor-1801 .elementor-element.elementor-element-5f0c6b9{--width:40%;}.elementor-1801 .elementor-element.elementor-element-adc1573{--width:40%;}.elementor-1801 .elementor-element.elementor-element-1dec9dc{--width:40%;}.elementor-1801 .elementor-element.elementor-element-6c5cc6c{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1801 .elementor-element.elementor-element-942c2d4{--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-1801 .elementor-element.elementor-element-dafadb3 .elementor-heading-title{font-size:15px;}.elementor-1801 .elementor-element.elementor-element-8f5f106 .elementor-heading-title{font-size:30px;}.elementor-1801 .elementor-element.elementor-element-56c2ad3{text-align:start;font-size:15px;line-height:1.3em;}.elementor-1801 .elementor-element.elementor-element-05c12cf{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1801 .elementor-element.elementor-element-5611546 .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-2705598 .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-ba36b76 .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-330ad81{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1801 .elementor-element.elementor-element-76d3cfc .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-f42c88c .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-35ecf09 .elementor-heading-title{font-size:28px;}.elementor-1801 .elementor-element.elementor-element-46e87602{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1801 .elementor-element.elementor-element-38de50a3{font-size:14px;line-height:25px;}.elementor-1801 .elementor-element.elementor-element-ce35d4f{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1801 .elementor-element.elementor-element-10288ab .elementor-heading-title{font-size:25px;}.elementor-1801 .elementor-element.elementor-element-c307e38{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;line-height:25px;}.elementor-1801 .elementor-element.elementor-element-508c8b1{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1801 .elementor-element.elementor-element-4dfddec{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for image, class: .elementor-element-ea9d432 *//* 기본 상태에서 아이콘에 부드러운 애니메이션 효과 부여 */ .elementor-1801 .elementor-element.elementor-element-ea9d432 img { transition: all 0.3s ease; } /* 컨테이너에 마우스 호버 시 내부 이미지 위젯의 검은색을 흰색(Invert)으로 변경 */ .elementor-1801 .elementor-element.elementor-element-ea9d432:hover img { filter: brightness(0) invert(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-de07f27 *//* --- 업데이트된 홈 버튼 전용 코드 --- */ /* 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-94a7874 *//* =================================================== HIGHC 2-DEPTH PRODUCT MENU (셀 100% 풀-채움 FIX) 부모 컨테이너 [고급] > [커스텀 CSS] =================================================== */ /* 1. 전체 메뉴 바 외곽 프레임 */ .elementor-1801 .elementor-element.elementor-element-94a7874 { 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-1801 .elementor-element.elementor-element-94a7874 .elementor-widget-nav-menu, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main, .elementor-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child { border-right: 0 !important; } /* 3. 메뉴 링크 텍스트 (A) - 칸 전체(100%)를 빈틈없이 채우기 */ .elementor-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:hover, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within { background-color: #F2F8FC !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } /* 호버 시 글자색 및 화살표 파란색 변경 */ .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within > a { color: #007BD3 !important; background: transparent !important; } /* 5. ACTIVE: 현재 활성화된 페이지 */ .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-parent, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor { background-color: #EAF5FB !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-parent > a, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a { color: #007BD3 !important; font-weight: 700 !important; background: transparent !important; } /* 드롭다운 화살표(▼) */ .elementor-1801 .elementor-element.elementor-element-94a7874 .sub-arrow { margin-left: 6px !important; padding: 0 !important; font-size: 11px !important; color: #46545F !important; transition: color 0.22s ease !important; } .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:hover .sub-arrow, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within .sub-arrow { color: #007BD3 !important; } /* =================================================== 6. 드롭다운 서브메뉴 박스 스타일링 =================================================== */ .elementor-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--main .sub-menu li:hover > a { background: #F2F8FC !important; color: #007BD3 !important; font-weight: 600 !important; padding-left: 22px !important; } /* 드롭다운 현재 활성 메뉴 */ .elementor-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 { margin-bottom: 35px !important; border-radius: 0 !important; } .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--dropdown { background: #FFFFFF !important; border: 1px solid #D7DCE1 !important; } .elementor-1801 .elementor-element.elementor-element-94a7874 .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-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--dropdown a:hover, .elementor-1801 .elementor-element.elementor-element-94a7874 .elementor-nav-menu--dropdown .elementor-item-active { background: #F2F8FC !important; color: #007BD3 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-607b070 *//* ========================================================= HIGHC TECHNICAL SUB MENU - MOBILE (기술자료 4개 1행 전용) - Mobile: 1행 4개 (각 25% 균등 분할 / 높이 42px) - 드롭다운: 화면 위 오버레이 (본문 밀림 방지) ========================================================= */ @media (max-width: 767px) { /* ===================================================== 1. 전체 메뉴 부모 컨테이너 ===================================================== */ .elementor-1801 .elementor-element.elementor-element-607b070 { 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-1801 .elementor-element.elementor-element-607b070 > .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .menu-box:last-child, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box:nth-child(4) { border-right: 0 !important; } /* 열린 메뉴 최상위 레이어 */ .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box:has(a[aria-expanded="true"]) { z-index: 10000 !important; } /* ===================================================== 3. WORDPRESS MENU 내부 ===================================================== */ .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box .elementor-widget-nav-menu, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box .elementor-widget-container, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box nav, .elementor-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .menu-box .current-menu-item > a, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box .current-menu-parent > a, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box .current-menu-ancestor > a, .elementor-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .menu-box:nth-child(3) .elementor-nav-menu--main .sub-menu, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box:nth-child(4) .elementor-nav-menu--main .sub-menu { left: auto !important; right: 0 !important; } /* ===================================================== 9. 드롭다운 항목 ===================================================== */ .elementor-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070 .menu-box .elementor-nav-menu--main .sub-menu li:last-child > a { border-bottom: 0 !important; } /* ===================================================== 10. 드롭다운 HOVER / ACTIVE ===================================================== */ .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box .elementor-nav-menu--main .sub-menu li:hover > a { background: #F2F8FC !important; color: #007BD3 !important; font-weight: 600 !important; } .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box .elementor-nav-menu--main .sub-menu li.current-menu-item > a, .elementor-1801 .elementor-element.elementor-element-607b070 .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-1801 .elementor-element.elementor-element-607b070, .elementor-1801 .elementor-element.elementor-element-607b070 > .e-con-inner, .elementor-1801 .elementor-element.elementor-element-607b070 .menu-box, .elementor-1801 .elementor-element.elementor-element-607b070 .elementor-widget-nav-menu, .elementor-1801 .elementor-element.elementor-element-607b070 .elementor-widget-container, .elementor-1801 .elementor-element.elementor-element-607b070 nav { overflow: visible !important; } .elementor-1801 .elementor-element.elementor-element-607b070 .scroll-up, .elementor-1801 .elementor-element.elementor-element-607b070 .scroll-down { display: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2df5d96 *//* =================================================== HIGHC 3-DEPTH MENU 현재 페이지 1개만 ACTIVE 부모 컨테이너 [고급] > [커스텀 CSS]에 적용 =================================================== */ /* =================================================== 1. 전체 부모 컨테이너 =================================================== */ .elementor-1801 .elementor-element.elementor-element-2df5d96 { 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-1801 .elementor-element.elementor-element-2df5d96 > .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-1801 .elementor-element.elementor-element-2df5d96 .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-1801 .elementor-element.elementor-element-2df5d96 .menu-box:last-child { border-right: 0 !important; } /* =================================================== 3. 기본 텍스트 =================================================== */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box *, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box a span, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-button, .elementor-1801 .elementor-element.elementor-element-2df5d96 .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-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.current-menu-item), .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.current_page_item), .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.elementor-item-active), .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(a[aria-current="page"]) { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 2 !important; } /* ACTIVE 내부 글자 흰색 */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.current-menu-item) *, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.current_page_item) *, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.elementor-item-active) *, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(a[aria-current="page"]) * { color: #FFFFFF !important; font-weight: 700 !important; } /* ACTIVE 내부 링크 배경 투명 */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.current-menu-item) a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.current_page_item) a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(.elementor-item-active) a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:has(a[aria-current="page"]) a { background: transparent !important; } /* =================================================== 5. HOVER =================================================== */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .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-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover *, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover a:hover, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover a span, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover .elementor-item, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover .elementor-button, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover .elementor-button:hover, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:hover .elementor-button-text { color: #FFFFFF !important; background: transparent !important; } /* =================================================== 6. Elementor 자체 배경 / 효과 제거 =================================================== */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-2df5d96 .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-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item:hover, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item.elementor-item-active, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .current-menu-item > a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .current_page_item > a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box a[aria-current="page"] { background: transparent !important; } /* Elementor 가상 밑줄 효과 제거 */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item::before, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item::after, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-button::before, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-button::after { display: none !important; } /* =================================================== 7. 모바일 2열 구성 =================================================== */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-2df5d96 > .e-con-inner { flex-wrap: wrap !important; } .elementor-1801 .elementor-element.elementor-element-2df5d96 .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-1801 .elementor-element.elementor-element-2df5d96 .menu-box:nth-child(2n) { border-right: 0 !important; } /* 마지막 행 하단선 제거 */ .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box:nth-last-child(-n+2) { border-bottom: 0 !important; } .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box *, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box a, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-2df5d96 .menu-box .elementor-button, .elementor-1801 .elementor-element.elementor-element-2df5d96 .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-77c7195 *//* =================================================== HIGHC 3-DEPTH MENU 5개 메뉴 전용 PC : 5개 1행 균등 MOBILE : 1행 = 2개 (50% + 50%) 2행 = 3개 (33.333% + 33.333% + 33.333%) =================================================== */ /* =================================================== 1. 전체 부모 컨테이너 =================================================== */ .elementor-1801 .elementor-element.elementor-element-77c7195 { 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-1801 .elementor-element.elementor-element-77c7195 > .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-1801 .elementor-element.elementor-element-77c7195 .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-1801 .elementor-element.elementor-element-77c7195 .menu-box:last-child { border-right: 0 !important; } /* =================================================== 3. 기본 텍스트 =================================================== */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box a, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box a span, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button, .elementor-1801 .elementor-element.elementor-element-77c7195 .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-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(.current-menu-item), .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(.current_page_item), .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(.elementor-item-active), .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(a[aria-current="page"]) { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 2 !important; } .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(.current-menu-item) *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(.current_page_item) *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(.elementor-item-active) *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:has(a[aria-current="page"]) * { color: #FFFFFF !important; font-weight: 700 !important; } /* =================================================== 5. HOVER =================================================== */ .elementor-1801 .elementor-element.elementor-element-77c7195 .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-1801 .elementor-element.elementor-element-77c7195 .menu-box:hover *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:hover a, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:hover .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:hover .elementor-button { color: #FFFFFF !important; } /* =================================================== 6. Elementor 자체 스타일 초기화 =================================================== */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .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-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item::before, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item::after, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button::before, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button::after { display: none !important; } /* =================================================== 7. MOBILE 1행 : 2개 = 50% + 50% 2행 : 3개 = 33.333% × 3 =================================================== */ @media (max-width: 767px) { /* 전체 */ .elementor-1801 .elementor-element.elementor-element-77c7195 { border-radius: 8px !important; } /* 반드시 줄바꿈 */ .elementor-1801 .elementor-element.elementor-element-77c7195 > .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-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(1), .elementor-1801 .elementor-element.elementor-element-77c7195 .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-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(1) { border-right: 1px solid #D7DCE1 !important; } /* 1행 마지막 메뉴 */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(2) { border-right: 0 !important; } /* =================================================== 2행 3번 / 4번 / 5번 33.333% × 3 =================================================== */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(3), .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(4), .elementor-1801 .elementor-element.elementor-element-77c7195 .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-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(3) { border-right: 1px solid #D7DCE1 !important; } /* 4번 */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(4) { border-right: 1px solid #D7DCE1 !important; } /* 5번 = 마지막 */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box:nth-child(5) { border-right: 0 !important; } /* =================================================== 모바일 텍스트 =================================================== */ .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box a, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button-text { font-size: 12px !important; letter-spacing: -0.5px !important; white-space: nowrap !important; line-height: 1 !important; } .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button { padding: 0 5px !important; } } /* =================================================== 8. 작은 모바일 =================================================== */ @media (max-width: 390px) { .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box *, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box a, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button-text { font-size: 11.5px !important; letter-spacing: -0.6px !important; } .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-item, .elementor-1801 .elementor-element.elementor-element-77c7195 .menu-box .elementor-button { padding: 0 3px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1b11f8b *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1b11f8b .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-1b11f8b .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-1b11f8b .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1b11f8b .elementor-button, .elementor-1801 .elementor-element.elementor-element-1b11f8b .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-1b11f8b .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-e202827 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-e202827 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-e202827 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-e202827 .elementor-button, .elementor-1801 .elementor-element.elementor-element-e202827 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-e202827 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1b06992:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-1b06992 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-1b06992:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1b06992 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-1b06992, .elementor-1801 .elementor-element.elementor-element-1b06992::before, .elementor-1801 .elementor-element.elementor-element-1b06992 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-1b06992 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-1b06992:hover, .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-26e38d4 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-26e38d4 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-26e38d4 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-26e38d4 .elementor-button, .elementor-1801 .elementor-element.elementor-element-26e38d4 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-26e38d4 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-d17523a .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-d17523a .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-d17523a .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-d17523a .elementor-button, .elementor-1801 .elementor-element.elementor-element-d17523a .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-d17523a .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-c3bce82:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-c3bce82 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-c3bce82:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-c3bce82 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-c3bce82, .elementor-1801 .elementor-element.elementor-element-c3bce82::before, .elementor-1801 .elementor-element.elementor-element-c3bce82 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-c3bce82 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-c3bce82:hover, .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button, .elementor-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-bbbf2ed .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-0c53419 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-0c53419 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-0c53419 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-0c53419 .elementor-button, .elementor-1801 .elementor-element.elementor-element-0c53419 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-0c53419 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-ac42ddc:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-ac42ddc .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-ac42ddc:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-ac42ddc { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-ac42ddc, .elementor-1801 .elementor-element.elementor-element-ac42ddc::before, .elementor-1801 .elementor-element.elementor-element-ac42ddc .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-ac42ddc .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-ac42ddc:hover, .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-63a6c52 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-63a6c52 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-63a6c52 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-63a6c52 .elementor-button, .elementor-1801 .elementor-element.elementor-element-63a6c52 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-63a6c52 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-a8724c7 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-a8724c7 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-a8724c7 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-a8724c7 .elementor-button, .elementor-1801 .elementor-element.elementor-element-a8724c7 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-a8724c7 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-a84d0e1:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-a84d0e1 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-a84d0e1:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-a84d0e1 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-a84d0e1, .elementor-1801 .elementor-element.elementor-element-a84d0e1::before, .elementor-1801 .elementor-element.elementor-element-a84d0e1 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-a84d0e1 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-a84d0e1:hover, .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-96316ba .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-96316ba .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-96316ba .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-96316ba .elementor-button, .elementor-1801 .elementor-element.elementor-element-96316ba .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-96316ba .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-593e065 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-593e065 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-593e065 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-593e065 .elementor-button, .elementor-1801 .elementor-element.elementor-element-593e065 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-593e065 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-ca683dd:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-ca683dd .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-ca683dd:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .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-1801 .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-1801 .elementor-element.elementor-element-ca683dd { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-ca683dd, .elementor-1801 .elementor-element.elementor-element-ca683dd::before, .elementor-1801 .elementor-element.elementor-element-ca683dd .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-ca683dd .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-ca683dd:hover, .elementor-1801 .elementor-element.elementor-element-ca683dd .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b8cb4c6 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .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-1801 .elementor-element.elementor-element-b8cb4c6 .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-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .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-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button, .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-b8cb4c6 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7f05d7f *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-7f05d7f .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-1801 .elementor-element.elementor-element-7f05d7f .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-1801 .elementor-element.elementor-element-7f05d7f .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-7f05d7f .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-1801 .elementor-element.elementor-element-7f05d7f .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button, .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-7f05d7f .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0d9a3c9 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-0d9a3c9 { 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-1801 .elementor-element.elementor-element-0d9a3c9::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-1801 .elementor-element.elementor-element-0d9a3c9:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-0d9a3c9:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-0d9a3c9 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-0d9a3c9:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-0d9a3c9 .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-1801 .elementor-element.elementor-element-0d9a3c9 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-0d9a3c9 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-0d9a3c9, .elementor-1801 .elementor-element.elementor-element-0d9a3c9::before, .elementor-1801 .elementor-element.elementor-element-0d9a3c9 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-0d9a3c9 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-0d9a3c9:hover, .elementor-1801 .elementor-element.elementor-element-0d9a3c9 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d285901 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-d285901 .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-1801 .elementor-element.elementor-element-d285901 .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-1801 .elementor-element.elementor-element-d285901 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-d285901 .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-1801 .elementor-element.elementor-element-d285901 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button, .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-d285901 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d31fd75 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-d31fd75 .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-1801 .elementor-element.elementor-element-d31fd75 .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-1801 .elementor-element.elementor-element-d31fd75 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-d31fd75 .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-1801 .elementor-element.elementor-element-d31fd75 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button, .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-d31fd75 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f331763 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-f331763 { 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-1801 .elementor-element.elementor-element-f331763::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-1801 .elementor-element.elementor-element-f331763:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-f331763:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-f331763 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-f331763:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-f331763 .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-1801 .elementor-element.elementor-element-f331763 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-f331763 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-f331763, .elementor-1801 .elementor-element.elementor-element-f331763::before, .elementor-1801 .elementor-element.elementor-element-f331763 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-f331763 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-f331763:hover, .elementor-1801 .elementor-element.elementor-element-f331763 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-42ccaee *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-42ccaee .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-1801 .elementor-element.elementor-element-42ccaee .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-1801 .elementor-element.elementor-element-42ccaee .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-42ccaee .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-1801 .elementor-element.elementor-element-42ccaee .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button, .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-42ccaee .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1dd28fa *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-1dd28fa .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-1801 .elementor-element.elementor-element-1dd28fa .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-1801 .elementor-element.elementor-element-1dd28fa .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-1dd28fa .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-1801 .elementor-element.elementor-element-1dd28fa .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button, .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-1dd28fa .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e761b56 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1801 .elementor-element.elementor-element-e761b56 .e-con, .elementor-1801 .elementor-element.elementor-element-e761b56 .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-1801 .elementor-element.elementor-element-e761b56 .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-1801 .elementor-element.elementor-element-e761b56 .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-ccb9ab5 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-ccb9ab5 { 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-1801 .elementor-element.elementor-element-ccb9ab5::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-1801 .elementor-element.elementor-element-ccb9ab5:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-ccb9ab5:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-ccb9ab5 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-ccb9ab5:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-ccb9ab5 .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-1801 .elementor-element.elementor-element-ccb9ab5 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-ccb9ab5 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-ccb9ab5, .elementor-1801 .elementor-element.elementor-element-ccb9ab5::before, .elementor-1801 .elementor-element.elementor-element-ccb9ab5 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-ccb9ab5 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-ccb9ab5:hover, .elementor-1801 .elementor-element.elementor-element-ccb9ab5 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f431950 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-f431950 .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-1801 .elementor-element.elementor-element-f431950 .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-1801 .elementor-element.elementor-element-f431950 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-f431950 .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-1801 .elementor-element.elementor-element-f431950 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button, .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-f431950 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1cca466 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-1cca466 .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-1801 .elementor-element.elementor-element-1cca466 .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-1801 .elementor-element.elementor-element-1cca466 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-1cca466 .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-1801 .elementor-element.elementor-element-1cca466 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button, .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-1cca466 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-85c0305 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1801 .elementor-element.elementor-element-85c0305 .e-con, .elementor-1801 .elementor-element.elementor-element-85c0305 .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-1801 .elementor-element.elementor-element-85c0305 .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-1801 .elementor-element.elementor-element-85c0305 .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-a5d9583 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-a5d9583 { 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-1801 .elementor-element.elementor-element-a5d9583::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-1801 .elementor-element.elementor-element-a5d9583:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-a5d9583:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-a5d9583 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-a5d9583:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-a5d9583 .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-1801 .elementor-element.elementor-element-a5d9583 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-a5d9583 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-a5d9583, .elementor-1801 .elementor-element.elementor-element-a5d9583::before, .elementor-1801 .elementor-element.elementor-element-a5d9583 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-a5d9583 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-a5d9583:hover, .elementor-1801 .elementor-element.elementor-element-a5d9583 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-821735a *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-821735a .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-1801 .elementor-element.elementor-element-821735a .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-1801 .elementor-element.elementor-element-821735a .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-821735a .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-1801 .elementor-element.elementor-element-821735a .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button, .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-821735a .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a623da4 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-a623da4 .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-1801 .elementor-element.elementor-element-a623da4 .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-1801 .elementor-element.elementor-element-a623da4 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-a623da4 .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-1801 .elementor-element.elementor-element-a623da4 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button, .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-a623da4 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-66d8993 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1801 .elementor-element.elementor-element-66d8993 .e-con, .elementor-1801 .elementor-element.elementor-element-66d8993 .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-1801 .elementor-element.elementor-element-66d8993 .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-1801 .elementor-element.elementor-element-66d8993 .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-acd2e73 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-acd2e73 { 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-1801 .elementor-element.elementor-element-acd2e73::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-1801 .elementor-element.elementor-element-acd2e73:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-acd2e73:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-acd2e73 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-acd2e73:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-acd2e73 .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-1801 .elementor-element.elementor-element-acd2e73 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-acd2e73 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-acd2e73, .elementor-1801 .elementor-element.elementor-element-acd2e73::before, .elementor-1801 .elementor-element.elementor-element-acd2e73 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-acd2e73 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-acd2e73:hover, .elementor-1801 .elementor-element.elementor-element-acd2e73 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-fbe01ad *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-fbe01ad .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-1801 .elementor-element.elementor-element-fbe01ad .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-1801 .elementor-element.elementor-element-fbe01ad .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-fbe01ad .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-1801 .elementor-element.elementor-element-fbe01ad .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button, .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-fbe01ad .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b660e85 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-b660e85 .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-1801 .elementor-element.elementor-element-b660e85 .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-1801 .elementor-element.elementor-element-b660e85 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-b660e85 .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-1801 .elementor-element.elementor-element-b660e85 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button, .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-b660e85 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0e4150c *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1801 .elementor-element.elementor-element-0e4150c .e-con, .elementor-1801 .elementor-element.elementor-element-0e4150c .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-1801 .elementor-element.elementor-element-0e4150c .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-1801 .elementor-element.elementor-element-0e4150c .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-00bb947 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-00bb947 { 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-1801 .elementor-element.elementor-element-00bb947::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-1801 .elementor-element.elementor-element-00bb947:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-00bb947:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-00bb947 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-00bb947:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-00bb947 .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-1801 .elementor-element.elementor-element-00bb947 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-00bb947 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-00bb947, .elementor-1801 .elementor-element.elementor-element-00bb947::before, .elementor-1801 .elementor-element.elementor-element-00bb947 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-00bb947 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-00bb947:hover, .elementor-1801 .elementor-element.elementor-element-00bb947 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7e03001 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-7e03001 .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-1801 .elementor-element.elementor-element-7e03001 .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-1801 .elementor-element.elementor-element-7e03001 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-7e03001 .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-1801 .elementor-element.elementor-element-7e03001 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button, .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-7e03001 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a3d0d08 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-a3d0d08 .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-1801 .elementor-element.elementor-element-a3d0d08 .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-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-a3d0d08 .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-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button, .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-a3d0d08 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8627fc *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1801 .elementor-element.elementor-element-b8627fc .e-con, .elementor-1801 .elementor-element.elementor-element-b8627fc .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-1801 .elementor-element.elementor-element-b8627fc .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-1801 .elementor-element.elementor-element-b8627fc .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-29d6eae *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-29d6eae { 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-1801 .elementor-element.elementor-element-29d6eae::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-1801 .elementor-element.elementor-element-29d6eae:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-29d6eae:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-29d6eae .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-29d6eae:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-29d6eae .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-1801 .elementor-element.elementor-element-29d6eae .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-29d6eae { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-29d6eae, .elementor-1801 .elementor-element.elementor-element-29d6eae::before, .elementor-1801 .elementor-element.elementor-element-29d6eae .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-29d6eae .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-29d6eae:hover, .elementor-1801 .elementor-element.elementor-element-29d6eae .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0bc0dce *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-0bc0dce .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-1801 .elementor-element.elementor-element-0bc0dce .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-1801 .elementor-element.elementor-element-0bc0dce .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-0bc0dce .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-1801 .elementor-element.elementor-element-0bc0dce .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button, .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-0bc0dce .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e2a80d4 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-e2a80d4 .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-1801 .elementor-element.elementor-element-e2a80d4 .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-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-e2a80d4 .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-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button, .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-e2a80d4 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e48abe *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1801 .elementor-element.elementor-element-2e48abe .e-con, .elementor-1801 .elementor-element.elementor-element-2e48abe .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-1801 .elementor-element.elementor-element-2e48abe .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-1801 .elementor-element.elementor-element-2e48abe .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-36467b6 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-36467b6 { 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-1801 .elementor-element.elementor-element-36467b6::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-1801 .elementor-element.elementor-element-36467b6:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-36467b6:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-36467b6 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-36467b6:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-36467b6 .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-1801 .elementor-element.elementor-element-36467b6 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-36467b6 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-36467b6, .elementor-1801 .elementor-element.elementor-element-36467b6::before, .elementor-1801 .elementor-element.elementor-element-36467b6 .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-36467b6 .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-36467b6:hover, .elementor-1801 .elementor-element.elementor-element-36467b6 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9f6859f *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-9f6859f .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-1801 .elementor-element.elementor-element-9f6859f .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-1801 .elementor-element.elementor-element-9f6859f .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-9f6859f .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-1801 .elementor-element.elementor-element-9f6859f .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button, .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-9f6859f .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2754eab *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-2754eab .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-1801 .elementor-element.elementor-element-2754eab .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-1801 .elementor-element.elementor-element-2754eab .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-2754eab .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-1801 .elementor-element.elementor-element-2754eab .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button, .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-2754eab .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5c86ddc *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1801 .elementor-element.elementor-element-5c86ddc { 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-1801 .elementor-element.elementor-element-5c86ddc::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-1801 .elementor-element.elementor-element-5c86ddc:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1801 .elementor-element.elementor-element-5c86ddc:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1801 .elementor-element.elementor-element-5c86ddc .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1801 .elementor-element.elementor-element-5c86ddc:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1801 .elementor-element.elementor-element-5c86ddc .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-1801 .elementor-element.elementor-element-5c86ddc .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-5c86ddc { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-5c86ddc, .elementor-1801 .elementor-element.elementor-element-5c86ddc::before, .elementor-1801 .elementor-element.elementor-element-5c86ddc .elementor-heading-title, .elementor-1801 .elementor-element.elementor-element-5c86ddc .elementor-button { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-5c86ddc:hover, .elementor-1801 .elementor-element.elementor-element-5c86ddc .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-05c12cf */@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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1523d909 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-1523d909 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-1523d909 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-1523d909 .elementor-button, .elementor-1801 .elementor-element.elementor-element-1523d909 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-1523d909 .elementor-button::before { display: none !important; } .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-28014e02 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-28014e02 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-28014e02 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .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-1801 .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-1801 .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-1801 .elementor-element.elementor-element-28014e02 .elementor-button, .elementor-1801 .elementor-element.elementor-element-28014e02 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-28014e02 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-28014e02 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-508c8b1 *//* ================================================== 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-8d9cb70 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1801 .elementor-element.elementor-element-8d9cb70 .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-1801 .elementor-element.elementor-element-8d9cb70 .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-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1801 .elementor-element.elementor-element-8d9cb70 .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-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button, .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-8d9cb70 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b5ee59e *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1801 .elementor-element.elementor-element-b5ee59e .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-1801 .elementor-element.elementor-element-b5ee59e .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-1801 .elementor-element.elementor-element-b5ee59e .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button-content-wrapper, .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1801 .elementor-element.elementor-element-b5ee59e .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-1801 .elementor-element.elementor-element-b5ee59e .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button, .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button::before { transition: none !important; } .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button::before { display: none !important; } .elementor-1801 .elementor-element.elementor-element-b5ee59e .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4dfddec *//* ========================================= MOBILE CTA BUTTONS - 2개 한 줄 배치 ========================================= */ @media (max-width: 767px) { .elementor-1801 .elementor-element.elementor-element-4dfddec { 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-1801 .elementor-element.elementor-element-4dfddec > .elementor-element { flex: 1 1 0 !important; width: calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 0 !important; } /* 버튼 자체 */ .elementor-1801 .elementor-element.elementor-element-4dfddec .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 */