.elementor-1767 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highc.shop/wp-content/uploads/2026/08/thinky-catalog.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-container{max-width:1250px;min-height:340px;}.elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1767 .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-1767 .elementor-element.elementor-element-500b3ef{text-align:center;}.elementor-1767 .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-1767 .elementor-element.elementor-element-fec6ae9{text-align:center;}.elementor-1767 .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-1767 .elementor-element.elementor-element-fa3ff37:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highc.shop/wp-content/uploads/2026/08/highc-products-hero-bg01.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-container{max-width:1250px;min-height:340px;}.elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-background-overlay{opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1767 .elementor-element.elementor-element-fa3ff37{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1767 .elementor-element.elementor-element-e5cd9c6{text-align:center;}.elementor-1767 .elementor-element.elementor-element-e5cd9c6 .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-1767 .elementor-element.elementor-element-ca65932{text-align:center;}.elementor-1767 .elementor-element.elementor-element-ca65932 .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-1767 .elementor-element.elementor-element-b046295{--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-1767 .elementor-element.elementor-element-b046295:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-b046295 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-1767 .elementor-element.elementor-element-456e5f1{--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-1767 .elementor-element.elementor-element-456e5f1.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-1767 .elementor-element.elementor-element-e18a16b{text-align:center;}.elementor-1767 .elementor-element.elementor-element-e18a16b img{width:30px;}.elementor-1767 .elementor-element.elementor-element-12429d0{--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-1767 .elementor-element.elementor-element-95bfda0{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-1767 .elementor-element.elementor-element-95bfda0 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-1767 .elementor-element.elementor-element-95bfda0 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-04d32f3{--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-1767 .elementor-element.elementor-element-7589078 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-7589078{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1767 .elementor-element.elementor-element-7589078 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-1b20708{--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-1767 .elementor-element.elementor-element-e7410a9 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-e7410a9{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1767 .elementor-element.elementor-element-e7410a9 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-9036562{--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-1767 .elementor-element.elementor-element-fd1136c .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-fd1136c{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1767 .elementor-element.elementor-element-fd1136c .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-611fdde{--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-1767 .elementor-element.elementor-element-611fdde:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-611fdde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBFBFB;}.elementor-1767 .elementor-element.elementor-element-20d01d7{--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-1767 .elementor-element.elementor-element-8edd376{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-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0075C2;}.elementor-1767 .elementor-element.elementor-element-8edd376 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-2c69ddb{--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-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-520daac{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1767 .elementor-element.elementor-element-520daac .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-edb2509{--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-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-438a7d8{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1767 .elementor-element.elementor-element-438a7d8 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-92f9b06{--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-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;padding-left:22px;padding-right:22px;padding-top:14px;padding-bottom:14px;}.elementor-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-94dbd18{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1767 .elementor-element.elementor-element-94dbd18 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1767 .elementor-element.elementor-element-dcc7b30{--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-1767 .elementor-element.elementor-element-f35ce0b{--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-1767 .elementor-element.elementor-element-97ad019{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-97ad019 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-4683f48{--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-1767 .elementor-element.elementor-element-5d72512{--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-1767 .elementor-element.elementor-element-0dae0b2 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu--main .elementor-item:focus{color:#007BD3;fill:#007BD3;}.elementor-1767 .elementor-element.elementor-element-0dae0b2 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-163de21{--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-1767 .elementor-element.elementor-element-930fe5e .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-930fe5e .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-930fe5e .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-8c37a4f{--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-1767 .elementor-element.elementor-element-0127714 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-0127714 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-0127714 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-f303e0e{--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-1767 .elementor-element.elementor-element-49d4328 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-49d4328 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-49d4328 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-cc8afae{--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-1767 .elementor-element.elementor-element-43602a7 .elementor-menu-toggle{margin:0 auto;}.elementor-1767 .elementor-element.elementor-element-43602a7 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-43602a7 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-7268e55{--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-1767 .elementor-element.elementor-element-fed86fb{--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-1767 .elementor-element.elementor-element-deb19c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-deb19c9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-439bde3{--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-1767 .elementor-element.elementor-element-8e37a2d{--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-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu--main .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu--main .elementor-item:focus{color:#007BD3;fill:#007BD3;}.elementor-1767 .elementor-element.elementor-element-2970412 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-17b10fe{--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-1767 .elementor-element.elementor-element-7acfb7e .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-7acfb7e .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-5324a71{--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-1767 .elementor-element.elementor-element-0e4708e .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-0e4708e .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-44dcd50{--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-1767 .elementor-element.elementor-element-cc43224 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-cc43224 .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-0da33da{--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-1767 .elementor-element.elementor-element-280ca4e .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;}.elementor-1767 .elementor-element.elementor-element-280ca4e .elementor-nav-menu--main .elementor-item{color:#46545F;fill:#46545F;}.elementor-1767 .elementor-element.elementor-element-5ae0db6{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-1767 .elementor-element.elementor-element-ec11fa0{--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-1767 .elementor-element.elementor-element-e45920d{--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-1767 .elementor-element.elementor-element-f72bd1e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-f72bd1e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#007BD3;}.elementor-1767 .elementor-element.elementor-element-a72876d{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-a72876d .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-1767 .elementor-element.elementor-element-ab067d3{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-1767 .elementor-element.elementor-element-7146d3a{--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-1767 .elementor-element.elementor-element-25e2f9a{--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-1767 .elementor-element.elementor-element-8a9e48f{--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-1767 .elementor-element.elementor-element-7566bf0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-69ba48d{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-7cb70d9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-7cb70d9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-a349b82{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-d58be68{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-f7c560c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-3ec97dd{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-58b6c3b{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-80936f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-80936f5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-4b043dc{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-810d65a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-25a31c4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-fe18f2d{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-a9d99f6{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-06cf9ad{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-06cf9ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-d1ccbb3{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-755e4dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-42e435b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-6ba4c0c{--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-1767 .elementor-element.elementor-element-4deda9b{--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-1767 .elementor-element.elementor-element-83cdc26{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-83cdc26 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-61f9dc4{--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-1767 .elementor-element.elementor-element-262900f{--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-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-b8a4419{--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-1767 .elementor-element.elementor-element-cfda6dd{--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-1767 .elementor-element.elementor-element-cc5092d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-cc5092d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-184a36b{--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-1767 .elementor-element.elementor-element-afdfee0{--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-1767 .elementor-element.elementor-element-da62d6c .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-05f48ed{--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-1767 .elementor-element.elementor-element-9275634{--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-1767 .elementor-element.elementor-element-b588458{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-1767 .elementor-element.elementor-element-fb389e7{--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-1767 .elementor-element.elementor-element-7b68982{--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-1767 .elementor-element.elementor-element-3d03b06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-3d03b06 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:700;color:#007BD3;}.elementor-1767 .elementor-element.elementor-element-a4a8415{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-a4a8415 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-566593d{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-1767 .elementor-element.elementor-element-3cc76a4{--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-1767 .elementor-element.elementor-element-6d1b3da{--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-1767 .elementor-element.elementor-element-109bb30{--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-1767 .elementor-element.elementor-element-6eb2504{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#728A9C;--border-color:#728A9C;--border-radius:8px 8px 8px 8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-e1f7692{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-923adfc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-923adfc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-fc3f1b7{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-9018bdf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-811e6af{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-8727d13{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-718a887{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-32442b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-32442b9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-eabd1dc{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-fc0170a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-918c1bb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-d88c296{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-362b3e5{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:20px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-0e44b3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-0e44b3b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-9072185{--display:flex;--min-height:80px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1767 .elementor-element.elementor-element-e60e475{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-2c5df2e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-end;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-f557e72{--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-1767 .elementor-element.elementor-element-4294ea3{--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-1767 .elementor-element.elementor-element-ba660e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-ba660e2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-91fabaa{--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-1767 .elementor-element.elementor-element-e783bba{--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-1767 .elementor-element.elementor-element-b35d493 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-eeca209{--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-1767 .elementor-element.elementor-element-637921e{--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-1767 .elementor-element.elementor-element-e7c8ed2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-e7c8ed2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:700;color:#0B3857;}.elementor-1767 .elementor-element.elementor-element-7e79580{--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-1767 .elementor-element.elementor-element-08c8b9f{--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-1767 .elementor-element.elementor-element-875b131 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-6184ce6{--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-1767 .elementor-element.elementor-element-0f7e643{--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-1767 .elementor-element.elementor-element-9238dc3{--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-1767 .elementor-element.elementor-element-9238dc3:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-9238dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highc.shop/wp-content/uploads/2026/08/thinky-mixer-main_banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1767 .elementor-element.elementor-element-9238dc3::before, .elementor-1767 .elementor-element.elementor-element-9238dc3 > .elementor-background-video-container::before, .elementor-1767 .elementor-element.elementor-element-9238dc3 > .e-con-inner > .elementor-background-video-container::before, .elementor-1767 .elementor-element.elementor-element-9238dc3 > .elementor-background-slideshow::before, .elementor-1767 .elementor-element.elementor-element-9238dc3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1767 .elementor-element.elementor-element-9238dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000BD;--background-overlay:'';}.elementor-1767 .elementor-element.elementor-element-f2f8de8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-f2f8de8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-8b74081{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-1767 .elementor-element.elementor-element-2984a0d{--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-1767 .elementor-element.elementor-element-bf4a295 .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-c6804a1{--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-1767 .elementor-element.elementor-element-c6804a1:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-c6804a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highc.shop/wp-content/uploads/2026/08/thinky-mixer-main_banner.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1767 .elementor-element.elementor-element-c6804a1::before, .elementor-1767 .elementor-element.elementor-element-c6804a1 > .elementor-background-video-container::before, .elementor-1767 .elementor-element.elementor-element-c6804a1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1767 .elementor-element.elementor-element-c6804a1 > .elementor-background-slideshow::before, .elementor-1767 .elementor-element.elementor-element-c6804a1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1767 .elementor-element.elementor-element-c6804a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000BD;--background-overlay:'';}.elementor-1767 .elementor-element.elementor-element-a42312a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-1767 .elementor-element.elementor-element-a42312a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:38px;font-weight:700;line-height:1.3em;color:#FFFFFF;}.elementor-1767 .elementor-element.elementor-element-cea7427{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-1767 .elementor-element.elementor-element-6acc23d{--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-1767 .elementor-element.elementor-element-0989a2a .elementor-button{background-color:#61CE70;}.elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button{background-color:#61CE70;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1767 .elementor-element.elementor-element-b046295{--content-width:1250px;}.elementor-1767 .elementor-element.elementor-element-456e5f1{--width:7%;}.elementor-1767 .elementor-element.elementor-element-12429d0{--width:23%;}.elementor-1767 .elementor-element.elementor-element-04d32f3{--width:23%;}.elementor-1767 .elementor-element.elementor-element-1b20708{--width:23%;}.elementor-1767 .elementor-element.elementor-element-9036562{--width:23%;}.elementor-1767 .elementor-element.elementor-element-611fdde{--content-width:1250px;}.elementor-1767 .elementor-element.elementor-element-20d01d7{--width:15%;}.elementor-1767 .elementor-element.elementor-element-2c69ddb{--width:15%;}.elementor-1767 .elementor-element.elementor-element-edb2509{--width:15%;}.elementor-1767 .elementor-element.elementor-element-92f9b06{--width:15%;}.elementor-1767 .elementor-element.elementor-element-dcc7b30{--content-width:1250px;}.elementor-1767 .elementor-element.elementor-element-f35ce0b{--width:100%;}.elementor-1767 .elementor-element.elementor-element-4683f48{--width:1250px;}.elementor-1767 .elementor-element.elementor-element-5d72512{--width:16.6%;}.elementor-1767 .elementor-element.elementor-element-163de21{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-8c37a4f{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-f303e0e{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-cc8afae{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-7268e55{--content-width:1250px;}.elementor-1767 .elementor-element.elementor-element-fed86fb{--width:100%;}.elementor-1767 .elementor-element.elementor-element-439bde3{--width:1250px;}.elementor-1767 .elementor-element.elementor-element-8e37a2d{--width:16.6%;}.elementor-1767 .elementor-element.elementor-element-17b10fe{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-5324a71{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-44dcd50{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-0da33da{--width:16.7%;}.elementor-1767 .elementor-element.elementor-element-5ae0db6{--content-width:1250px;}.elementor-1767 .elementor-element.elementor-element-ec11fa0{--width:100%;}.elementor-1767 .elementor-element.elementor-element-69ba48d{--width:50%;}.elementor-1767 .elementor-element.elementor-element-a349b82{--width:50%;}.elementor-1767 .elementor-element.elementor-element-58b6c3b{--width:50%;}.elementor-1767 .elementor-element.elementor-element-4b043dc{--width:50%;}.elementor-1767 .elementor-element.elementor-element-a9d99f6{--width:50%;}.elementor-1767 .elementor-element.elementor-element-d1ccbb3{--width:50%;}.elementor-1767 .elementor-element.elementor-element-4deda9b{--width:50%;}.elementor-1767 .elementor-element.elementor-element-61f9dc4{--width:50%;}.elementor-1767 .elementor-element.elementor-element-cfda6dd{--width:50%;}.elementor-1767 .elementor-element.elementor-element-184a36b{--width:50%;}.elementor-1767 .elementor-element.elementor-element-b588458{--content-width:1250px;}.elementor-1767 .elementor-element.elementor-element-fb389e7{--width:100%;}.elementor-1767 .elementor-element.elementor-element-e1f7692{--width:50%;}.elementor-1767 .elementor-element.elementor-element-fc3f1b7{--width:50%;}.elementor-1767 .elementor-element.elementor-element-718a887{--width:50%;}.elementor-1767 .elementor-element.elementor-element-eabd1dc{--width:50%;}.elementor-1767 .elementor-element.elementor-element-362b3e5{--width:50%;}.elementor-1767 .elementor-element.elementor-element-9072185{--width:50%;}.elementor-1767 .elementor-element.elementor-element-4294ea3{--width:50%;}.elementor-1767 .elementor-element.elementor-element-91fabaa{--width:50%;}.elementor-1767 .elementor-element.elementor-element-637921e{--width:50%;}.elementor-1767 .elementor-element.elementor-element-7e79580{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1767 .elementor-element.elementor-element-456e5f1{--width:5%;}.elementor-1767 .elementor-element.elementor-element-12429d0{--width:19%;}.elementor-1767 .elementor-element.elementor-element-04d32f3{--width:19%;}.elementor-1767 .elementor-element.elementor-element-1b20708{--width:19%;}.elementor-1767 .elementor-element.elementor-element-9036562{--width:19%;}.elementor-1767 .elementor-element.elementor-element-20d01d7{--width:19%;}.elementor-1767 .elementor-element.elementor-element-2c69ddb{--width:19%;}.elementor-1767 .elementor-element.elementor-element-edb2509{--width:19%;}.elementor-1767 .elementor-element.elementor-element-92f9b06{--width:19%;}.elementor-1767 .elementor-element.elementor-element-5d72512{--width:19%;}.elementor-1767 .elementor-element.elementor-element-163de21{--width:19%;}.elementor-1767 .elementor-element.elementor-element-8c37a4f{--width:19%;}.elementor-1767 .elementor-element.elementor-element-f303e0e{--width:19%;}.elementor-1767 .elementor-element.elementor-element-cc8afae{--width:19%;}.elementor-1767 .elementor-element.elementor-element-8e37a2d{--width:19%;}.elementor-1767 .elementor-element.elementor-element-17b10fe{--width:19%;}.elementor-1767 .elementor-element.elementor-element-5324a71{--width:19%;}.elementor-1767 .elementor-element.elementor-element-44dcd50{--width:19%;}.elementor-1767 .elementor-element.elementor-element-0da33da{--width:19%;}}@media(min-width:1025px){.elementor-1767 .elementor-element.elementor-element-9238dc3:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-9238dc3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-1767 .elementor-element.elementor-element-c6804a1:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-c6804a1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-1767 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0;}.elementor-1767 .elementor-element.elementor-element-ff8cbba{padding:140px 30px 50px 30px;}.elementor-1767 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-size:28px;}.elementor-1767 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-size:28px;}.elementor-1767 .elementor-element.elementor-element-fa3ff37:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-background-overlay{opacity:0;}.elementor-1767 .elementor-element.elementor-element-fa3ff37{padding:140px 30px 50px 30px;}.elementor-1767 .elementor-element.elementor-element-e5cd9c6 .elementor-heading-title{font-size:28px;}.elementor-1767 .elementor-element.elementor-element-ca65932 .elementor-heading-title{font-size:28px;}.elementor-1767 .elementor-element.elementor-element-456e5f1{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-1767 .elementor-element.elementor-element-e18a16b img{width:20px;}.elementor-1767 .elementor-element.elementor-element-12429d0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-04d32f3{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-1b20708{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-9036562{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-20d01d7{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-2c69ddb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-edb2509{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-92f9b06{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-dcc7b30{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-f35ce0b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1767 .elementor-element.elementor-element-97ad019 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-5d72512{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-163de21{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-8c37a4f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-f303e0e{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-cc8afae{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-7268e55{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-fed86fb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1767 .elementor-element.elementor-element-deb19c9 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-8e37a2d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-17b10fe{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-5324a71{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-44dcd50{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-0da33da{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-5ae0db6{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-ec11fa0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1767 .elementor-element.elementor-element-f72bd1e .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-a72876d .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-7cb70d9 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-80936f5 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-06cf9ad .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-83cdc26 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-cc5092d .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-b588458{--padding-top:60px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-fb389e7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1767 .elementor-element.elementor-element-3d03b06 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-a4a8415 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-923adfc .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-32442b9 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-0e44b3b .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-ba660e2 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-e7c8ed2 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-9238dc3{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1767 .elementor-element.elementor-element-f2f8de8 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-8b74081{font-size:15px;line-height:30px;}.elementor-1767 .elementor-element.elementor-element-c6804a1{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-1767 .elementor-element.elementor-element-a42312a .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-cea7427{font-size:15px;line-height:30px;}}@media(max-width:767px){.elementor-1767 .elementor-element.elementor-element-ff8cbba:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1767 .elementor-element.elementor-element-ff8cbba > .elementor-background-overlay{opacity:0.65;}.elementor-1767 .elementor-element.elementor-element-ff8cbba{padding:110px 20px 40px 20px;}.elementor-1767 .elementor-element.elementor-element-782151b{width:100%;}.elementor-1767 .elementor-element.elementor-element-500b3ef{text-align:center;}.elementor-1767 .elementor-element.elementor-element-500b3ef .elementor-heading-title{font-size:25px;}.elementor-1767 .elementor-element.elementor-element-fec6ae9{text-align:center;}.elementor-1767 .elementor-element.elementor-element-fec6ae9 .elementor-heading-title{font-size:25px;}.elementor-1767 .elementor-element.elementor-element-fa3ff37:not(.elementor-motion-effects-element-type-background), .elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highc.shop/wp-content/uploads/2026/08/mobile-bg-data.jpg");background-position:center center;}.elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-container{max-width:500px;min-height:130px;}.elementor-1767 .elementor-element.elementor-element-fa3ff37 > .elementor-background-overlay{opacity:0.65;}.elementor-1767 .elementor-element.elementor-element-fa3ff37{padding:40px 20px 40px 20px;}.elementor-1767 .elementor-element.elementor-element-1dea87d{width:100%;}.elementor-1767 .elementor-element.elementor-element-e5cd9c6{text-align:center;}.elementor-1767 .elementor-element.elementor-element-e5cd9c6 .elementor-heading-title{font-size:15px;}.elementor-1767 .elementor-element.elementor-element-ca65932{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1767 .elementor-element.elementor-element-ca65932 .elementor-heading-title{font-size:35px;}.elementor-1767 .elementor-element.elementor-element-456e5f1{--width:20%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1767 .elementor-element.elementor-element-e18a16b img{width:24px;}.elementor-1767 .elementor-element.elementor-element-12429d0{--width:40%;}.elementor-1767 .elementor-element.elementor-element-04d32f3{--width:40%;}.elementor-1767 .elementor-element.elementor-element-1b20708{--width:40%;}.elementor-1767 .elementor-element.elementor-element-9036562{--width:40%;}.elementor-1767 .elementor-element.elementor-element-20d01d7{--width:25%;--min-height:50px;}.elementor-1767 .elementor-element.elementor-element-2c69ddb{--width:25%;--min-height:50px;}.elementor-1767 .elementor-element.elementor-element-edb2509{--width:25%;--min-height:50px;}.elementor-1767 .elementor-element.elementor-element-92f9b06{--width:25%;--min-height:50px;}.elementor-1767 .elementor-element.elementor-element-dcc7b30{--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-5d72512{--width:40%;}.elementor-1767 .elementor-element.elementor-element-163de21{--width:40%;}.elementor-1767 .elementor-element.elementor-element-8c37a4f{--width:40%;}.elementor-1767 .elementor-element.elementor-element-f303e0e{--width:40%;}.elementor-1767 .elementor-element.elementor-element-cc8afae{--width:40%;}.elementor-1767 .elementor-element.elementor-element-7268e55{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1767 .elementor-element.elementor-element-deb19c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1767 .elementor-element.elementor-element-deb19c9 .elementor-heading-title{font-size:22px;}.elementor-1767 .elementor-element.elementor-element-439bde3{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1767 .elementor-element.elementor-element-8e37a2d{--width:40%;}.elementor-1767 .elementor-element.elementor-element-17b10fe{--width:40%;}.elementor-1767 .elementor-element.elementor-element-5324a71{--width:40%;}.elementor-1767 .elementor-element.elementor-element-44dcd50{--width:40%;}.elementor-1767 .elementor-element.elementor-element-0da33da{--width:40%;}.elementor-1767 .elementor-element.elementor-element-5ae0db6{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-b588458{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-1767 .elementor-element.elementor-element-3d03b06 .elementor-heading-title{font-size:15px;}.elementor-1767 .elementor-element.elementor-element-a4a8415 .elementor-heading-title{font-size:30px;}.elementor-1767 .elementor-element.elementor-element-566593d{text-align:start;font-size:15px;line-height:1.3em;}.elementor-1767 .elementor-element.elementor-element-109bb30{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1767 .elementor-element.elementor-element-923adfc .elementor-heading-title{font-size:30px;}.elementor-1767 .elementor-element.elementor-element-32442b9 .elementor-heading-title{font-size:30px;}.elementor-1767 .elementor-element.elementor-element-0e44b3b .elementor-heading-title{font-size:30px;}.elementor-1767 .elementor-element.elementor-element-ba660e2 .elementor-heading-title{font-size:30px;}.elementor-1767 .elementor-element.elementor-element-91fabaa{--min-height:120px;}.elementor-1767 .elementor-element.elementor-element-e7c8ed2 .elementor-heading-title{font-size:30px;}.elementor-1767 .elementor-element.elementor-element-9238dc3{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1767 .elementor-element.elementor-element-8b74081{font-size:14px;line-height:25px;}.elementor-1767 .elementor-element.elementor-element-c6804a1{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-1767 .elementor-element.elementor-element-a42312a .elementor-heading-title{font-size:25px;}.elementor-1767 .elementor-element.elementor-element-cea7427{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;line-height:25px;}.elementor-1767 .elementor-element.elementor-element-773dd42{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1767 .elementor-element.elementor-element-6acc23d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for image, class: .elementor-element-e18a16b *//* 기본 상태에서 아이콘에 부드러운 애니메이션 효과 부여 */ .elementor-1767 .elementor-element.elementor-element-e18a16b img { transition: all 0.3s ease; } /* 컨테이너에 마우스 호버 시 내부 이미지 위젯의 검은색을 흰색(Invert)으로 변경 */ .elementor-1767 .elementor-element.elementor-element-e18a16b:hover img { filter: brightness(0) invert(1); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-456e5f1 *//* --- 업데이트된 홈 버튼 전용 코드 --- */ /* 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-b046295 *//* =================================================== HIGHC 2-DEPTH PRODUCT MENU (셀 100% 풀-채움 FIX) 부모 컨테이너 [고급] > [커스텀 CSS] =================================================== */ /* 1. 전체 메뉴 바 외곽 프레임 */ .elementor-1767 .elementor-element.elementor-element-b046295 { 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-1767 .elementor-element.elementor-element-b046295 .elementor-widget-nav-menu, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main, .elementor-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:last-child { border-right: 0 !important; } /* 3. 메뉴 링크 텍스트 (A) - 칸 전체(100%)를 빈틈없이 채우기 */ .elementor-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:hover, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within { background-color: #F2F8FC !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } /* 호버 시 글자색 및 화살표 파란색 변경 */ .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:hover > a, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within > a { color: #007BD3 !important; background: transparent !important; } /* 5. ACTIVE: 현재 활성화된 페이지 */ .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-parent, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor { background-color: #EAF5FB !important; box-shadow: inset 0 -3px 0 #007BD3 !important; } .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-item > a, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-parent > a, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li.current-menu-ancestor > a { color: #007BD3 !important; font-weight: 700 !important; background: transparent !important; } /* 드롭다운 화살표(▼) */ .elementor-1767 .elementor-element.elementor-element-b046295 .sub-arrow { margin-left: 6px !important; padding: 0 !important; font-size: 11px !important; color: #46545F !important; transition: color 0.22s ease !important; } .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:hover .sub-arrow, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main > .elementor-nav-menu > li:focus-within .sub-arrow { color: #007BD3 !important; } /* =================================================== 6. 드롭다운 서브메뉴 박스 스타일링 =================================================== */ .elementor-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--main .sub-menu li:hover > a { background: #F2F8FC !important; color: #007BD3 !important; font-weight: 600 !important; padding-left: 22px !important; } /* 드롭다운 현재 활성 메뉴 */ .elementor-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 { margin-bottom: 35px !important; border-radius: 0 !important; } .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--dropdown { background: #FFFFFF !important; border: 1px solid #D7DCE1 !important; } .elementor-1767 .elementor-element.elementor-element-b046295 .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-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--dropdown a:hover, .elementor-1767 .elementor-element.elementor-element-b046295 .elementor-nav-menu--dropdown .elementor-item-active { background: #F2F8FC !important; color: #007BD3 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-611fdde *//* ========================================================= HIGHC TECHNICAL SUB MENU - MOBILE (기술자료 4개 1행 전용) - Mobile: 1행 4개 (각 25% 균등 분할 / 높이 42px) - 드롭다운: 화면 위 오버레이 (본문 밀림 방지) ========================================================= */ @media (max-width: 767px) { /* ===================================================== 1. 전체 메뉴 부모 컨테이너 ===================================================== */ .elementor-1767 .elementor-element.elementor-element-611fdde { 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-1767 .elementor-element.elementor-element-611fdde > .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .menu-box:last-child, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box:nth-child(4) { border-right: 0 !important; } /* 열린 메뉴 최상위 레이어 */ .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box:has(a[aria-expanded="true"]) { z-index: 10000 !important; } /* ===================================================== 3. WORDPRESS MENU 내부 ===================================================== */ .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box .elementor-widget-nav-menu, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box .elementor-widget-container, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box nav, .elementor-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .menu-box .current-menu-item > a, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box .current-menu-parent > a, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box .current-menu-ancestor > a, .elementor-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .menu-box:nth-child(3) .elementor-nav-menu--main .sub-menu, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box:nth-child(4) .elementor-nav-menu--main .sub-menu { left: auto !important; right: 0 !important; } /* ===================================================== 9. 드롭다운 항목 ===================================================== */ .elementor-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde .menu-box .elementor-nav-menu--main .sub-menu li:last-child > a { border-bottom: 0 !important; } /* ===================================================== 10. 드롭다운 HOVER / ACTIVE ===================================================== */ .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box .elementor-nav-menu--main .sub-menu li:hover > a { background: #F2F8FC !important; color: #007BD3 !important; font-weight: 600 !important; } .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box .elementor-nav-menu--main .sub-menu li.current-menu-item > a, .elementor-1767 .elementor-element.elementor-element-611fdde .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-1767 .elementor-element.elementor-element-611fdde, .elementor-1767 .elementor-element.elementor-element-611fdde > .e-con-inner, .elementor-1767 .elementor-element.elementor-element-611fdde .menu-box, .elementor-1767 .elementor-element.elementor-element-611fdde .elementor-widget-nav-menu, .elementor-1767 .elementor-element.elementor-element-611fdde .elementor-widget-container, .elementor-1767 .elementor-element.elementor-element-611fdde nav { overflow: visible !important; } .elementor-1767 .elementor-element.elementor-element-611fdde .scroll-up, .elementor-1767 .elementor-element.elementor-element-611fdde .scroll-down { display: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4683f48 *//* =================================================== HIGHC 3-DEPTH MENU 현재 페이지 1개만 ACTIVE 부모 컨테이너 [고급] > [커스텀 CSS]에 적용 =================================================== */ /* =================================================== 1. 전체 부모 컨테이너 =================================================== */ .elementor-1767 .elementor-element.elementor-element-4683f48 { 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-1767 .elementor-element.elementor-element-4683f48 > .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-1767 .elementor-element.elementor-element-4683f48 .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-1767 .elementor-element.elementor-element-4683f48 .menu-box:last-child { border-right: 0 !important; } /* =================================================== 3. 기본 텍스트 =================================================== */ .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box *, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box a span, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-button, .elementor-1767 .elementor-element.elementor-element-4683f48 .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-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.current-menu-item), .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.current_page_item), .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.elementor-item-active), .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(a[aria-current="page"]) { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 2 !important; } /* ACTIVE 내부 글자 흰색 */ .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.current-menu-item) *, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.current_page_item) *, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.elementor-item-active) *, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(a[aria-current="page"]) * { color: #FFFFFF !important; font-weight: 700 !important; } /* ACTIVE 내부 링크 배경 투명 */ .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.current-menu-item) a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.current_page_item) a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(.elementor-item-active) a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:has(a[aria-current="page"]) a { background: transparent !important; } /* =================================================== 5. HOVER =================================================== */ .elementor-1767 .elementor-element.elementor-element-4683f48 .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-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover *, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover a:hover, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover a span, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover .elementor-item, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover .elementor-button, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover .elementor-button:hover, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:hover .elementor-button-text { color: #FFFFFF !important; background: transparent !important; } /* =================================================== 6. Elementor 자체 배경 / 효과 제거 =================================================== */ .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-4683f48 .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-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item:hover, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item.elementor-item-active, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .current-menu-item > a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .current_page_item > a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box a[aria-current="page"] { background: transparent !important; } /* Elementor 가상 밑줄 효과 제거 */ .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item::before, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item::after, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-button::before, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-button::after { display: none !important; } /* =================================================== 7. 모바일 2열 구성 =================================================== */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-4683f48 > .e-con-inner { flex-wrap: wrap !important; } .elementor-1767 .elementor-element.elementor-element-4683f48 .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-1767 .elementor-element.elementor-element-4683f48 .menu-box:nth-child(2n) { border-right: 0 !important; } /* 마지막 행 하단선 제거 */ .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box:nth-last-child(-n+2) { border-bottom: 0 !important; } .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box *, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box a, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-4683f48 .menu-box .elementor-button, .elementor-1767 .elementor-element.elementor-element-4683f48 .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-439bde3 *//* =================================================== HIGHC 3-DEPTH MENU 5개 메뉴 전용 PC : 5개 1행 균등 MOBILE : 1행 = 2개 (50% + 50%) 2행 = 3개 (33.333% + 33.333% + 33.333%) =================================================== */ /* =================================================== 1. 전체 부모 컨테이너 =================================================== */ .elementor-1767 .elementor-element.elementor-element-439bde3 { 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-1767 .elementor-element.elementor-element-439bde3 > .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-1767 .elementor-element.elementor-element-439bde3 .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-1767 .elementor-element.elementor-element-439bde3 .menu-box:last-child { border-right: 0 !important; } /* =================================================== 3. 기본 텍스트 =================================================== */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box a, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box a span, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button, .elementor-1767 .elementor-element.elementor-element-439bde3 .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-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(.current-menu-item), .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(.current_page_item), .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(.elementor-item-active), .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(a[aria-current="page"]) { background: #007BD3 !important; border-color: #007BD3 !important; z-index: 2 !important; } .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(.current-menu-item) *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(.current_page_item) *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(.elementor-item-active) *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:has(a[aria-current="page"]) * { color: #FFFFFF !important; font-weight: 700 !important; } /* =================================================== 5. HOVER =================================================== */ .elementor-1767 .elementor-element.elementor-element-439bde3 .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-1767 .elementor-element.elementor-element-439bde3 .menu-box:hover *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:hover a, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:hover .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:hover .elementor-button { color: #FFFFFF !important; } /* =================================================== 6. Elementor 자체 스타일 초기화 =================================================== */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .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-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item::before, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item::after, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button::before, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button::after { display: none !important; } /* =================================================== 7. MOBILE 1행 : 2개 = 50% + 50% 2행 : 3개 = 33.333% × 3 =================================================== */ @media (max-width: 767px) { /* 전체 */ .elementor-1767 .elementor-element.elementor-element-439bde3 { border-radius: 8px !important; } /* 반드시 줄바꿈 */ .elementor-1767 .elementor-element.elementor-element-439bde3 > .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-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(1), .elementor-1767 .elementor-element.elementor-element-439bde3 .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-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(1) { border-right: 1px solid #D7DCE1 !important; } /* 1행 마지막 메뉴 */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(2) { border-right: 0 !important; } /* =================================================== 2행 3번 / 4번 / 5번 33.333% × 3 =================================================== */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(3), .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(4), .elementor-1767 .elementor-element.elementor-element-439bde3 .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-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(3) { border-right: 1px solid #D7DCE1 !important; } /* 4번 */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(4) { border-right: 1px solid #D7DCE1 !important; } /* 5번 = 마지막 */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box:nth-child(5) { border-right: 0 !important; } /* =================================================== 모바일 텍스트 =================================================== */ .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box a, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button-text { font-size: 12px !important; letter-spacing: -0.5px !important; white-space: nowrap !important; line-height: 1 !important; } .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button { padding: 0 5px !important; } } /* =================================================== 8. 작은 모바일 =================================================== */ @media (max-width: 390px) { .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box *, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box a, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button-text { font-size: 11.5px !important; letter-spacing: -0.6px !important; } .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-item, .elementor-1767 .elementor-element.elementor-element-439bde3 .menu-box .elementor-button { padding: 0 3px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4984b01 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-4984b01 .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-1767 .elementor-element.elementor-element-4984b01 .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-1767 .elementor-element.elementor-element-4984b01 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-4984b01 .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-1767 .elementor-element.elementor-element-4984b01 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button, .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-4984b01 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-affb1a7 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-affb1a7 .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-1767 .elementor-element.elementor-element-affb1a7 .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-1767 .elementor-element.elementor-element-affb1a7 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-affb1a7 .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-1767 .elementor-element.elementor-element-affb1a7 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button, .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-affb1a7 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0a40b7e *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0a40b7e .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-1767 .elementor-element.elementor-element-0a40b7e .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-1767 .elementor-element.elementor-element-0a40b7e .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-0a40b7e .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-1767 .elementor-element.elementor-element-0a40b7e .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button, .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-0a40b7e .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-78160aa *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-78160aa .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-1767 .elementor-element.elementor-element-78160aa .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-1767 .elementor-element.elementor-element-78160aa .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-78160aa .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-1767 .elementor-element.elementor-element-78160aa .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button, .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-78160aa .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7566bf0 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-7566bf0 { 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-1767 .elementor-element.elementor-element-7566bf0::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-1767 .elementor-element.elementor-element-7566bf0:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-7566bf0:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-7566bf0 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-7566bf0:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-7566bf0 .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-1767 .elementor-element.elementor-element-7566bf0 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-7566bf0 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-7566bf0, .elementor-1767 .elementor-element.elementor-element-7566bf0::before, .elementor-1767 .elementor-element.elementor-element-7566bf0 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-7566bf0 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-7566bf0:hover, .elementor-1767 .elementor-element.elementor-element-7566bf0 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3c435be *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-3c435be .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-1767 .elementor-element.elementor-element-3c435be .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-1767 .elementor-element.elementor-element-3c435be .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-3c435be .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-1767 .elementor-element.elementor-element-3c435be .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button, .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-3c435be .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6b2829d *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-6b2829d .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-1767 .elementor-element.elementor-element-6b2829d .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-1767 .elementor-element.elementor-element-6b2829d .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-6b2829d .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-1767 .elementor-element.elementor-element-6b2829d .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button, .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-6b2829d .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cc21e5d *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-cc21e5d .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-1767 .elementor-element.elementor-element-cc21e5d .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-1767 .elementor-element.elementor-element-cc21e5d .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-cc21e5d .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-1767 .elementor-element.elementor-element-cc21e5d .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button, .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-cc21e5d .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f116c99 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-f116c99 .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-1767 .elementor-element.elementor-element-f116c99 .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-1767 .elementor-element.elementor-element-f116c99 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-f116c99 .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-1767 .elementor-element.elementor-element-f116c99 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button, .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-f116c99 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3ec97dd *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-3ec97dd { 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-1767 .elementor-element.elementor-element-3ec97dd::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-1767 .elementor-element.elementor-element-3ec97dd:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-3ec97dd:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-3ec97dd .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-3ec97dd:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-3ec97dd .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-1767 .elementor-element.elementor-element-3ec97dd .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-3ec97dd { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-3ec97dd, .elementor-1767 .elementor-element.elementor-element-3ec97dd::before, .elementor-1767 .elementor-element.elementor-element-3ec97dd .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-3ec97dd .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-3ec97dd:hover, .elementor-1767 .elementor-element.elementor-element-3ec97dd .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-433dfb1 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-433dfb1 .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-1767 .elementor-element.elementor-element-433dfb1 .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-1767 .elementor-element.elementor-element-433dfb1 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-433dfb1 .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-1767 .elementor-element.elementor-element-433dfb1 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button, .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-433dfb1 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f6b4c21 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-f6b4c21 .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-1767 .elementor-element.elementor-element-f6b4c21 .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-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-f6b4c21 .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-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button, .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-f6b4c21 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-378c243 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-378c243 .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-1767 .elementor-element.elementor-element-378c243 .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-1767 .elementor-element.elementor-element-378c243 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-378c243 .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-1767 .elementor-element.elementor-element-378c243 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button, .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-378c243 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-13faa08 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-13faa08 .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-1767 .elementor-element.elementor-element-13faa08 .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-1767 .elementor-element.elementor-element-13faa08 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-13faa08 .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-1767 .elementor-element.elementor-element-13faa08 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button, .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-13faa08 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fe18f2d *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-fe18f2d { 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-1767 .elementor-element.elementor-element-fe18f2d::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-1767 .elementor-element.elementor-element-fe18f2d:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-fe18f2d:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-fe18f2d .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-fe18f2d:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-fe18f2d .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-1767 .elementor-element.elementor-element-fe18f2d .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-fe18f2d { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-fe18f2d, .elementor-1767 .elementor-element.elementor-element-fe18f2d::before, .elementor-1767 .elementor-element.elementor-element-fe18f2d .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-fe18f2d .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-fe18f2d:hover, .elementor-1767 .elementor-element.elementor-element-fe18f2d .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-e2a13a0 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-e2a13a0 .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-1767 .elementor-element.elementor-element-e2a13a0 .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-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-e2a13a0 .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-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button, .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-e2a13a0 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-351e826 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-351e826 .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-1767 .elementor-element.elementor-element-351e826 .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-1767 .elementor-element.elementor-element-351e826 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-351e826 .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-1767 .elementor-element.elementor-element-351e826 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button, .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-351e826 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6ba4c0c *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-6ba4c0c { 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-1767 .elementor-element.elementor-element-6ba4c0c::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-1767 .elementor-element.elementor-element-6ba4c0c:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-6ba4c0c:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-6ba4c0c .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-6ba4c0c:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-6ba4c0c .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-1767 .elementor-element.elementor-element-6ba4c0c .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-6ba4c0c { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-6ba4c0c, .elementor-1767 .elementor-element.elementor-element-6ba4c0c::before, .elementor-1767 .elementor-element.elementor-element-6ba4c0c .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-6ba4c0c .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-6ba4c0c:hover, .elementor-1767 .elementor-element.elementor-element-6ba4c0c .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-da62d6c *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-da62d6c .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-1767 .elementor-element.elementor-element-da62d6c .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-1767 .elementor-element.elementor-element-da62d6c .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-da62d6c .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-1767 .elementor-element.elementor-element-da62d6c .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button, .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-da62d6c .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-303dd3a *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-303dd3a .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-1767 .elementor-element.elementor-element-303dd3a .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-1767 .elementor-element.elementor-element-303dd3a .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-303dd3a .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-1767 .elementor-element.elementor-element-303dd3a .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button, .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-303dd3a .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b8a4419 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-b8a4419 { 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-1767 .elementor-element.elementor-element-b8a4419::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-1767 .elementor-element.elementor-element-b8a4419:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-b8a4419:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-b8a4419 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-b8a4419:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-b8a4419 .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-1767 .elementor-element.elementor-element-b8a4419 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-b8a4419 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-b8a4419, .elementor-1767 .elementor-element.elementor-element-b8a4419::before, .elementor-1767 .elementor-element.elementor-element-b8a4419 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-b8a4419 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-b8a4419:hover, .elementor-1767 .elementor-element.elementor-element-b8a4419 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8a9e48f *//* ================================================== MOBILE ANCHOR OFFSET 부모 컨테이너 안의 모든 앵커 대상 섹션 공통 적용 ================================================== */ @media (max-width: 767px) { /* 부모 안에서 ID가 있는 모든 직접 자식 섹션 */ .elementor-1767 .elementor-element.elementor-element-8a9e48f > .e-con-inner > [id], .elementor-1767 .elementor-element.elementor-element-8a9e48f > [id] { scroll-margin-top: 110px !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bb31022 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-bb31022 .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-1767 .elementor-element.elementor-element-bb31022 .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-1767 .elementor-element.elementor-element-bb31022 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-bb31022 .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-1767 .elementor-element.elementor-element-bb31022 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button, .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-bb31022 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2a737c8 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-2a737c8 .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-1767 .elementor-element.elementor-element-2a737c8 .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-1767 .elementor-element.elementor-element-2a737c8 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-2a737c8 .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-1767 .elementor-element.elementor-element-2a737c8 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button, .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-2a737c8 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-13c18b2 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-13c18b2 .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-1767 .elementor-element.elementor-element-13c18b2 .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-1767 .elementor-element.elementor-element-13c18b2 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-13c18b2 .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-1767 .elementor-element.elementor-element-13c18b2 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button, .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-13c18b2 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0a8abff *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0a8abff .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-1767 .elementor-element.elementor-element-0a8abff .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-1767 .elementor-element.elementor-element-0a8abff .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0a8abff .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-1767 .elementor-element.elementor-element-0a8abff .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button, .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-0a8abff .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-fc3f1b7 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1767 .elementor-element.elementor-element-fc3f1b7 .e-con, .elementor-1767 .elementor-element.elementor-element-fc3f1b7 .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-1767 .elementor-element.elementor-element-fc3f1b7 .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-1767 .elementor-element.elementor-element-fc3f1b7 .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-6eb2504 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-6eb2504 { 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-1767 .elementor-element.elementor-element-6eb2504::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-1767 .elementor-element.elementor-element-6eb2504:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-6eb2504:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-6eb2504 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-6eb2504:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-6eb2504 .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-1767 .elementor-element.elementor-element-6eb2504 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-6eb2504 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-6eb2504, .elementor-1767 .elementor-element.elementor-element-6eb2504::before, .elementor-1767 .elementor-element.elementor-element-6eb2504 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-6eb2504 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-6eb2504:hover, .elementor-1767 .elementor-element.elementor-element-6eb2504 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-363bdfc *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-363bdfc .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-1767 .elementor-element.elementor-element-363bdfc .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-1767 .elementor-element.elementor-element-363bdfc .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-363bdfc .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-1767 .elementor-element.elementor-element-363bdfc .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button, .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-363bdfc .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9331484 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-9331484 .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-1767 .elementor-element.elementor-element-9331484 .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-1767 .elementor-element.elementor-element-9331484 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-9331484 .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-1767 .elementor-element.elementor-element-9331484 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button, .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-9331484 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f7e16d0 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-f7e16d0 .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-1767 .elementor-element.elementor-element-f7e16d0 .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-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-f7e16d0 .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-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button, .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-f7e16d0 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4aee695 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-4aee695 .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-1767 .elementor-element.elementor-element-4aee695 .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-1767 .elementor-element.elementor-element-4aee695 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-4aee695 .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-1767 .elementor-element.elementor-element-4aee695 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button, .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-4aee695 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-eabd1dc *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1767 .elementor-element.elementor-element-eabd1dc .e-con, .elementor-1767 .elementor-element.elementor-element-eabd1dc .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-1767 .elementor-element.elementor-element-eabd1dc .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-1767 .elementor-element.elementor-element-eabd1dc .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-8727d13 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-8727d13 { 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-1767 .elementor-element.elementor-element-8727d13::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-1767 .elementor-element.elementor-element-8727d13:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-8727d13:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-8727d13 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-8727d13:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-8727d13 .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-1767 .elementor-element.elementor-element-8727d13 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-8727d13 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-8727d13, .elementor-1767 .elementor-element.elementor-element-8727d13::before, .elementor-1767 .elementor-element.elementor-element-8727d13 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-8727d13 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-8727d13:hover, .elementor-1767 .elementor-element.elementor-element-8727d13 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6140f6f *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-6140f6f .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-1767 .elementor-element.elementor-element-6140f6f .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-1767 .elementor-element.elementor-element-6140f6f .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-6140f6f .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-1767 .elementor-element.elementor-element-6140f6f .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button, .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-6140f6f .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0e8ab81 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0e8ab81 .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-1767 .elementor-element.elementor-element-0e8ab81 .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-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0e8ab81 .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-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button, .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-0e8ab81 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-71ae736 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-71ae736 .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-1767 .elementor-element.elementor-element-71ae736 .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-1767 .elementor-element.elementor-element-71ae736 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-71ae736 .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-1767 .elementor-element.elementor-element-71ae736 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button, .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-71ae736 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b76499e *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-b76499e .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-1767 .elementor-element.elementor-element-b76499e .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-1767 .elementor-element.elementor-element-b76499e .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-b76499e .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-1767 .elementor-element.elementor-element-b76499e .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button, .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-b76499e .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9072185 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1767 .elementor-element.elementor-element-9072185 .e-con, .elementor-1767 .elementor-element.elementor-element-9072185 .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-1767 .elementor-element.elementor-element-9072185 .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-1767 .elementor-element.elementor-element-9072185 .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-d88c296 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-d88c296 { 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-1767 .elementor-element.elementor-element-d88c296::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-1767 .elementor-element.elementor-element-d88c296:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-d88c296:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-d88c296 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-d88c296:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-d88c296 .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-1767 .elementor-element.elementor-element-d88c296 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-d88c296 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-d88c296, .elementor-1767 .elementor-element.elementor-element-d88c296::before, .elementor-1767 .elementor-element.elementor-element-d88c296 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-d88c296 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-d88c296:hover, .elementor-1767 .elementor-element.elementor-element-d88c296 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b35d493 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-b35d493 .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-1767 .elementor-element.elementor-element-b35d493 .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-1767 .elementor-element.elementor-element-b35d493 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-b35d493 .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-1767 .elementor-element.elementor-element-b35d493 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button, .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-b35d493 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1696751 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-1696751 .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-1767 .elementor-element.elementor-element-1696751 .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-1767 .elementor-element.elementor-element-1696751 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-1696751 .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-1767 .elementor-element.elementor-element-1696751 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button, .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-1696751 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-91fabaa *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1767 .elementor-element.elementor-element-91fabaa .e-con, .elementor-1767 .elementor-element.elementor-element-91fabaa .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-1767 .elementor-element.elementor-element-91fabaa .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-1767 .elementor-element.elementor-element-91fabaa .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-f557e72 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-f557e72 { 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-1767 .elementor-element.elementor-element-f557e72::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-1767 .elementor-element.elementor-element-f557e72:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-f557e72:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-f557e72 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-f557e72:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-f557e72 .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-1767 .elementor-element.elementor-element-f557e72 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-f557e72 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-f557e72, .elementor-1767 .elementor-element.elementor-element-f557e72::before, .elementor-1767 .elementor-element.elementor-element-f557e72 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-f557e72 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-f557e72:hover, .elementor-1767 .elementor-element.elementor-element-f557e72 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-875b131 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-875b131 .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-1767 .elementor-element.elementor-element-875b131 .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-1767 .elementor-element.elementor-element-875b131 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-875b131 .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-1767 .elementor-element.elementor-element-875b131 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button, .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-875b131 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-7770eda *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-7770eda .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-1767 .elementor-element.elementor-element-7770eda .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-1767 .elementor-element.elementor-element-7770eda .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-7770eda .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-1767 .elementor-element.elementor-element-7770eda .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button, .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-7770eda .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e79580 *//* ================================================== HIGHC CARD ALL-IN-ONE BUTTON FIX (카드 내 모든 버튼 그룹 1행 2개 일괄 강제 정렬) ================================================== */ @media (max-width: 767px) { /* 1. 버튼을 감싸고 있는 모든 내부 서브 컨테이너 가로(1행) 배치 */ .elementor-1767 .elementor-element.elementor-element-7e79580 .e-con, .elementor-1767 .elementor-element.elementor-element-7e79580 .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-1767 .elementor-element.elementor-element-7e79580 .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-1767 .elementor-element.elementor-element-7e79580 .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-eeca209 *//* =================================================== HIGHC BROCHURE CARD 상세 브로셔 제품 카드 부모 컨테이너용 ※ 기본 테두리 색상은 Elementor 스타일에서 직접 설정 =================================================== */ .elementor-1767 .elementor-element.elementor-element-eeca209 { 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-1767 .elementor-element.elementor-element-eeca209::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-1767 .elementor-element.elementor-element-eeca209:hover { transform: translateY(-4px); /* 호버 시에만 블루 계열로 변경 */ border-color: #8FC6E8 !important; box-shadow: 0 12px 26px rgba(11, 56, 87, 0.10) !important; } /* HOVER 상단 라인 */ .elementor-1767 .elementor-element.elementor-element-eeca209:hover::before { transform: scaleX(1); } /* 제목 */ .elementor-1767 .elementor-element.elementor-element-eeca209 .elementor-heading-title { color: #0B3857 !important; transition: color 0.25s ease !important; } /* 제목 HOVER */ .elementor-1767 .elementor-element.elementor-element-eeca209:hover .elementor-heading-title { color: #007BD3 !important; } /* 버튼 */ .elementor-1767 .elementor-element.elementor-element-eeca209 .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-1767 .elementor-element.elementor-element-eeca209 .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 5px 12px rgba(0, 123, 211, 0.14) !important; } /* 모바일 */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-eeca209 { padding: 22px 18px !important; border-radius: 8px !important; } } /* 모션 최소화 설정 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-eeca209, .elementor-1767 .elementor-element.elementor-element-eeca209::before, .elementor-1767 .elementor-element.elementor-element-eeca209 .elementor-heading-title, .elementor-1767 .elementor-element.elementor-element-eeca209 .elementor-button { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-eeca209:hover, .elementor-1767 .elementor-element.elementor-element-eeca209 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-109bb30 */@media (max-width: 767px) { .anchor-card { scroll-margin-top: 115px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-407513a *//* ================================================== 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-bf4a295 *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-bf4a295 .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-1767 .elementor-element.elementor-element-bf4a295 .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-1767 .elementor-element.elementor-element-bf4a295 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-bf4a295 .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-1767 .elementor-element.elementor-element-bf4a295 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button, .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-bf4a295 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2aeb89f *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-2aeb89f .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-1767 .elementor-element.elementor-element-2aeb89f .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-1767 .elementor-element.elementor-element-2aeb89f .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-2aeb89f .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-1767 .elementor-element.elementor-element-2aeb89f .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button, .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-2aeb89f .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-773dd42 *//* ================================================== 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-0989a2a *//* ================================================== HIGHC SECTION BUTTON 기본색 + 호버 + 빛 흐름 효과 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0989a2a .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-1767 .elementor-element.elementor-element-0989a2a .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-1767 .elementor-element.elementor-element-0989a2a .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 ================================================== */ .elementor-1767 .elementor-element.elementor-element-0989a2a .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-1767 .elementor-element.elementor-element-0989a2a .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 95, 168, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button, .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-0989a2a .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cf69665 *//* ================================================== HIGHC SECTION BUTTON (우측 아웃라인 버튼) 기본: 흰색 배경 + 블루 글자 -> 호버: 블루 채우기 + 빛 흐름 ================================================== */ .elementor-1767 .elementor-element.elementor-element-cf69665 .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-1767 .elementor-element.elementor-element-cf69665 .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-1767 .elementor-element.elementor-element-cf69665 .elementor-button:hover::before { left: 135% !important; } /* 버튼 텍스트를 빛 효과 위에 표시 */ .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button-content-wrapper, .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button-text { position: relative !important; z-index: 3 !important; color: inherit !important; } /* ================================================== 호버 (블루 배경 채우기 + 흰색 글자 전환) ================================================== */ .elementor-1767 .elementor-element.elementor-element-cf69665 .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-1767 .elementor-element.elementor-element-cf69665 .elementor-button:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 4px 11px rgba(0, 123, 211, 0.22) !important; } /* 키보드 접근성 */ .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button:focus-visible { outline: 3px solid rgba(0, 123, 211, 0.30) !important; outline-offset: 3px !important; } /* 모션 최소화 사용자 */ @media (prefers-reduced-motion: reduce) { .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button, .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button::before { transition: none !important; } .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button::before { display: none !important; } .elementor-1767 .elementor-element.elementor-element-cf69665 .elementor-button:hover { transform: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-6acc23d *//* ========================================= MOBILE CTA BUTTONS - 2개 한 줄 배치 ========================================= */ @media (max-width: 767px) { .elementor-1767 .elementor-element.elementor-element-6acc23d { 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-1767 .elementor-element.elementor-element-6acc23d > .elementor-element { flex: 1 1 0 !important; width: calc(50% - 4px) !important; max-width: calc(50% - 4px) !important; min-width: 0 !important; } /* 버튼 자체 */ .elementor-1767 .elementor-element.elementor-element-6acc23d .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 */