.elementor-5696 .elementor-element.elementor-element-90bcce8{--display:flex;--min-height:1080px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5696 .elementor-element.elementor-element-90bcce8:not(.elementor-motion-effects-element-type-background), .elementor-5696 .elementor-element.elementor-element-90bcce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://skyautonet.com/wp-content/uploads/2026/09/main_first-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-5696 .elementor-element.elementor-element-d35b3f5{margin:732px 903px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5696 .elementor-element.elementor-element-d35b3f5 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-weight:300;line-height:1.2em;letter-spacing:1.2px;color:#00FF0C;}.elementor-5696 .elementor-element.elementor-element-4cc43c0{margin:-1px 784px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5696 .elementor-element.elementor-element-4cc43c0 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-weight:500;line-height:1.2em;letter-spacing:6.3px;color:#FFFFFF;}.elementor-5696 .elementor-element.elementor-element-d3463c4{--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;}.elementor-5696 .elementor-element.elementor-element-ae98b50{--display:flex;}.elementor-5696 .elementor-element.elementor-element-80e6f04 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:20px;font-weight:700;line-height:1.2em;color:var( --e-global-color-06eec42 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );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-5696 .elementor-element.elementor-element-e39ca7c{--display:flex;}body:not(.rtl) .elementor-5696 .elementor-element.elementor-element-fc2eac9{left:11px;}body.rtl .elementor-5696 .elementor-element.elementor-element-fc2eac9{right:11px;}.elementor-5696 .elementor-element.elementor-element-fc2eac9{top:11px;}.elementor-5696 .elementor-element.elementor-element-fc2eac9 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:800;line-height:1.2em;}body:not(.rtl) .elementor-5696 .elementor-element.elementor-element-3b8ecc4{left:285.141px;}body.rtl .elementor-5696 .elementor-element.elementor-element-3b8ecc4{right:285.141px;}.elementor-5696 .elementor-element.elementor-element-3b8ecc4{top:444.594px;}.elementor-5696 .elementor-element.elementor-element-3b8ecc4 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:600;line-height:1.2em;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-5696 .elementor-element.elementor-element-abeedf2 img{width:100%;}.elementor-5696 .elementor-element.elementor-element-c8cff81{--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;}.elementor-5696 .elementor-element.elementor-element-1d70a9b{--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;}.elementor-5696 .elementor-element.elementor-element-1d70a9b:not(.elementor-motion-effects-element-type-background), .elementor-5696 .elementor-element.elementor-element-1d70a9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06eec42 );}.elementor-5696 .elementor-element.elementor-element-e7185b3 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:800;line-height:1.2em;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-5696 .elementor-element.elementor-element-e5098b5{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-e5098b5 .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-e5098b5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-eccc464 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ee67707 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4677cb2{--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;}.elementor-5696 .elementor-element.elementor-element-94b4c6d{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-c1fc375{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-57efa71{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-46b89f7{--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;}.elementor-5696 .elementor-element.elementor-element-46b89f7:not(.elementor-motion-effects-element-type-background), .elementor-5696 .elementor-element.elementor-element-46b89f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06eec42 );}.elementor-5696 .elementor-element.elementor-element-4bd385b .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-33d8f1b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-33d8f1b .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-33d8f1b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-1523da7 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-c09e2c1 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e67f9d8{--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;}.elementor-5696 .elementor-element.elementor-element-16faaf3{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-f62fb52{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-3748cf0{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-ca06c62{--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;}.elementor-5696 .elementor-element.elementor-element-ca06c62:not(.elementor-motion-effects-element-type-background), .elementor-5696 .elementor-element.elementor-element-ca06c62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-06eec42 );}.elementor-5696 .elementor-element.elementor-element-b63abf1 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-82c0955{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-82c0955 .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-82c0955 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-c57f6f1 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-93f0a66 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-570f93c{--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;}.elementor-5696 .elementor-element.elementor-element-2e502d5{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-d0df201{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-e28f7c3{--display:flex;}body:not(.rtl) .elementor-5696 .elementor-element.elementor-element-c4da1c2{left:0px;}body.rtl .elementor-5696 .elementor-element.elementor-element-c4da1c2{right:0px;}.elementor-5696 .elementor-element.elementor-element-c4da1c2{top:0px;}.elementor-5696 .elementor-element.elementor-element-c4da1c2 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:64px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-2abac53 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-200a5ad{--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;}.elementor-5696 .elementor-element.elementor-element-9ad619b{--display:flex;}.elementor-5696 .elementor-element.elementor-element-1fa8fe9 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:30px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-66ece85{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-66ece85 .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-66ece85 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-91702da .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:28px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-5b0a867 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-f3566cb{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-098f99e{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-aa75ea5{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-54cb568{--display:flex;}.elementor-5696 .elementor-element.elementor-element-4dcb8c6 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:30px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-bf5cf27{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-bf5cf27 .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-bf5cf27 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-410a4a3 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:28px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-bef546c .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e3b412a{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-8504c2c{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-5496a3e{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-7609ab6{--display:flex;}.elementor-5696 .elementor-element.elementor-element-e274582 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:64px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-535645e .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:600;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-16ab074{--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;}.elementor-5696 .elementor-element.elementor-element-2e5d949{--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;}.elementor-5696 .elementor-element.elementor-element-bd5764b .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-93a045c{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-93a045c .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-93a045c .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-9a23bbd .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-3204d74 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e2c5e65{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-b919576{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-ef0526d{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-c594bda{--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;}.elementor-5696 .elementor-element.elementor-element-f1a2229 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-8011e06{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-5696 .elementor-element.elementor-element-8011e06 .elementor-divider-separator{width:100%;}.elementor-5696 .elementor-element.elementor-element-8011e06 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-5696 .elementor-element.elementor-element-4624046 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-9453fc4 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:50px;font-weight:400;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-cc4c64c{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-b4e648c{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-93f5710{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-7c3a16c{--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;}.elementor-5696 .elementor-element.elementor-element-a46af2e .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:56px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-49f1d27 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:52px;font-weight:300;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-6a0e609 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:56px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-76d5afc{--display:flex;}.elementor-5696 .elementor-element.elementor-element-3fcb0b9{--display:flex;}.elementor-5696 .elementor-element.elementor-element-33c14bb .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:900;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-0021509 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1550920 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-d6ccf36{--display:flex;}.elementor-5696 .elementor-element.elementor-element-b64cc49 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:900;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1452c87 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-3c429e2 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-a661d84{--display:flex;}.elementor-5696 .elementor-element.elementor-element-4d3ff42 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:900;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-5e1a2f5 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ffda530 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e2f3c3c{--display:flex;}.elementor-5696 .elementor-element.elementor-element-aba187a .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:900;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-922253b .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-d04d1e8 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-2548a2e{--display:flex;}.elementor-5696 .elementor-element.elementor-element-2548a2e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5696 .elementor-element.elementor-element-157eea8 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:900;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-678c613 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1cd60e7 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:18px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-259f4ac{--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;}.elementor-5696 .elementor-element.elementor-element-65fc8fc{--display:flex;}.elementor-5696 .elementor-element.elementor-element-ce51614 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-c6bef11 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4948664{--display:flex;}.elementor-5696 .elementor-element.elementor-element-1e29edf .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-470d0c6 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-9a2309c{--display:flex;}.elementor-5696 .elementor-element.elementor-element-393d584 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-bcc48c9 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-a82c2cc{--display:flex;}.elementor-5696 .elementor-element.elementor-element-459ed97 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:40px;font-weight:700;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e17bdb8 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-824406b{--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;}.elementor-5696 .elementor-element.elementor-element-7052f63 .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:56px;font-weight:800;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-62f9f25{font-family:"drsafe", Sans-serif;font-size:24px;font-weight:500;}.elementor-5696 .elementor-element.elementor-element-03f09bd{--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;}.elementor-5696 .elementor-element.elementor-element-6dd7a8d{--display:flex;}.elementor-5696 .elementor-element.elementor-element-286afe9{--display:flex;}.elementor-5696 .elementor-element.elementor-element-5393b68{--display:flex;}.elementor-5696 .elementor-element.elementor-element-91ab33f{--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;}.elementor-5696 .elementor-element.elementor-element-9acd0fc{--display:flex;}.elementor-5696 .elementor-element.elementor-element-04f5581{--display:flex;}.elementor-5696 .elementor-element.elementor-element-556ccf2{--display:flex;}.elementor-5696 .elementor-element.elementor-element-340eb07{--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;}.elementor-5696 .elementor-element.elementor-element-ac6c98f .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:16px;font-weight:500;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ff3694d .elementor-heading-title{font-family:"drsafe", Sans-serif;font-size:30px;font-weight:700;line-height:1.2em;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5696 .elementor-element.elementor-element-d35b3f5 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-4cc43c0 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-80e6f04 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5696 .elementor-element.elementor-element-fc2eac9 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-3b8ecc4 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5696 .elementor-element.elementor-element-e7185b3 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-5696 .elementor-element.elementor-element-eccc464 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-ee67707 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-94b4c6d{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-c1fc375{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-57efa71{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-4bd385b .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-1523da7 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-c09e2c1 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-16faaf3{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-f62fb52{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-3748cf0{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-b63abf1 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-c57f6f1 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-93f0a66 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-2e502d5{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-d0df201{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-c4da1c2 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-2abac53 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-1fa8fe9 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-91702da .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-5b0a867 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-f3566cb{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-098f99e{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-aa75ea5{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-4dcb8c6 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-410a4a3 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-bef546c .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-e3b412a{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-8504c2c{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-5496a3e{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-e274582 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-535645e .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-bd5764b .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-9a23bbd .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-3204d74 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-e2c5e65{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-b919576{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-ef0526d{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-f1a2229 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-4624046 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-9453fc4 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-cc4c64c{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-b4e648c{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-93f5710{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-a46af2e .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-49f1d27 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-6a0e609 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-33c14bb .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-0021509 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-1550920 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-b64cc49 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-1452c87 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-3c429e2 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-4d3ff42 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-5e1a2f5 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-ffda530 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-aba187a .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-922253b .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-d04d1e8 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-157eea8 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-678c613 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-1cd60e7 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-ce51614 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-c6bef11 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-1e29edf .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-470d0c6 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-393d584 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-bcc48c9 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-459ed97 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-e17bdb8 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-7052f63 .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-62f9f25{font-size:14px;}.elementor-5696 .elementor-element.elementor-element-ac6c98f .elementor-heading-title{font-size:35px;line-height:1.3em;}.elementor-5696 .elementor-element.elementor-element-ff3694d .elementor-heading-title{font-size:35px;line-height:1.3em;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-5696 .elementor-element.elementor-element-d35b3f5 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4cc43c0 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-80e6f04 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-5696 .elementor-element.elementor-element-fc2eac9 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-3b8ecc4 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-5696 .elementor-element.elementor-element-e7185b3 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-5696 .elementor-element.elementor-element-eccc464 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ee67707 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4bd385b .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1523da7 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-c09e2c1 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-b63abf1 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-c57f6f1 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-93f0a66 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-c4da1c2 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-2abac53 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1fa8fe9 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-91702da .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-5b0a867 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4dcb8c6 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-410a4a3 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-bef546c .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e274582 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-535645e .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-bd5764b .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-9a23bbd .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-3204d74 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-f1a2229 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4624046 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-9453fc4 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-a46af2e .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-49f1d27 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-6a0e609 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-33c14bb .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-0021509 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1550920 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-b64cc49 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1452c87 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-3c429e2 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-4d3ff42 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-5e1a2f5 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ffda530 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-aba187a .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-922253b .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-d04d1e8 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-157eea8 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-678c613 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1cd60e7 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ce51614 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-c6bef11 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-1e29edf .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-470d0c6 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-393d584 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-bcc48c9 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-459ed97 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-e17bdb8 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-7052f63 .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ac6c98f .elementor-heading-title{font-size:25px;line-height:1.2em;}.elementor-5696 .elementor-element.elementor-element-ff3694d .elementor-heading-title{font-size:25px;line-height:1.2em;}}@media(min-width:768px){.elementor-5696 .elementor-element.elementor-element-90bcce8{--width:100%;}.elementor-5696 .elementor-element.elementor-element-2548a2e{--width:14.773%;}}@media(min-width:2400px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}body:not(.rtl) .elementor-5696 .elementor-element.elementor-element-fc2eac9{left:955.297px;}body.rtl .elementor-5696 .elementor-element.elementor-element-fc2eac9{right:955.297px;}.elementor-5696 .elementor-element.elementor-element-fc2eac9{top:348.576px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for container, class: .elementor-element-90bcce8 *//* ==================================================
   SECTION 1 / RESPONSIVE HERO
   기준 원본: 1920 × 1080

   목표:
   - 1920px 화면에서는 기존 완성본과 동일
   - 화면 폭이 작아지면 전체 비율대로 축소
   - 화면 폭이 커지면 전체 비율대로 확대
   - SECTION 1은 항상 viewport 전체 폭(100vw) 사용
   - 위치/박스 크기는 % 비율 사용
   - EN 제목 폰트는 원본 52px 기준으로 비례 확대/축소
   - KO/NEWS 폰트는 Elementor 설정을 그대로 사용
================================================== */


/* ==================================================
   SECTION 1 전체
   1920 × 1080 비율 유지 + 화면 전체 폭 사용
================================================== */

.scroll-panel-1 {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    aspect-ratio: 16 / 9 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background-size: 100% 100% !important;
    background-position: 0 0 !important;
    background-repeat: no-repeat !important;

    box-sizing: border-box !important;

    container-type: inline-size !important;
}


/* Elementor 내부 */
.scroll-panel-1 > .e-con-inner {
    position: static !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   초록 제목
   XD 전체 페이지:
   X = 200
   Y = 775
   W = 669
   H = 69

   Section 내부:
   X = 200 / 1920 = 10.416667%
   Y = 685 / 1080 = 63.425926%
   W = 669 / 1920 = 34.843750%
   H = 69 / 1080 = 6.388889%
================================================== */

.scroll-panel-1 .hero-title-en {
    position: absolute !important;

    left: 10.416667% !important;
    top: 63.425926% !important;

    width: 34.843750% !important;
    height: 6.388889% !important;

    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 10 !important;

    white-space: nowrap !important;
}


/* 초록 제목 */
.scroll-panel-1
.hero-title-en
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #00ff33 !important;

    /* 52 / 1920 × 100 */
    font-size: 2.708333vw !important;

    font-weight: 300 !important;
    line-height: 1.326923 !important;
    letter-spacing: 0 !important;

    white-space: nowrap !important;
}


/* ==================================================
   흰색 제목
   XD 전체 페이지:
   X = 200
   Y = 844
   W = 758
   H = 75

   Section 내부:
   X = 10.416667%
   Y = 754 / 1080 = 69.814815%
   W = 758 / 1920 = 39.479167%
   H = 75 / 1080 = 6.944444%
================================================== */

.scroll-panel-1 .hero-title-ko {
    position: absolute !important;

    left: 10.416667% !important;
    top: 69.814815% !important;

    width: 39.479167% !important;
    height: 6.944444% !important;

    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 10 !important;

    white-space: nowrap !important;
}

/* 흰색 제목 */
.scroll-panel-1
.hero-title-ko
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    /* 56 / 1920 × 100 */
    font-size: 2.916667vw !important;

    line-height: 1.339286 !important;

    white-space: nowrap !important;
}


/* ==================================================
   제목 내부 span / strong 등에서 Elementor가
   별도 px font-size를 가지고 있어도 부모의 반응형 크기를 상속
================================================== */

.scroll-panel-1
.hero-title-en
.elementor-heading-title * {
    font-size: inherit !important;
    line-height: inherit !important;
}

.scroll-panel-1
.hero-title-ko
.elementor-heading-title * {
    font-size: inherit !important;
    line-height: inherit !important;
}


/* ==================================================
   NEWS 전체
   Section 내부 원본:
   X = 960
   Y = 988
   W = 960
   H = 92

   비율:
   X = 50%
   Y = 988 / 1080 = 91.481481%
   W = 50%
   H = 92 / 1080 = 8.518519%
================================================== */

.scroll-panel-1 .hero-news {
    position: absolute !important;

    left: 50% !important;
    top: 91.481481% !important;

    width: 50% !important;
    height: 8.518519% !important;

    min-width: 0 !important;
    max-width: none !important;

    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    overflow: visible !important;

    z-index: 20 !important;

    box-sizing: border-box !important;
}


/* ==================================================
   NEWS 내부
================================================== */

.scroll-panel-1
.hero-news
> .e-con-inner {
    position: static !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   NEWS 글자 영역

   hero-news 원본 폭 = 960
   첫 영역 = 122
   122 / 960 = 12.708333%

   높이:
   27 / 92 = 29.347826%
================================================== */

.scroll-panel-1
.hero-news
.news-title {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 12.708333% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 29.347826% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    text-align: left !important;

    visibility: visible !important;
    opacity: 1 !important;

    box-sizing: border-box !important;

    transform: none !important;
}


/* NEWS 실제 텍스트 영역
   54 / 122 = 44.262295%
*/
.scroll-panel-1
.hero-news
.news-title
.elementor-widget-container {
    position: relative !important;

    width: 44.262295% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* NEWS 글자 */
.scroll-panel-1
.hero-news
.news-title
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;

    color: #ffffff !important;

    text-align: left !important;

    white-space: nowrap !important;

    transform: none !important;
}


/* ==================================================
   NEWS ITEM 공통
================================================== */

.scroll-panel-1
.hero-news
.news-item {
    position: absolute !important;

    top: 0 !important;

    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    background: transparent !important;

    border-left: none !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   NEWS ITEM 세로 구분선
   내부 콘텐츠 위치를 밀지 않도록 가상요소 사용
================================================== */

.scroll-panel-1
.hero-news
.news-item::before {
    content: "" !important;

    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    /*
     * 구분선은 화면이 작아져도 너무 흐려지지 않도록 1px 유지
     */
    width: 1px !important;
    height: 100% !important;

    background: rgba(255,255,255,0.25) !important;

    z-index: 1 !important;

    pointer-events: none !important;
}


/* ==================================================
   NEWS ITEM 내부
================================================== */

.scroll-panel-1
.hero-news
.news-item
> .e-con-inner {
    position: static !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   NEWS 1
   hero-news 기준:
   X = 122 / 960 = 12.708333%
   W = 236 / 960 = 24.583333%
================================================== */

.scroll-panel-1
.hero-news
.hero-news-1 {
    left: 12.708333% !important;

    width: 24.583333% !important;
    min-width: 0 !important;
    max-width: none !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ==================================================
   NEWS 2
   X = 373 / 960 = 38.854167%
   W = 232 / 960 = 24.166667%
================================================== */

.scroll-panel-1
.hero-news
.hero-news-2 {
    left: 38.854167% !important;

    width: 24.166667% !important;
    min-width: 0 !important;
    max-width: none !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ==================================================
   NEWS 3
   X = 626 / 960 = 65.208333%
   W = 219 / 960 = 22.812500%
================================================== */

.scroll-panel-1
.hero-news
.hero-news-3 {
    left: 65.208333% !important;

    width: 22.812500% !important;
    min-width: 0 !important;
    max-width: none !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}


/* ==================================================
   기사 제목
================================================== */

.scroll-panel-1
.hero-news
.news-item-title {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #ffffff !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   기사 제목 Y 위치
   hero-news 높이 원본 = 92

   NEWS1: 1 / 92 = 1.086957%
   NEWS2: 1 / 92 = 1.086957%
   NEWS3: 2 / 92 = 2.173913%
================================================== */

.scroll-panel-1
.hero-news
.hero-news-1
.news-item-title {
    top: 1.086957% !important;
}

.scroll-panel-1
.hero-news
.hero-news-2
.news-item-title {
    top: 1.086957% !important;
}

.scroll-panel-1
.hero-news
.hero-news-3
.news-item-title {
    top: 2.173913% !important;
}


.scroll-panel-1
.hero-news
.news-item-title
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    white-space: nowrap !important;

    word-break: normal !important;
    overflow-wrap: normal !important;

    max-width: none !important;

    overflow: visible !important;
}


/* ==================================================
   날짜
   hero-news 내부 원본 Y = 53
   53 / 92 = 57.608696%
================================================== */

.scroll-panel-1
.hero-news
.news-date {
    position: absolute !important;

    left: 0 !important;
    top: 57.608696% !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    color: #ffffff !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}

.scroll-panel-1
.hero-news
.news-date
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    white-space: nowrap !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* ==================================================
   Elementor 기본 margin / padding 제거
================================================== */

.scroll-panel-1
.hero-news
.elementor-widget,
.scroll-panel-1
.hero-news
.elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   HERO ENGLISH TITLE
   Elementor가 폭을 다시 덮어쓰지 못하도록
   기존 강제 고정 로직은 비율값으로 유지
================================================== */

.scroll-panel-1
.hero-title-en.hero-title-en {
    left: 10.416667% !important;
    top: 63.425926% !important;

    width: 34.843750% !important;
    min-width: 0 !important;
    max-width: none !important;

    /*
     * absolute 요소라 실제 flex 배치에는 영향이 거의 없지만,
     * Elementor 변수 덮어쓰기 방지용으로 유지
     */
    flex: 0 0 34.843750% !important;
    flex-basis: 34.843750% !important;

    --container-widget-width: 34.843750% !important;
    --container-widget-flex-grow: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.scroll-panel-1
.hero-title-en
.elementor-widget-container {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SECTION 1
   SECTION 2보다 항상 앞에 표시
================================================== */

.scroll-panel-1 {
    position: relative !important;
    z-index: 10 !important;
}

/* ==================================================
   SECTION 1 HERO NEWS RESPONSIVE TYPOGRAPHY
   XD 1920 기준 비례 확대 / 축소
================================================== */


/* ==================================================
   NEWS
   20px / 27px
================================================== */

.scroll-panel-1
.hero-news
.news-title
.elementor-heading-title {
    font-size: 1.041667vw !important;   /* 20 / 1920 */
    line-height: 1.40625vw !important;  /* 27 / 1920 */

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* ==================================================
   NEWS 1 / 2 / 3 기사 제목
   XD 1920 기준 16px / 21px
================================================== */

.scroll-panel-1
.hero-news
.hero-news-1
.news-item-title
.elementor-heading-title,

.scroll-panel-1
.hero-news
.hero-news-2
.news-item-title
.elementor-heading-title,

.scroll-panel-1
.hero-news
.hero-news-3
.news-item-title
.elementor-heading-title {
    font-size: 0.833333vw !important;   /* 16 */
    line-height: 1.09375vw !important;  /* 21 */

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   DATE
   14px / 19px
================================================== */

.scroll-panel-1
.hero-news
.news-date
.elementor-heading-title {
    font-size: 0.729167vw !important;   /* 14 */
    line-height: 0.989583vw !important; /* 19 */

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   MOBILE
   767px 이하
================================================== */

@media (max-width: 767px) {

    /* ==============================================
       HERO 전체
    ============================================== */

    .scroll-panel-1 {
        width: 100% !important;

        aspect-ratio: auto !important;

        height: 620px !important;
        min-height: 620px !important;

        background-size: cover !important;
        background-position: center center !important;

        overflow: hidden !important;
    }


    /* ==============================================
       영어 제목
    ============================================== */

    .scroll-panel-1
    .hero-title-en.hero-title-en {

        left: 24px !important;
        top: 52% !important;

        width: calc(100% - 48px) !important;
        height: auto !important;

        flex: none !important;
        flex-basis: auto !important;

        --container-widget-width: auto !important;

        white-space: normal !important;
    }


    .scroll-panel-1
    .hero-title-en
    .elementor-heading-title {

        font-size: 24px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
    }


    /* ==============================================
       한글 제목
    ============================================== */

    .scroll-panel-1
    .hero-title-ko {

        left: 24px !important;
        top: 59% !important;

        width: calc(100% - 48px) !important;
        height: auto !important;

        white-space: normal !important;
    }


    .scroll-panel-1
    .hero-title-ko
    .elementor-heading-title {

        font-size: 28px !important;
        line-height: 1.3 !important;

        white-space: normal !important;
    }


    /* ==============================================
       NEWS 전체 영역
    ============================================== */

    .scroll-panel-1
    .hero-news {

        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        top: auto !important;
        bottom: 0 !important;

        width: 100% !important;
        height: 190px !important;

        padding: 14px 18px !important;

        background: rgba(0, 0, 0, 0.65) !important;

        overflow: hidden !important;
    }


    /* NEWS 내부를 모바일 그리드로 변경 */

    .scroll-panel-1
    .hero-news
    > .e-con-inner {

        display: grid !important;

        grid-template-columns: 65px minmax(0, 1fr) !important;
        grid-template-rows: repeat(3, 1fr) !important;

        column-gap: 12px !important;
        row-gap: 6px !important;

        width: 100% !important;
        height: 100% !important;
    }


    /* ==============================================
       NEWS 글자
    ============================================== */

    .scroll-panel-1
    .hero-news
    .news-title {

        position: relative !important;

        left: auto !important;
        top: auto !important;

        width: 65px !important;
        height: auto !important;

        grid-column: 1 !important;
        grid-row: 1 / 4 !important;
    }


    .scroll-panel-1
    .hero-news
    .news-title
    .elementor-widget-container {

        width: 100% !important;
        height: auto !important;
    }


    .scroll-panel-1
    .hero-news
    .news-title
    .elementor-heading-title {

        font-size: 16px !important;
        line-height: 1.25 !important;

        white-space: nowrap !important;
    }


    /* ==============================================
       NEWS ITEM 공통
    ============================================== */

    .scroll-panel-1
    .hero-news
    .news-item {

        position: relative !important;

        left: auto !important;
        top: auto !important;

        width: 100% !important;
        height: auto !important;

        min-width: 0 !important;
        min-height: 0 !important;

        padding-left: 10px !important;

        overflow: hidden !important;
    }


    /* 위치 */

    .scroll-panel-1
    .hero-news
    .hero-news-1 {

        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    .scroll-panel-1
    .hero-news
    .hero-news-2 {

        grid-column: 2 !important;
        grid-row: 2 !important;
    }


    .scroll-panel-1
    .hero-news
    .hero-news-3 {

        grid-column: 2 !important;
        grid-row: 3 !important;
    }


    /* ==============================================
       기사 제목
    ============================================== */

    .scroll-panel-1
    .hero-news
    .news-item-title {

        position: relative !important;

        left: auto !important;
        top: auto !important;

        width: 100% !important;
        height: auto !important;

        overflow: hidden !important;
    }


    .scroll-panel-1
    .hero-news
    .hero-news-1
    .news-item-title
    .elementor-heading-title,

    .scroll-panel-1
    .hero-news
    .hero-news-2
    .news-item-title
    .elementor-heading-title,

    .scroll-panel-1
    .hero-news
    .hero-news-3
    .news-item-title
    .elementor-heading-title {

        font-size: 12px !important;
        line-height: 1.35 !important;

        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* ==============================================
       날짜
    ============================================== */

    .scroll-panel-1
    .hero-news
    .news-date {

        position: relative !important;

        left: auto !important;
        top: auto !important;

        width: 100% !important;
        height: auto !important;

        margin-top: 2px !important;
    }


    .scroll-panel-1
    .hero-news
    .news-date
    .elementor-heading-title {

        font-size: 11px !important;
        line-height: 1.25 !important;

        white-space: nowrap !important;
    }

}


/* 자동 NEWS 숏코드 wrapper 제거 */
.scroll-panel-1
.hero-news
.hero-news-dynamic,

.scroll-panel-1
.hero-news
.hero-news-dynamic
.elementor-widget-container,

.scroll-panel-1
.hero-news
.hero-news-dynamic
.elementor-text-editor {
    display: contents !important;
}


/* ==================================================
   NEWS 제목 최대 2줄 + 초과 시 ...
================================================== */

.scroll-panel-1
.hero-news
.news-item-title {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
}

.scroll-panel-1
.hero-news
.news-item-title
.elementor-heading-title {

    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    /* 기존 nowrap 해제 */
    white-space: normal !important;

    /* 최대 2줄 */
    line-height: 1.3 !important;
    max-height: 2.6em !important;

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    word-break: keep-all !important;
    overflow-wrap: break-word !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e39ca7c *//* ==================================================
   SECTION 2 RESPONSIVE - 1920 BASE
   기준 디자인: 1920px
   별도 작은 화면/큰 화면 레이아웃 분기 없이
   모든 좌표/크기/폰트를 동일 비율로 축소·확대

   CARD:
   1 = X330 / W400 / H550
   2 = X760 / W400 / H550
   3 = X1190 / W400 / H550
================================================== */

/* ==================================================
   SECTION 2 / 두 번째 이미지 컨테이너 전용
   Elementor > 해당 컨테이너 > 고급 > Custom CSS

   Elementor 컨테이너 Custom CSS에 붙여넣되 기존 .scroll-panel-2 선택자를 그대로 유지
================================================== */

.scroll-panel-2 {

position: relative !important;

/* ★ 첫 번째 이미지보다 뒤로 */
z-index: 0 !important;

opacity: 1 !important;

clip-path: none !important;

transform: none !important;

transform-origin: center center;

visibility: visible !important;

}

/* ==================================================
SECOND IMAGE
첫 번째 HERO처럼 화면 좌우 끝까지
================================================== */

.scroll-panel-2 {
width: 100vw !important;
max-width: none !important;

margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;

/* ★ 추가: 두 번째 섹션을 첫 번째 이미지 위로 122px 올림 */
margin-top: -6.354167vw !important;

padding-left: 0 !important;
padding-right: 0 !important;

overflow: hidden !important;

}

/* 이미지 위젯 자체 */
.scroll-panel-2 .elementor-widget-image,
.scroll-panel-2 .elementor-widget-image .elementor-widget-container {
width: 100% !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;

}

/* 실제 이미지 */
.scroll-panel-2 .elementor-widget-image img {
display: block !important;

width: 100% !important;
max-width: none !important;

height: auto !important;

margin: 0 !important;
padding: 0 !important;

}

/* 두 번째 이미지 위 제목 */
.scroll-panel-2 {
position: relative !important;
}

.scroll-panel-2 .section2-title {
position: absolute !important;

left: 50% !important;
top: 18% !important;

transform: translateX(-50%) !important;

width: auto !important;

margin: 0 !important;

z-index: 10 !important;

text-align: center !important;

}

/* ==================================================
SECTION 2
XD 1920 기준 제목 / 설명 위치
================================================== */

.scroll-panel-2 {
position: relative !important;
}

/* ==================================================
모빌리티 안전
XD: X759 / Y1403 / W402 / H86
SECTION2 내부 Y = 1403 - 1170 = 233
================================================== */

.scroll-panel-2 .section2-title {
position: absolute !important;

/* 화면 정중앙 */
left: 50% !important;

/* 1920 기준 최종 위치를 반응형 비율로 유지 */
top: 14.364583vw !important; /* 1920 기준 276px */

/* 402 / 1920 */
width: 20.9375vw !important;
max-width: none !important;

transform: translateX(-50%) !important;

margin: 0 !important;
padding: 0 !important;

text-align: center !important;

z-index: 20 !important;

}

.scroll-panel-2
.section2-title
.elementor-heading-title {

margin: 0 !important;
padding: 0 !important;

font-family:
    "Paperlogy 8",
    "Paperlogy",
    sans-serif !important;

/* XD 64px */
font-size:
    3.333333vw !important;

font-weight: 800 !important;

/* XD 85px */
line-height:
    4.427083vw !important;

text-align: center !important;

white-space: nowrap !important;

color: #000000 !important;

}

/* 제목 안의 파란색 '안전' */
.scroll-panel-2
.section2-title
.section2-blue {

color: #0057b8 !important;

}

/* ==================================================
설명문
XD: X547 / Y1497 / W826 / H57
SECTION2 내부 Y = 1497 - 1170 = 327
================================================== */

.scroll-panel-2 .section2-desc {
position: absolute !important;

left: 50% !important;

top: 19.260416vw !important; /* 1920 기준 약 369.8px */

/* 826 / 1920 */
width: 43.020833vw !important;
max-width: none !important;

transform: translateX(-50%) !important;

margin: 0 !important;
padding: 0 !important;

text-align: center !important;

z-index: 20 !important;

}

.scroll-panel-2
.section2-desc
.elementor-heading-title {

margin: 0 !important;
padding: 0 !important;

font-family:
    "Paperlogy 6",
    "Paperlogy",
    sans-serif !important;

/* XD 24px */
font-size:
    1.25vw !important;

font-weight: 600 !important;

/* XD 25px */
line-height:
    1.302083vw !important;

color: #000000 !important;

text-align: center !important;

white-space: normal !important;
word-break: keep-all !important;

}

/* ==================================================
MOBILITY CARD AREA
XD 기준 1920 × 550

CARD 1 : X330  / Y2100 / W400 / H550
CARD 2 : X760  / Y2100 / W400 / H550
CARD 3 : X1190 / Y2100 / W400 / H550

SECTION 2 시작 Y = 1170
카드 내부 Y = 2100 - 1170 = 930
================================================== */

.scroll-panel-2 {
position: relative !important;
overflow: hidden !important;
}

/* ==================================================
카드 3개 전체 기준 영역

중요:
Elementor 내부 컨테이너 폭이 아니라
실제 화면 폭을 기준으로 좌표 계산
================================================== */

.scroll-panel-2 .mobility-cards {
position: absolute !important;

top: 49.479167vw !important;

left: 50% !important;

width: 100vw !important;
max-width: none !important;

height: 28.645833vw !important;

margin: 0 !important;
padding: 0 !important;

display: block !important;

transform: translateX(-50%) !important;

overflow: visible !important;

z-index: 30 !important;

}

/* Elementor 내부 wrapper 무력화 */

.scroll-panel-2
.mobility-cards

.e-con-inner {

position: static !important;

width: 100% !important;
max-width: none !important;
height: 100% !important;

margin: 0 !important;
padding: 0 !important;

display: block !important;

}

/* ==================================================
CARD 공통
================================================== */

.scroll-panel-2 .mobility-card {
position: absolute !important;

top: 0 !important;

margin: 0 !important;
padding: 0 !important;

min-width: 0 !important;
max-width: none !important;

min-height: 0 !important;

flex: none !important;

background: #ffffff !important;

border-radius: 0.520833vw !important;

overflow: hidden !important;

box-sizing: border-box !important;

transform: none !important;

z-index: 1 !important;

}

/* ==================================================
CARD 위치
================================================== */

/* CARD 1
X330 / W400
*/

.scroll-panel-2 .mobility-card-1 {
left: 17.1875% !important;        /* 330 / 1920 */

width: 20.833333% !important;     /* 400 / 1920 */
min-width: 20.833333% !important;
max-width: 20.833333% !important;

flex: 0 0 20.833333% !important;
flex-basis: 20.833333% !important;

aspect-ratio: 400 / 550 !important;

height: auto !important;

}

/* CARD 2
X760 / W400
*/

.scroll-panel-2 .mobility-card-2 {
left: 39.583333% !important;      /* 760 / 1920 */

width: 20.833333% !important;     /* 400 / 1920 */
min-width: 20.833333% !important;
max-width: 20.833333% !important;

flex: 0 0 20.833333% !important;
flex-basis: 20.833333% !important;

aspect-ratio: 400 / 550 !important;

height: auto !important;

}

/* CARD 3
X1190 / W400
*/

.scroll-panel-2 .mobility-card-3 {
left: 61.979167% !important;      /* 1190 / 1920 */

width: 20.833333% !important;     /* 400 / 1920 */
min-width: 20.833333% !important;
max-width: 20.833333% !important;

flex: 0 0 20.833333% !important;
flex-basis: 20.833333% !important;

aspect-ratio: 400 / 550 !important;

height: auto !important;

}

/* ==================================================
카드 자체 Elementor wrapper

모든 내부 요소가 카드의 왼쪽 위를
좌표 기준으로 사용하도록 설정
================================================== */

.scroll-panel-2
.mobility-card

.e-con-inner {

position: relative !important;

width: 100% !important;
max-width: none !important;

height: 100% !important;

margin: 0 !important;
padding: 0 !important;

display: block !important;

}

/* Elementor 기본 margin 제거 */

.scroll-panel-2
.mobility-card
.elementor-widget {

margin: 0 !important;

}

/* ==================================================
CARD IMAGE

XD
X30
Y30
W340
H230
================================================== */

.scroll-panel-2
.mobility-card
.card-image {

position: absolute !important;

left: 1.5625vw !important;
top: 1.5625vw !important;

width: 17.708333vw !important;
height: 11.979167vw !important;

margin: 0 !important;
padding: 0 !important;

overflow: hidden !important;

border-radius: 0.416667vw !important;

}

.scroll-panel-2
.mobility-card
.card-image
.elementor-widget-container {

width: 100% !important;
height: 100% !important;

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-2
.mobility-card
.card-image img {

display: block !important;

width: 100% !important;
max-width: none !important;

height: 100% !important;

object-fit: cover !important;

margin: 0 !important;
padding: 0 !important;

border-radius: inherit !important;

}

/* ==================================================
PRODUCT NAME

Dr.S@fe
SafeView360+
SafeView+

XD X30 / Y277

Paperlogy 8
30px
ExtraBold
================================================== */

.scroll-panel-2
.mobility-card
.card-product-name {

position: absolute !important;

left: 1.5625vw !important;
top: 14.427083vw !important;

width: 17.708333vw !important;
max-width: none !important;

height: 2.083333vw !important;

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-2
.mobility-card
.card-product-name
.elementor-heading-title,

.scroll-panel-2
.mobility-card
.card-product-name
.elementor-widget-container,

.scroll-panel-2
.mobility-card
.card-product-name p {

margin: 0 !important;
padding: 0 !important;

font-family:
    "Paperlogy 8",
    "Paperlogy",
    sans-serif !important;

font-size: 1.5625vw !important;

font-weight: 800 !important;

line-height: 2.083333vw !important;

color: #111111 !important;

white-space: nowrap !important;

}

/* ==================================================
DIVIDER
XD X30 / Y328 / W340 / H1

별도 Divider 위젯 없어도 생성
================================================== */

.scroll-panel-2
.mobility-card
.card-product-name::after {

content: "";

position: absolute !important;

left: 0 !important;

top: 2.65625vw !important;

width: 17.708333vw !important;

height: 1px !important;

height: 1px !important;

background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.60) 0%,
    rgba(0, 0, 0, 0.38) 30%,
    rgba(0, 0, 0, 0.16) 65%,
    rgba(0, 0, 0, 0.00) 100%
) !important;

z-index: 2 !important;

}

/* 혹시 Divider 위젯이 이미 들어있으면 숨김 */

.scroll-panel-2
.mobility-card
.card-divider {

display: none !important;

}

/* ==================================================
CARD TITLE

페달 오조작 방지 장치
상용차 출발 방지 시스템
특수차 안전 운전 플랫폼

XD X30 / Y339 / W340 / H37

Paperlogy 5
28px
Medium
================================================== */

.scroll-panel-2
.mobility-card
.card-title {

position: absolute !important;

left: 1.5625vw !important;
top: 17.65625vw !important;

width: 17.708333vw !important;

min-width: 0 !important;
max-width: none !important;

min-height: 1.927083vw !important;

margin: 0 !important;
padding: 0 !important;

overflow: visible !important;

}

.scroll-panel-2
.mobility-card
.card-title
.elementor-heading-title,

.scroll-panel-2
.mobility-card
.card-title
.elementor-widget-container,

.scroll-panel-2
.mobility-card
.card-title p {

margin: 0 !important;
padding: 0 !important;

font-family:
    "Paperlogy 5",
    "Paperlogy",
    sans-serif !important;

font-size: 1.458333vw !important;

font-weight: 500 !important;

line-height: 1.927083vw !important;

color: #111111 !important;

word-break: keep-all !important;
overflow-wrap: normal !important;

}

/* ==================================================
CARD DESCRIPTION

XD X30 / Y389 / W340

Paperlogy 4
16px
Regular
================================================== */

.scroll-panel-2
.mobility-card
.card-desc {

position: absolute !important;

left: 1.5625vw !important;
top: 20.260417vw !important;

width: 17.708333vw !important;

min-height: 2.395833vw !important;

height: auto !important;

margin: 0 !important;
padding: 0 !important;

overflow: visible !important;

}

.scroll-panel-2
.mobility-card
.card-desc
.elementor-heading-title,

.scroll-panel-2
.mobility-card
.card-desc
.elementor-widget-container,

.scroll-panel-2
.mobility-card
.card-desc p {

margin: 0 !important;
padding: 0 !important;

font-family:
    "Paperlogy 4",
    "Paperlogy",
    sans-serif !important;

font-size: 0.833333vw !important;

font-weight: 400 !important;

line-height: 1.302083vw !important;

color: #111111 !important;

word-break: keep-all !important;
overflow-wrap: normal !important;

}

/* ==================================================
TAG COMMON

XD Y480 / H40
================================================== */

.scroll-panel-2
.mobility-card
.card-tag {

position: absolute !important;

top: 25vw !important;

height: 2.083333vw !important;

display: flex !important;

align-items: center !important;
justify-content: center !important;

margin: 0 !important;
padding: 0 !important;

background: #f3f3f3 !important;

border-radius: 100px !important;

box-sizing: border-box !important;

/*
 * 중요
 * 긴 태그 글자가 잘리지 않도록 hidden 제거
 */
overflow: visible !important;

white-space: nowrap !important;

}

/* ==================================================
TAG TEXT
================================================== */

.scroll-panel-2
.mobility-card
.card-tag
.elementor-heading-title,

.scroll-panel-2
.mobility-card
.card-tag
.elementor-widget-container,

.scroll-panel-2
.mobility-card
.card-tag p {

margin: 0 !important;
padding: 0 !important;

font-family:
    "Paperlogy 5",
    "Paperlogy",
    sans-serif !important;

font-size: 0.833333vw !important;

font-weight: 500 !important;

line-height: 1 !important;

color: #999999 !important;

white-space: nowrap !important;

text-align: center !important;

}

/* ==================================================
CARD 1 TAG

X30 / X130 / X230
================================================== */

.scroll-panel-2
.mobility-card-1
.tag-1 {

left: 1.5625vw !important;

width: 4.6875vw !important;

}

.scroll-panel-2
.mobility-card-1
.tag-2 {

left: 6.770833vw !important;

width: 4.6875vw !important;

}

.scroll-panel-2
.mobility-card-1
.tag-3 {

left: 11.979167vw !important;

width: 4.6875vw !important;

}

/* ==================================================
CARD 2 TAG

X30  W90
X130 W130
X265 W90
================================================== */

.scroll-panel-2
.mobility-card-2
.tag-1 {

left: 1.5625vw !important;

width: 4.6875vw !important;

}

.scroll-panel-2
.mobility-card-2
.tag-2 {

left: 6.770833vw !important;

width: 6.770833vw !important;

}

.scroll-panel-2
.mobility-card-2
.tag-3 {

left: 13.802083vw !important;

width: 4.6875vw !important;

}

/* ==================================================
CARD 3 TAG

X30 / X130
================================================== */

.scroll-panel-2
.mobility-card-3
.tag-1 {

left: 1.5625vw !important;

width: 4.6875vw !important;

}

.scroll-panel-2
.mobility-card-3
.tag-2 {

left: 6.770833vw !important;

width: 4.6875vw !important;

}

/* ==================================================
ELEMENTOR EDITOR

편집 화면에서도 카드가 정상적으로 보이도록
================================================== */

.elementor-editor-active
.scroll-panel-2
.mobility-cards {
opacity: 1 !important;
visibility: visible !important;
}

.elementor-editor-active
.scroll-panel-2
.mobility-card {
opacity: 1 !important;
visibility: visible !important;
}



/* ==================================================
   ELEMENTOR EDITOR - SECTION 2 ONLY
================================================== */
.elementor-editor-active .scroll-panel-2 {
    opacity: 1 !important;
    transform: none !important;
    clip-path: inset(0 0 0 0) !important;
}


/* ==================================================
   MOTION ACCESSIBILITY - SECTION 2 ONLY
================================================== */
@media (prefers-reduced-motion: reduce) {
    .scroll-panel-2 {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        clip-path: inset(0 0 0 0) !important;
    }
}


/* ==================================================
SCROLL PANEL 2
스크롤 시 이미지 좌우로 펼쳐짐
================================================== */

.scroll-panel-2 {
--panel2-progress: 0;
--panel2-inset: 40%;
--panel2-title-y: 70px;
--panel2-desc-y: 90px;

position: relative !important;

}

/* ==================================================
두 번째 메인 이미지
실제 이미지 크기는 항상 100%
좌우를 15%씩 가렸다가 0%까지 펼침
================================================== */

.scroll-panel-2 .panel2-expand-image {
position: relative !important;

width: 100% !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;

clip-path:
    inset(
        0
        var(--panel2-inset)
        0
        var(--panel2-inset)
    ) !important;

overflow: hidden !important;

will-change: clip-path;

}

.scroll-panel-2
.panel2-expand-image
.elementor-widget-container {
width: 100% !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-2
.panel2-expand-image img {
display: block !important;

width: 100% !important;
max-width: none !important;

height: auto !important;

margin: 0 !important;
padding: 0 !important;

object-fit: cover !important;

}

/* ==================================================
모빌리티 안전 제목
================================================== */

.scroll-panel-2 .section2-title {
opacity: var(--panel2-progress) !important;

transform:
    translateX(-50%)
    translateY(var(--panel2-title-y)) !important;

will-change:
    transform,
    opacity;

z-index: 20 !important;

}

/* ==================================================
설명
================================================== */

.scroll-panel-2 .section2-desc {
opacity: var(--panel2-progress) !important;

transform:
    translateX(-50%)
    translateY(var(--panel2-desc-y)) !important;

will-change:
    transform,
    opacity;

z-index: 20 !important;

}

/* ==================================================
MOBILITY CARD SCROLL ANIMATION
카드 1 → 카드 2 → 카드 3
아래에서 위로 순차 등장
================================================== */

/*

JS가 실행된 경우에만 초기 상태 적용

→ Elementor 편집화면에서 카드가 사라지는 문제 방지
*/
.scroll-panel-2
.mobility-cards.cards-animation-enabled
.mobility-card {

opacity: 0 !important;

transform: translateY(4.166667vw) !important; /* 80 / 1920 */

transition:
opacity 0.7s ease,
transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;

will-change:
opacity,
transform;
}

/* ==================================================
등장 상태
================================================== */

.scroll-panel-2
.mobility-cards.cards-animation-enabled.cards-visible
.mobility-card {

opacity: 1 !important;

transform:
    translateY(0) !important;

}

/* ==================================================
CARD 1
제일 먼저
================================================== */

.scroll-panel-2
.mobility-cards.cards-animation-enabled
.mobility-card-1 {

transition-delay:
    0s !important;

}

/* ==================================================
CARD 2
두 번째
================================================== */

.scroll-panel-2
.mobility-cards.cards-animation-enabled
.mobility-card-2 {

transition-delay:
    0.25s !important;

}

/* ==================================================
CARD 3
마지막
================================================== */

.scroll-panel-2
.mobility-cards.cards-animation-enabled
.mobility-card-3 {

transition-delay:
    0.50s !important;

}

/* ==================================================
Elementor 편집 화면에서는 항상 표시
================================================== */

.elementor-editor-active
.scroll-panel-2
.mobility-cards
.mobility-card {

opacity: 1 !important;

transform:
    none !important;

transition:
    none !important;

}

/* ==================================================
움직임 최소화 설정 사용자
================================================== */

@media (prefers-reduced-motion: reduce) {

.scroll-panel-2
.mobility-cards
.mobility-card {

    opacity: 1 !important;

    transform:
        none !important;

    transition:
        none !important;
}

}

/* ==================================================
SECTION 2 TITLE SCROLL ANIMATION

모빌리티 안전
설명
아래 → 위 순차 등장
================================================== */

/* 초기 상태 */
.scroll-panel-2 .section2-title,
.scroll-panel-2 .section2-desc {

opacity: 0 !important;

transform:
    translateX(-50%)
    translateY(70px) !important;

transition:
    opacity 0.9s ease,
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) !important;

will-change:
    opacity,
    transform;

}

/* 제목 먼저 */
.scroll-panel-2 .section2-title {

transition-delay:
    0s !important;

}

/* 설명은 조금 뒤에 */
.scroll-panel-2 .section2-desc {

transition-delay:
    0.3s !important;

}

/* 화면에 들어왔을 때 */
.scroll-panel-2.section2-text-visible .section2-title,
.scroll-panel-2.section2-text-visible .section2-desc {

opacity: 1 !important;

transform:
    translateX(-50%)
    translateY(0) !important;

}

/* Elementor 편집 화면에서는 항상 표시 */
.elementor-editor-active
.scroll-panel-2
.section2-title,

.elementor-editor-active
.scroll-panel-2
.section2-desc {

opacity: 1 !important;

transform:
    translateX(-50%)
    translateY(0) !important;

transition:
    none !important;

}




/* ==================================================
   SECTION 2 FIXED COPY
================================================== */
.scroll-panel-2 {
    position: relative !important;
    z-index: 0 !important;
}

/* JS가 만드는 두 번째 섹션 고정 복제본 */
.scroll-panel-2.panel2-frozen-copy {
    position: fixed !important;
    margin: 0 !important;
    z-index: 1 !important;
    transform: none !important;
    pointer-events: none !important;
    visibility: visible !important;
}

/* 복제본 안의 스크롤 애니메이션 정지 */
.scroll-panel-2.panel2-frozen-copy .mobility-card,
.scroll-panel-2.panel2-frozen-copy .section2-title,
.scroll-panel-2.panel2-frozen-copy .section2-desc {
    transition: none !important;
}




/* ==================================================
   SECTION 2
   SECTION 1 뒤쪽에 배치
================================================== */

.scroll-panel-2 {
    position: relative !important;

    /* 1920 기준 122px 겹침 유지 */
    margin-top: -6.354167vw !important;

    /* SECTION 1 뒤 */
    z-index: 1 !important;
}

/* ==================================================
   SECTION 2 HEIGHT
   1920 기준 실제 높이 1640
   Section 3가 40px 덮어서 보이는 높이 1600
================================================== */

.scroll-panel-2 {
    height: 85.416667vw !important;   /* 1640 / 1920 × 100 */
    min-height: 0 !important;
    max-height: none !important;
}

/* ==================================================
   SECTION 2 CARD - XD 1920 EXACT POSITION
   1920 기준 → 모든 값 vw 비례 반응형
================================================== */

/* --------------------------------------------------
   카드 3개
   CARD1 X330
   CARD2 X760
   CARD3 X1190
   모두 W400 / H550
-------------------------------------------------- */

.scroll-panel-2 .mobility-card-1,
.scroll-panel-2 .mobility-card-2,
.scroll-panel-2 .mobility-card-3 {
    width: 20.833333% !important;     /* 400 / 1920 */
    min-width: 20.833333% !important;
    max-width: 20.833333% !important;

    flex: 0 0 20.833333% !important;
    flex-basis: 20.833333% !important;

    aspect-ratio: 400 / 550 !important;
    height: auto !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}

.scroll-panel-2 .mobility-card-1 {
    left: 17.1875% !important;        /* 330 */
}

.scroll-panel-2 .mobility-card-2 {
    left: 39.583333% !important;      /* 760 */
}

.scroll-panel-2 .mobility-card-3 {
    left: 61.979167% !important;      /* 1190 */
}


/* ==================================================
   IMAGE
   카드 내부 X30 / Y30 / W340 / H230
================================================== */

.scroll-panel-2 .mobility-card .card-image {
    left: 1.5625vw !important;        /* 30 */
    top: 1.5625vw !important;         /* 30 */

    width: 17.708333vw !important;    /* 340 */
    height: 11.979167vw !important;   /* 230 */
}


/* ==================================================
   PRODUCT NAME
   카드 내부 X30 / Y277 / H40
================================================== */

.scroll-panel-2 .mobility-card .card-product-name {
    left: 1.5625vw !important;        /* 30 */
    top: 14.427083vw !important;      /* 277 */

    height: 2.083333vw !important;    /* 40 */

    min-width: 0 !important;
    max-width: none !important;
}

/* Dr.S@fe : W108 */
.scroll-panel-2 .mobility-card-1 .card-product-name {
    width: 5.625vw !important;
}

/* SafeView360+ : W189 */
.scroll-panel-2 .mobility-card-2 .card-product-name {
    width: 9.84375vw !important;
}

/* SafeView+ : W140 */
.scroll-panel-2 .mobility-card-3 .card-product-name {
    width: 7.291667vw !important;
}


/* ==================================================
   DIVIDER
   X30 / W340 / H1

   CARD1 XD Y2428
   CARD2/3 XD Y2427
================================================== */

.scroll-panel-2
.mobility-card
.card-product-name::after {
    left: 0 !important;

    width: 17.708333vw !important;    /* 340 */
    height: 1px !important;
}

/* 277 + 51 = 328 */
.scroll-panel-2
.mobility-card-1
.card-product-name::after {
    top: 2.65625vw !important;        /* 51 */
}

/* 277 + 50 = 327 */
.scroll-panel-2
.mobility-card-2
.card-product-name::after,
.scroll-panel-2
.mobility-card-3
.card-product-name::after {
    top: 2.604167vw !important;       /* 50 */
}


/* ==================================================
   CARD TITLE
   카드 내부 X30 / Y339 / H37
================================================== */

.scroll-panel-2 .mobility-card .card-title {
    left: 1.5625vw !important;        /* 30 */
    top: 17.65625vw !important;       /* 339 */

    height: 1.927083vw !important;    /* 37 */
    min-height: 1.927083vw !important;

    min-width: 0 !important;
    max-width: none !important;
}

/* 페달 오조작 방지 장치 : W275 */
.scroll-panel-2 .mobility-card-1 .card-title {
    width: 14.322917vw !important;
}

/* 상용차 출발 방지 시스템 : W303 */
.scroll-panel-2 .mobility-card-2 .card-title {
    width: 15.78125vw !important;
}

/* 특수차 안전 운전 플랫폼 : W303 */
.scroll-panel-2 .mobility-card-3 .card-title {
    width: 15.78125vw !important;
}


/* ==================================================
   CARD DESCRIPTION
   카드 내부 X30 / Y389 / H46
================================================== */

.scroll-panel-2 .mobility-card .card-desc {
    left: 1.5625vw !important;        /* 30 */
    top: 20.260417vw !important;      /* 389 */

    height: 2.395833vw !important;    /* 46 */
    min-height: 2.395833vw !important;

    min-width: 0 !important;
    max-width: none !important;

    overflow: visible !important;
}

/* CARD 1 XD W358 */
.scroll-panel-2 .mobility-card-1 .card-desc {
    width: 18.645833vw !important;
}

/* CARD 2 XD W362 */
.scroll-panel-2 .mobility-card-2 .card-desc {
    width: 18.854167vw !important;
}

/*
   CARD 3

   XD 원본은 W386이지만:
   카드 끝 = 1190 + 400 = 1590
   설명 시작 = 1220
   사용 가능한 폭 = 1590 - 1220 = 370

   따라서 카드 자체를 400으로 유지하려면
   W370이 최대값.
*/
.scroll-panel-2 .mobility-card-3 .card-desc {
    width: 19.270833vw !important;    /* 370 */
}

/* ==================================================
   SECTION 2 MOBILE - CLEAN / ANIMATION PRESERVED
   기존 PC 구조/스크롤 애니메이션은 유지하고
   767px 이하에서 좌표와 크기만 재배치
================================================== */
@media (max-width: 767px) {

    .scroll-panel-2 {
        position: relative !important;
        width: 100vw !important;
        max-width: none !important;
        height: 1950px !important;
        min-height: 1950px !important;
        max-height: none !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        margin-top: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* 모바일에서는 메인 이미지 펼침 효과만 해제 */
    .scroll-panel-2 .panel2-expand-image {
        position: absolute !important;
        left: 0 !important;
        top: 180px !important;
        width: 100% !important;
        max-width: none !important;
        height: 360px !important;
        margin: 0 !important;
        padding: 0 !important;
        clip-path: none !important;
        overflow: hidden !important;
        z-index: 1 !important;
    }

    .scroll-panel-2 .panel2-expand-image .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .scroll-panel-2 .panel2-expand-image img {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* 제목 - 기존 opacity/transform/transition 애니메이션은 건드리지 않음 */
    .scroll-panel-2 .section2-title {
        position: absolute !important;
        left: 50% !important;
        top: 38px !important;
        width: calc(100% - 32px) !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        z-index: 20 !important;
    }

    .scroll-panel-2 .section2-title .elementor-heading-title {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 30px !important;
        line-height: 1.25 !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    /* 설명 - 기존 등장 애니메이션 유지 */
    .scroll-panel-2 .section2-desc {
        position: absolute !important;
        left: 50% !important;
        top: 98px !important;
        width: calc(100% - 40px) !important;
        max-width: 520px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
        z-index: 20 !important;
    }

    .scroll-panel-2 .section2-desc .elementor-heading-title,
    .scroll-panel-2 .section2-desc .elementor-widget-container,
    .scroll-panel-2 .section2-desc p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
        white-space: normal !important;
        word-break: keep-all !important;
        text-align: center !important;
    }

    /* 카드 영역 - 부모의 PC용 translateX만 제거 */
    .scroll-panel-2 .mobility-cards {
        position: absolute !important;
        left: 0 !important;
        top: 470px !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 18px !important;
        transform: none !important;
        overflow: visible !important;
        z-index: 30 !important;
        box-sizing: border-box !important;
    }

    .scroll-panel-2 .mobility-cards > .e-con-inner {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 20px !important;
    }

    /* 개별 카드 - opacity/transform/transition은 기존 애니메이션에 맡김 */
    .scroll-panel-2 .mobility-card-1,
    .scroll-panel-2 .mobility-card-2,
    .scroll-panel-2 .mobility-card-3 {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: min(86vw, 340px) !important;
        min-width: 0 !important;
        max-width: 340px !important;
        flex: 0 0 auto !important;
        flex-basis: auto !important;
        aspect-ratio: 400 / 550 !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 0 !important;
        border-radius: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .scroll-panel-2 .mobility-card .e-con-inner {
        position: relative !important;
        width: 100% !important;
        max-width: none !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    /* 카드 이미지: viewport vw가 아니라 카드 비율 기준 */
    .scroll-panel-2 .mobility-card .card-image {
        position: absolute !important;
        left: 7.5% !important;
        top: 5.454545% !important;
        width: 85% !important;
        height: 41.818182% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }

    .scroll-panel-2 .mobility-card .card-image .elementor-widget-container,
    .scroll-panel-2 .mobility-card .card-image img {
        width: 100% !important;
        height: 100% !important;
    }

    .scroll-panel-2 .mobility-card .card-image img {
        object-fit: cover !important;
    }

    /* 제품명 */
    .scroll-panel-2 .mobility-card .card-product-name,
    .scroll-panel-2 .mobility-card-1 .card-product-name,
    .scroll-panel-2 .mobility-card-2 .card-product-name,
    .scroll-panel-2 .mobility-card-3 .card-product-name {
        position: absolute !important;
        left: 7.5% !important;
        top: 50.363636% !important;
        width: 85% !important;
        max-width: 85% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .scroll-panel-2 .mobility-card .card-product-name .elementor-heading-title,
    .scroll-panel-2 .mobility-card .card-product-name .elementor-widget-container,
    .scroll-panel-2 .mobility-card .card-product-name p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 23px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .scroll-panel-2 .mobility-card .card-product-name::after,
    .scroll-panel-2 .mobility-card-1 .card-product-name::after,
    .scroll-panel-2 .mobility-card-2 .card-product-name::after,
    .scroll-panel-2 .mobility-card-3 .card-product-name::after {
        left: 0 !important;
        top: calc(100% + 8px) !important;
        width: 100% !important;
        height: 1px !important;
    }

    /* 카드 제목 */
    .scroll-panel-2 .mobility-card .card-title,
    .scroll-panel-2 .mobility-card-1 .card-title,
    .scroll-panel-2 .mobility-card-2 .card-title,
    .scroll-panel-2 .mobility-card-3 .card-title {
        position: absolute !important;
        left: 7.5% !important;
        top: 61.636364% !important;
        width: 85% !important;
        max-width: 85% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .scroll-panel-2 .mobility-card .card-title .elementor-heading-title,
    .scroll-panel-2 .mobility-card .card-title .elementor-widget-container,
    .scroll-panel-2 .mobility-card .card-title p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 카드 설명 */
    .scroll-panel-2 .mobility-card .card-desc,
    .scroll-panel-2 .mobility-card-1 .card-desc,
    .scroll-panel-2 .mobility-card-2 .card-desc,
    .scroll-panel-2 .mobility-card-3 .card-desc {
        position: absolute !important;
        left: 7.5% !important;
        top: 70.727273% !important;
        width: 85% !important;
        max-width: 85% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .scroll-panel-2 .mobility-card .card-desc .elementor-heading-title,
    .scroll-panel-2 .mobility-card .card-desc .elementor-widget-container,
    .scroll-panel-2 .mobility-card .card-desc p {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
        white-space: normal !important;
        word-break: keep-all !important;
    }

    /* 태그 */
    .scroll-panel-2 .mobility-card .card-tag {
        top: 87.272727% !important;
        height: 7.272727% !important;
    }

    .scroll-panel-2 .mobility-card .card-tag .elementor-heading-title,
    .scroll-panel-2 .mobility-card .card-tag .elementor-widget-container,
    .scroll-panel-2 .mobility-card .card-tag p {
        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .scroll-panel-2 .mobility-card-1 .tag-1,
    .scroll-panel-2 .mobility-card-2 .tag-1,
    .scroll-panel-2 .mobility-card-3 .tag-1 {
        left: 7.5% !important;
        width: 22.5% !important;
    }

    .scroll-panel-2 .mobility-card-1 .tag-2,
    .scroll-panel-2 .mobility-card-3 .tag-2 {
        left: 32.5% !important;
        width: 22.5% !important;
    }

    .scroll-panel-2 .mobility-card-1 .tag-3 {
        left: 57.5% !important;
        width: 22.5% !important;
    }

    .scroll-panel-2 .mobility-card-2 .tag-2 {
        left: 32.5% !important;
        width: 32.5% !important;
    }

    .scroll-panel-2 .mobility-card-2 .tag-3 {
        left: 66.25% !important;
        width: 22.5% !important;
    }

    /* JS 고정 복제본은 모바일에서만 제거 */
    .scroll-panel-2.panel2-frozen-copy {
        display: none !important;
    }
}



/* =========================================================
   MOBILE - 배경 이미지 안에 카드 3개 전부 넣기
========================================================= */

@media (max-width: 767px) {

    /* SECTION을 배경 기준점으로 */
    .scroll-panel-2 {
        position: relative !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;

        background: #fff !important;
    }


    /* =====================================================
       풍경 이미지
       카드가 끝날 때까지 SECTION 전체 뒤에 깔기
    ===================================================== */

    .scroll-panel-2 .panel2-expand-image {
        position: absolute !important;

        /* 흰색 제목/설명 영역 다음부터 시작 */
        top: 170px !important;

        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        clip-path: none !important;

        overflow: hidden !important;

        z-index: 0 !important;
    }


    .scroll-panel-2
    .panel2-expand-image
    .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    .scroll-panel-2
    .panel2-expand-image img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;

        /* 풍경 위쪽을 최대한 보이게 */
        object-position: center top !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       제목 / 설명은 이미지보다 위
    ===================================================== */

    .scroll-panel-2 .section2-title,
    .scroll-panel-2 .section2-desc {
        position: relative !important;

        z-index: 2 !important;
    }


    /* =====================================================
       카드 영역
    ===================================================== */

    .scroll-panel-2 .mobility-cards {
        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        width: 100% !important;
        max-width: 360px !important;

        height: auto !important;

        /*
         * 제목/설명 아래에서 풍경 이미지 영역으로 내려감
         */
        margin: 190px auto 0 !important;

        padding: 0 !important;

        z-index: 5 !important;

        overflow: visible !important;
    }


    .scroll-panel-2
    .mobility-cards
    > .e-con-inner {
        width: 100% !important;
        height: auto !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;

        gap: 24px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* 카드 3개 */
    .scroll-panel-2 .mobility-card-1,
    .scroll-panel-2 .mobility-card-2,
    .scroll-panel-2 .mobility-card-3 {
        position: relative !important;

        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 360px !important;

        height: auto !important;

        aspect-ratio: 400 / 550 !important;

        flex: 0 0 auto !important;

        margin: 0 auto !important;

        z-index: 6 !important;
    }
}


/* ==================================================
   MOBILE - 카드 1개씩 스크롤 전환
================================================== */

@media (max-width: 767px) {

    /*
     * 카드 3장을 스크롤하면서 보여줘야 하므로
     * 섹션 자체에 충분한 스크롤 길이를 만듦
     */
    .scroll-panel-2 {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 300vh !important;

        overflow: visible !important;
    }


    /* ==============================================
       풍경 배경
    ============================================== */

    .scroll-panel-2 .panel2-expand-image {
        position: absolute !important;

        left: 0 !important;
        right: 0 !important;

        top: 170px !important;
        bottom: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        clip-path: none !important;

        overflow: hidden !important;

        z-index: 0 !important;
    }

    .scroll-panel-2
    .panel2-expand-image
    .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
    }

    .scroll-panel-2
    .panel2-expand-image
    img {
        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* ==============================================
       카드 영역
       화면에 고정
    ============================================== */

    .scroll-panel-2 .mobility-cards {
        position: sticky !important;

        top: 18vh !important;

        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: calc(100% - 36px) !important;
        max-width: 360px !important;

        height: 495px !important;

        margin: 170px auto 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        z-index: 20 !important;
    }


    .scroll-panel-2
    .mobility-cards
    > .e-con-inner {
        position: relative !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: block !important;
    }


    /* ==============================================
       카드 3개를 같은 위치에 겹쳐 놓음
    ============================================== */

    .scroll-panel-2 .mobility-card-1,
    .scroll-panel-2 .mobility-card-2,
    .scroll-panel-2 .mobility-card-3 {
        position: absolute !important;

        left: 0 !important;
        right: auto !important;
        top: 0 !important;
        bottom: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 360px !important;

        height: auto !important;

        aspect-ratio: 400 / 550 !important;

        margin: 0 !important;

        opacity: 0 !important;

        transform: translateY(45px) scale(0.97) !important;

        transition:
            opacity 0.45s ease,
            transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;

        pointer-events: none !important;

        z-index: 1 !important;
    }


    /* 현재 보여주는 카드 */
    .scroll-panel-2 .mobility-card.is-mobile-active {
        opacity: 1 !important;

        transform: translateY(0) scale(1) !important;

        pointer-events: auto !important;

        z-index: 5 !important;
    }


    /* 기존 카드 스크롤 애니메이션보다 우선 */
    .scroll-panel-2
    .mobility-cards.cards-animation-enabled
    .mobility-card {
        transition:
            opacity 0.45s ease,
            transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
    }


    /* fixed 복제본은 모바일에서 사용하지 않음 */
    .scroll-panel-2.panel2-frozen-copy {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e28f7c3 *//* ==================================================
   SECTION 3 / 세 번째 이미지 컨테이너 전용
   Elementor > 해당 컨테이너 > 고급 > Custom CSS

   중요: JS 복제본(panel3-frozen-copy) 때문에
   .elementor-5696 .elementor-element.elementor-element-e28f7c3로 바꾸지 않고 .scroll-panel-3 선택자를 그대로 유지
================================================== */

/* ==================================================
THIRD IMAGE SECTION
자율 플랫폼

XD 1920 기준
================================================== */

.scroll-panel-3 {
position: relative !important;

width: 100vw !important;
max-width: none !important;

margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;

/*
 * XD에서 흰색 영역을 확보한 뒤
 * 그 아래부터 이미지 시작
 *
 * 1920 기준 약 400px
 */
padding-top: 2.75vw !important;

margin-top: -2.083333vw !important;

background: #ffffff !important;

opacity: 1 !important;
visibility: visible !important;

transform: none !important;
clip-path: none !important;

overflow: hidden !important;

box-sizing: border-box !important;

}

/* ==================================================
자율 플랫폼 메인 제목

XD 기준:
가운데 정렬
섹션 상단에서 약 210px
================================================== */

.scroll-panel-3 .platform-title {
    position: absolute !important;

    left: 50% !important;

    top: calc(
        var(--p3-image-start, 0px)
        + min(12.864583vw, 247px)
    ) !important;

    transform: translateX(-50%) !important;

    width: 17.604167vw !important;
    max-width: 338px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 10 !important;
}

.scroll-panel-3
.platform-title
.elementor-widget-container {

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-3
.platform-title
.elementor-heading-title {

margin: 0 !important;
padding: 0 !important;
line-height: min(4.427083vw, 85px) !important;

letter-spacing: 0 !important;

color: #000000 !important;

text-align: center !important;

white-space: nowrap !important;

}

/* 자율 = 파란색 */
.scroll-panel-3
.platform-title
.elementor-heading-title
.platform-blue {

color: #014099 !important;

}

/* ==================================================
자율 플랫폼 설명

제목 바로 아래
================================================== */

.scroll-panel-3 .platform-desc {
position: absolute !important;

left: 50% !important;
top: calc(15.520833vw + 57px) !important;

transform: translateX(-50%) !important;

width: 43.020833vw !important;
max-width: 826px !important;

margin: 0 !important;
padding: 0 !important;

text-align: center !important;

z-index: 10 !important;

}

.scroll-panel-3
.platform-desc
.elementor-widget-container {

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-3
.platform-desc
.elementor-heading-title,
.scroll-panel-3
.platform-desc
.elementor-widget-container,
.scroll-panel-3
.platform-desc p {

margin: 0 !important;
padding: 0 !important;
line-height: min(1.302083vw, 25px) !important;

letter-spacing: 0 !important;

color: #000000 !important;

text-align: center !important;

word-break: keep-all !important;

}

/* ==================================================
자율 플랫폼 배경 이미지

XD:
흰색 제목 영역 아래에서 시작
================================================== */

.scroll-panel-3 .platform-main-image {
position: relative !important;

display: block !important;

width: 100% !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;

z-index: 1 !important;

}

.scroll-panel-3
.platform-main-image
.elementor-widget-container {

width: 100% !important;
max-width: none !important;

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-3
.platform-main-image img {

display: block !important;

width: 100% !important;
max-width: none !important;

height: auto !important;

margin: 0 !important;
padding: 0 !important;

}

/* ==================================================
AUTONOMOUS PLATFORM CARDS
XD 1920 기준

CARD 1
X330 / Y3400 / W615 / H550

CARD 2
X985 / Y3400 / W615 / H550

SECTION 3 시작 Y = 2800
카드 내부 Y = 3400 - 2800 = 600
================================================== */

/* ==================================================

PLATFORM CARD AREA
XD 1920 기준

CARD 1 : X330 / Y3400 / W615 / H550
CARD 2 : X985 / Y3400 / W615 / H550
GAP    : 40

SECTION 3 시작 Y = 2800
CARD Y = 3400 - 2800 = 600
================================================== */

.scroll-panel-3 .platform-cards {

position: absolute !important;

/*
 * ★ 카드 그룹 세로 위치
 * XD : section 내부 600px
 */
top: auto !important;

bottom: 152px !important;

/*
 * ★ CARD 1 시작 X = 330
 * 330 / 1920
 */
left: 17.1875vw !important;

/*
 * 615 + 40 + 615 = 1270
 */
width: 66.145833vw !important;
max-width: none !important;

/*
 * XD 카드 높이 = 550
 */
height: 28.645833vw !important;

margin: 0 !important;
padding: 0 !important;

display: flex !important;
flex-direction: row !important;

justify-content: flex-start !important;
align-items: flex-start !important;

/*
 * XD 카드 사이 간격 = 40px
 */
gap: 2.083333vw !important;

transform: none !important;

overflow: visible !important;

z-index: 30 !important;

box-sizing: border-box !important;

}

/* ==================================================
Elementor platform-cards 내부 wrapper
================================================== */

.scroll-panel-3
.platform-cards

.e-con-inner {

position: relative !important;

width: 100% !important;
max-width: none !important;

height: 100% !important;

margin: 0 !important;
padding: 0 !important;

display: flex !important;
flex-direction: row !important;

justify-content: flex-start !important;
align-items: flex-start !important;

gap: 2.083333vw !important;

box-sizing: border-box !important;

}

/* ==================================================
2. 카드 공통
XD W615 / H550
================================================== */

.scroll-panel-3 .platform-card {

/*
 * ★ 여기서는 absolute 사용하지 않음
 * 부모 flex가 두 카드를 나란히 배치
 */
position: relative !important;

left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;

/*
 * XD W615
 */
flex: 0 0 32.03125vw !important;

width: 32.03125vw !important;
max-width: none !important;

/*
 * XD H550
 */
height: 28.645833vw !important;
min-height: 0 !important;

margin: 0 !important;
padding: 0 !important;

background: #ffffff !important;

border-radius: min(0.520833vw, 10px) !important;

overflow: hidden !important;

box-sizing: border-box !important;

opacity: 1 !important;
visibility: visible !important;

transform: none !important;

z-index: 1 !important;

}

/* CARD 1 */
.scroll-panel-3 .platform-card-1 {

position: relative !important;

left: auto !important;
top: auto !important;

margin: 0 !important;

}

/* CARD 2 */
.scroll-panel-3 .platform-card-2 {

position: relative !important;

left: auto !important;
top: auto !important;

margin: 0 !important;

}

/* ==================================================
3. 카드 내부 Elementor wrapper
================================================== */

.scroll-panel-3
.platform-card

.e-con-inner {

position: relative !important;

width: 100% !important;
max-width: none !important;

height: 100% !important;

margin: 0 !important;
padding: 0 !important;

display: block !important;

}

/* Elementor 기본 간격 제거 */
.scroll-panel-3
.platform-card
.elementor-widget {

margin: 0 !important;

}

/* ==================================================
4. 이미지

XD
X30 / Y30
W555 / H230
================================================== */

.scroll-panel-3 .platform-card-image {

position: absolute !important;

left: 4.878049% !important;
top: 5.454545% !important;

width: 90.243902% !important;
height: 41.818182% !important;

margin: 0 !important;
padding: 0 !important;

overflow: hidden !important;

border-radius: min(0.416667vw, 8px) !important;

}

.scroll-panel-3
.platform-card-image
.elementor-widget-container {

width: 100% !important;
height: 100% !important;

margin: 0 !important;
padding: 0 !important;

}

.scroll-panel-3
.platform-card-image img {

display: block !important;

width: 100% !important;
max-width: none !important;

height: 100% !important;

object-fit: cover !important;

margin: 0 !important;
padding: 0 !important;

border-radius: inherit !important;

}

/* ==================================================
5. 제품명

XD 1920 기준

CARD 1
X30 / Y276 / W207 / H41
font-size 30 / ExtraBold

CARD 2
X30 / Y277 / W93 / H40
font-size 30 / ExtraBold
================================================== */

.scroll-panel-3 .platform-product-name {
    position: absolute !important;

    left: 4.878049% !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

/* CARD 1 */
.scroll-panel-3
.platform-card-1
.platform-product-name {
    top: 50.181818% !important;       /* 276 / 550 */
    width: 33.658537% !important;     /* 207 / 615 */
    height: 7.454545% !important;     /* 41 / 550 */
}

/*
 * CARD 2
 * 실제 페이지에서 platform-card-2 클래스가 없을 수 있어서
 * Elementor 고유 클래스 + 두 번째 카드 fallback도 같이 지정
 */
.scroll-panel-3
.platform-card-2
.platform-product-name,
.scroll-panel-3
.elementor-element-54cb568
.platform-product-name,
.scroll-panel-3
.platform-cards
.platform-card:nth-child(2)
.platform-product-name {
    top: 50.363636% !important;       /* 277 / 550 */
    width: 15.121951% !important;     /* 93 / 615 */
    height: 7.272727% !important;     /* 40 / 550 */
}

.scroll-panel-3
.platform-product-name
.elementor-heading-title,
.scroll-panel-3
.platform-product-name
.elementor-widget-container,
.scroll-panel-3
.platform-product-name p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 1.5625vw !important;    /* 30 / 1920 */
    font-weight: 800 !important;
    line-height: 2.083333vw !important; /* 40 / 1920 */

    color: #222222 !important;
    white-space: nowrap !important;
}

/* ==================================================
6. 구분선

XD X30 / Y328 / W555 / H1

왼쪽은 진하고
오른쪽으로 갈수록 옅어지는 그라데이션
================================================== */

.scroll-panel-3 .platform-divider {
    position: absolute !important;

    left: 4.878049% !important;       /* 30 / 615 */
    top: 59.636364% !important;       /* 328 / 550 */

    width: 90.243902% !important;     /* 555 / 615 */
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}

.scroll-panel-3
.platform-divider
.elementor-divider {
    padding: 0 !important;
}

.scroll-panel-3
.platform-divider
.elementor-divider-separator {
    display: block !important;

    width: 100% !important;
    height: 1px !important;

    border: 0 !important;
    border-top: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.50) 20%,
        rgba(0, 0, 0, 0.25) 50%,
        rgba(0, 0, 0, 0.08) 80%,
        rgba(0, 0, 0, 0.00) 100%
    ) !important;
}

/* ==================================================
7. 한글 카드 제목

XD 1920 기준
Y339 / H37
font-size 28 / Medium

CARD 1 W323
CARD 2 W273
================================================== */

.scroll-panel-3 .platform-card-title {
    position: absolute !important;

    left: 4.878049% !important;       /* 30 / 615 */
    top: 61.636364% !important;       /* 339 / 550 */

    height: 6.727273% !important;     /* 37 / 550 */
    min-height: 6.727273% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* CARD 1 */
.scroll-panel-3
.platform-card-1
.platform-card-title {
    width: 52.520325% !important;     /* 323 / 615 */
}

/* CARD 2 + fallback */
.scroll-panel-3
.platform-card-2
.platform-card-title,
.scroll-panel-3
.elementor-element-54cb568
.platform-card-title,
.scroll-panel-3
.platform-cards
.platform-card:nth-child(2)
.platform-card-title {
    width: 44.390244% !important;     /* 273 / 615 */
}

.scroll-panel-3
.platform-card-title
.elementor-heading-title,
.scroll-panel-3
.platform-card-title
.elementor-widget-container,
.scroll-panel-3
.platform-card-title p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 1.458333vw !important;  /* 28 / 1920 */
    font-weight: 500 !important;
    line-height: 1.927083vw !important; /* 37 / 1920 */

    color: #222222 !important;

    word-break: keep-all !important;
    white-space: nowrap !important;
}

/* ==================================================
8. 설명

XD 1920 기준
Y389 / H46
font-size 16 / Regular

CARD 1 W350
CARD 2 W383
================================================== */

.scroll-panel-3 .platform-card-desc {
    position: absolute !important;

    left: 4.878049% !important;       /* 30 / 615 */
    top: 70.727273% !important;       /* 389 / 550 */

    height: 8.363636% !important;     /* 46 / 550 */

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}

/* CARD 1 */
.scroll-panel-3
.platform-card-1
.platform-card-desc {
    width: 56.910569% !important;     /* 350 / 615 */
}

/* CARD 2 + fallback */
.scroll-panel-3
.platform-card-2
.platform-card-desc,
.scroll-panel-3
.elementor-element-54cb568
.platform-card-desc,
.scroll-panel-3
.platform-cards
.platform-card:nth-child(2)
.platform-card-desc {
    width: 62.276423% !important;     /* 383 / 615 */
}

.scroll-panel-3
.platform-card-desc
.elementor-heading-title,
.scroll-panel-3
.platform-card-desc
.elementor-widget-container,
.scroll-panel-3
.platform-card-desc p {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 0.833333vw !important; /* 16 / 1920 */
    font-weight: 400 !important;
    line-height: 1.302083vw !important; /* 25 / 1920 */

    color: #222222 !important;

    word-break: keep-all !important;
}

/* ==================================================
   9. PLATFORM TAG COMMON
   SECTION 2와 같은 Pill 디자인
   태그 길이는 글자 길이에 맞춰 자동 조절

   XD Y480 / H40
================================================== */

.scroll-panel-3
.platform-card
.platform-tag {

    position: absolute !important;

    top: 87.272727% !important;

    height: 7.272727% !important;

    /*
     * ★ 핵심
     * 고정 width를 사용하지 않고
     * 글자 길이에 맞춰 Pill 폭 자동 조절
     */
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    /*
     * Pill 좌우 여백
     * 1920 기준 약 16px
     */
    padding:
        0
        0.833333vw !important;

    background: #f3f3f3 !important;

    border-radius: 100px !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    white-space: nowrap !important;
}


/* ==================================================
   TAG 내부 Elementor
================================================== */

.scroll-panel-3
.platform-card
.platform-tag
.elementor-widget-container {

    width: auto !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
}


/* ==================================================
   TAG TEXT
   폰트 / 굵기 / 글자크기는 Elementor에서 직접 지정
================================================== */

.scroll-panel-3
.platform-card
.platform-tag
.elementor-heading-title,

.scroll-panel-3
.platform-card
.platform-tag
p {

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    color: #999999 !important;

    white-space: nowrap !important;

    text-align: center !important;
}


/* ==================================================
   10. CARD 1 태그

   자율주행 / AI 비전 / 운행허가취득

   X30 / X130 / X230
   폭은 텍스트 길이에 맞게 자동
================================================== */

.scroll-panel-3
.platform-card-1
.platform-tag-1 {

    left: 4.878049% !important;
}


.scroll-panel-3
.platform-card-1
.platform-tag-2 {

    left: 21.138211% !important;
}


.scroll-panel-3
.platform-card-1
.platform-tag-3 {

    left: 37.398374% !important;
}


/* ==================================================
   11. CARD 2 태그

   자율주행 / FOD 처리 / AI 비전

   X30 / X130 / X230
   폭은 텍스트 길이에 맞게 자동
================================================== */

.scroll-panel-3
.platform-card-2
.platform-tag-1 {

    left: 4.878049% !important;
}


.scroll-panel-3
.platform-card-2
.platform-tag-2 {

    left: 21.138211% !important;
}


.scroll-panel-3
.platform-card-2
.platform-tag-3 {

    left: 37.398374% !important;
}


/* ==================================================
SECTION 3 - LARGE SCREEN SCALE FIX
1920px보다 큰 화면에서도
1920 디자인 비율 그대로 확대
================================================== */

@media (min-width: 1921px) {

/* ==================================================
   자율 플랫폼 제목
================================================== */

.scroll-panel-3 .platform-title {
    width: 17.604167vw !important;
    max-width: none !important;
}

.scroll-panel-3
.platform-title
.elementor-heading-title {
    line-height: 4.427083vw !important;
}


/* ==================================================
   자율 플랫폼 설명
================================================== */

.scroll-panel-3 .platform-desc {
    width: 43.020833vw !important;
    max-width: none !important;
}

.scroll-panel-3
.platform-desc
.elementor-heading-title,

.scroll-panel-3
.platform-desc
.elementor-widget-container,

.scroll-panel-3
.platform-desc p {
    line-height: 1.302083vw !important;
}


/* ==================================================
   플랫폼 카드
   카드 크기 자체는 현재 vw라 그대로 사용
================================================== */

.scroll-panel-3 .platform-card {
    border-radius: 0.520833vw !important;
}


/* ==================================================
   카드 이미지 모서리
================================================== */

.scroll-panel-3 .platform-card-image {
    border-radius: 0.416667vw !important;
}


/* ==================================================
   제품명
   28px / 37px
================================================== */

.scroll-panel-3
.platform-product-name
.elementor-heading-title,

.scroll-panel-3
.platform-product-name
.elementor-widget-container,

.scroll-panel-3
.platform-product-name p {
    line-height: 1.927083vw !important;
}


/* ==================================================
   카드 한글 제목
   28px / 37px
================================================== */

.scroll-panel-3
.platform-card-title
.elementor-heading-title,

.scroll-panel-3
.platform-card-title
.elementor-widget-container,

.scroll-panel-3
.platform-card-title p {
    line-height: 1.927083vw !important;
}


/* ==================================================
   카드 설명
   16px / 25px
================================================== */

.scroll-panel-3
.platform-card-desc
.elementor-heading-title,

.scroll-panel-3
.platform-card-desc
.elementor-widget-container,

.scroll-panel-3
.platform-card-desc p {
    line-height: 1.302083vw !important;
}


/* ==================================================
   카드 태그
   14px
================================================== */

.scroll-panel-3
.platform-tag
.elementor-widget-container,

.scroll-panel-3
.platform-tag p {
}

}

/* ==================================================
SECTION 3 COVER
================================================== */

/* 세 번째 섹션 레이어 */
.scroll-panel-3 {
position: relative !important;
z-index: 5 !important;
}






/* ==================================================
SECTION 3 효과 완전 제거
================================================== */

.scroll-panel-3 .platform-title {
opacity: 1 !important;
transform: translateX(-50%) translateY(0) !important;
transition: none !important;
}

.scroll-panel-3 .platform-desc {
opacity: 1 !important;
transform: translateX(-50%) translateY(0) !important;
transition: none !important;
}

.scroll-panel-3 .platform-cards {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}

/* ==================================================
   SECTION 3 → SECTION 4 GAP / SECTION 3 SIDE ONLY
================================================== */

.scroll-panel-3 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.scroll-panel-3 > .e-con-inner {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
}

.scroll-panel-3 .platform-main-image {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.scroll-panel-3 .platform-main-image img {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
SECTION 3 FIXED COPY
SECTION 4가 SECTION 3를 덮기 위한 복제본
================================================== */

.scroll-panel-3.panel3-frozen-copy {
position: fixed !important;

margin: 0 !important;

z-index: 5 !important;

transform: none !important;

pointer-events: none !important;

visibility: visible !important;

}

/* 복제된 SECTION 3 내부 애니메이션 정지 */
.panel3-frozen-copy .platform-title,
.panel3-frozen-copy .platform-desc,
.panel3-frozen-copy .platform-cards {
transition: none !important;
}

/* ==================================================
SECTION 3 하단 간격 고정
================================================== */

/* 카드 → SECTION4 실제 간격 약 120px */
.scroll-panel-3 .platform-cards {
top: auto !important;
bottom: 152px !important;
}

/* 설명 끝 → 카드 시작 정확히 240px */
.scroll-panel-3 .platform-desc {
top: auto !important;

bottom:
    calc(
        152px
        + 28.645833vw
        + 240px
    ) !important;

}

















/* ==================================================
SECTION 3 TITLE / DESCRIPTION SCROLL REVEAL
================================================== */

/* 제목 */
.scroll-panel-3.panel3-text-reveal-enabled .platform-title {

opacity:
    var(--p3-title-opacity, 0) !important;
	
transform:
    translateX(-50%) !important;

transition:
    none !important;

will-change:
    transform,
    opacity;

}

/* 설명 */
.scroll-panel-3.panel3-text-reveal-enabled .platform-desc {

opacity:
    var(--p3-desc-opacity, 0) !important;

transform:
    translateX(-50%) !important;

transition:
    none !important;

will-change:
    transform,
    opacity;

}

/* ==================================================
고정 복제된 SECTION 3은 항상 완전히 표시
================================================== */

.scroll-panel-3.panel3-frozen-copy .platform-title {

opacity: 1 !important;

transform:
    translateX(-50%)
    translateY(0) !important;

}

.scroll-panel-3.panel3-frozen-copy .platform-desc {

opacity: 1 !important;

transform:
    translateX(-50%)
    translateY(0) !important;

}

/* Elementor 편집 화면 */
.elementor-editor-active
.scroll-panel-3 .platform-title {

opacity: 1 !important;

transform:
    translateX(-50%)
    translateY(0) !important;

}

.elementor-editor-active
.scroll-panel-3 .platform-desc {

opacity: 1 !important;

transform:
    translateX(-50%)
    translateY(0) !important;

}
/* ==================================================
   SECTION 3 CARD SCROLL ANIMATION
   두 번째 이미지 카드와 동일한 방식

   CARD 1 → CARD 2
   아래 → 위 순차 등장
================================================== */


/*
 * JS가 실행된 경우에만 숨김 상태 적용
 */
.scroll-panel-3
.platform-cards.cards-animation-enabled
.platform-card {

    opacity: 0 !important;

    transform:
        translateY(80px) !important;

    transition:
        opacity 0.7s ease,
        transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;

    will-change:
        opacity,
        transform;
}


/* ==================================================
   등장 상태
================================================== */

.scroll-panel-3
.platform-cards.cards-animation-enabled.cards-visible
.platform-card {

    opacity: 1 !important;

    transform:
        translateY(0) !important;
}


/* ==================================================
   CARD 1
   먼저 등장
================================================== */

.scroll-panel-3
.platform-cards.cards-animation-enabled
.platform-card-1 {

    transition-delay:
        0s !important;
}


/* ==================================================
   CARD 2
   0.25초 뒤 등장
================================================== */

.scroll-panel-3
.platform-cards.cards-animation-enabled
.platform-card-2 {

    transition-delay:
        0.25s !important;
}

.scroll-panel-3
.platform-cards.cards-resetting
.platform-card {

    transition: none !important;
}

/* ==================================================
   3 → 4 덮기용 복제본
   항상 완전히 표시
================================================== */

.scroll-panel-3.panel3-frozen-copy
.platform-cards.cards-animation-enabled
.platform-card {

    opacity: 1 !important;

    transform:
        translateY(0) !important;

    transition:
        none !important;
}


/* ==================================================
   Elementor 편집 화면
   항상 표시
================================================== */

.elementor-editor-active
.scroll-panel-3
.platform-cards
.platform-card {

    opacity: 1 !important;

    transform:
        translateY(0) !important;

    transition:
        none !important;
}


/* ==================================================
   움직임 최소화 설정
================================================== */

@media (prefers-reduced-motion: reduce) {

    .scroll-panel-3
    .platform-cards
    .platform-card {

        opacity: 1 !important;

        transform:
            translateY(0) !important;

        transition:
            none !important;
    }
}

/* ==================================================
SECTION 3 최종 위치
제목 + 설명만 30px 위로
================================================== */

.scroll-panel-3 .platform-title {
    top: calc(
        var(--p3-title-top, 0px)
        - 65px
    ) !important;
}

.scroll-panel-3 .platform-desc {
    top: calc(
        var(--p3-desc-top, 0px)
        - 75px
    ) !important;

    bottom: auto !important;
}

.scroll-panel-3 .platform-cards {
    top: auto !important;
    bottom: var(--p3-cards-bottom, 0px) !important;
}

/* ==================================================
   SECTION 3 SIZE / MAIN IMAGE
   XD 1920 기준
   SECTION3 : W1920 / H1300
   WHITE TOP : 400
   IMAGE : 900
================================================== */

.scroll-panel-3 {
    width: 100vw !important;
    max-width: none !important;

    /* 1300 / 1920 × 100 */
    height: 67.708333vw !important;
    min-height: 0 !important;
    max-height: none !important;

    /* 400 / 1920 × 100 */
    padding-top: 0 !important;

    /* Section2 마지막 40px 덮기 */
    margin-top: -2.083333vw !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
}


/* 메인 이미지 영역 = 900px @ 1920 */
.scroll-panel-3 .platform-main-image {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;

    /* Section3 전체 높이 1300 */
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* Elementor 이미지 wrapper */
.scroll-panel-3
.platform-main-image
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* 실제 이미지 */
.scroll-panel-3
.platform-main-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    object-fit: cover !important;
    object-position: center bottom !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SECTION 3 - XD 1920 EXACT POSITION
   기준 Section3 시작 Y = 2770
================================================== */


/* ==================================================
   TITLE
   XD X791 / Y3010 / W338
   Section3 내부 Y = 240
================================================== */

.scroll-panel-3 .platform-title {
    position: absolute !important;

    left: 50% !important;

    /* 240 / 1920 */
    top: 12.5vw !important;

    /* 338 / 1920 */
    width: 17.604167vw !important;
    max-width: none !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* 64px @ 1920 */
.scroll-panel-3
.platform-title
.elementor-heading-title {
    font-size: 3.333333vw !important;

    /* 85px */
    line-height: 4.427083vw !important;
}


/* ==================================================
   DESCRIPTION
   XD X629 / Y3104 / W663 / H57
   Section3 내부 Y = 334
================================================== */

.scroll-panel-3 .platform-desc {
    position: absolute !important;

    left: 50% !important;

    /* 334 / 1920 */
    top: 17.395833vw !important;

    /* 663 / 1920 */
    width: 34.53125vw !important;
    max-width: none !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    bottom: auto !important;
}


/* 24px @ 1920 */
.scroll-panel-3
.platform-desc
.elementor-heading-title,
.scroll-panel-3
.platform-desc
.elementor-widget-container,
.scroll-panel-3
.platform-desc p {
    font-size: 1.25vw !important;

    /* 25px */
    line-height: 1.302083vw !important;
}


/* ==================================================
   CARD AREA

   CARD 1
   X330 / Y3400 / W615 / H550

   CARD 2
   X975 / Y3400 / W615 / H550

   Section3 내부 Y = 630
   GAP = 30
================================================== */

.scroll-panel-3 .platform-cards {
    position: absolute !important;

    /* 630 / 1920 */
    top: 32.8125vw !important;
    bottom: auto !important;

    /* 330 / 1920 */
    left: 17.1875vw !important;

    /*
       615 + 30 + 615 = 1260
       1260 / 1920
    */
    width: 65.625vw !important;
    max-width: none !important;

    /* 550 / 1920 */
    height: 28.645833vw !important;

    /* 30 / 1920 */
    gap: 1.5625vw !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Elementor 내부 wrapper도 동일 GAP */
.scroll-panel-3
.platform-cards
.e-con-inner {
    width: 100% !important;
    height: 100% !important;

    gap: 1.5625vw !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   CARD
   W615 / H550
================================================== */

.scroll-panel-3 .platform-card {
    /* 615 / 1920 */
    flex: 0 0 32.03125vw !important;
    width: 32.03125vw !important;
    max-width: none !important;

    /* 550 / 1920 */
    height: 28.645833vw !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    /* 10px @ 1920 */
    border-radius: 0.520833vw !important;
}


/* ==================================================
   SECTION 3 - MOBILE REAL FINAL
   반드시 CSS 가장 마지막에 위치
================================================== */

@media (max-width: 767px) {

    /* =========================================
       SECTION
    ========================================= */

    .scroll-panel-3 {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff !important;

        overflow: hidden !important;
    }


    .scroll-panel-3 > .e-con-inner {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 0 !important;

        padding: 50px 18px 50px !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* =========================================
       BACKGROUND IMAGE
    ========================================= */

    .scroll-panel-3 .platform-main-image {
        position: absolute !important;

        top: 190px !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100% !important;
        max-width: none !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 0 !important;

        overflow: hidden !important;
    }

    .scroll-panel-3
    .platform-main-image
    .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
    }

    .scroll-panel-3
    .platform-main-image img {
        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;
        object-position: center center !important;
    }


    /* =========================================
       TITLE
    ========================================= */

    .scroll-panel-3 .platform-title {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        text-align: center !important;

        opacity: 1 !important;

        z-index: 10 !important;
    }

    .scroll-panel-3
    .platform-title
    .elementor-heading-title {
        margin: 0 !important;

        font-size: 32px !important;
        line-height: 1.25 !important;

        white-space: nowrap !important;

        text-align: center !important;
    }


    /* =========================================
       DESCRIPTION
    ========================================= */

    .scroll-panel-3 .platform-desc {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 520px !important;

        height: auto !important;

        margin: 14px auto 0 !important;
        padding: 0 !important;

        text-align: center !important;

        opacity: 1 !important;

        z-index: 10 !important;
    }

    .scroll-panel-3
    .platform-desc
    .elementor-heading-title,
    .scroll-panel-3
    .platform-desc
    .elementor-widget-container,
    .scroll-panel-3
    .platform-desc p {
        margin: 0 !important;

        font-size: 15px !important;
        line-height: 1.65 !important;

        white-space: normal !important;
        word-break: keep-all !important;

        text-align: center !important;
    }


    /* =========================================
       CARD AREA
    ========================================= */

    .scroll-panel-3 .platform-cards {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 190px auto 0 !important;
        padding: 0 !important;

        display: block !important;

        gap: 0 !important;

        opacity: 1 !important;

        overflow: visible !important;

        z-index: 20 !important;
    }


    .scroll-panel-3
    .platform-cards
    > .e-con-inner {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: flex-start !important;
        align-items: center !important;

        gap: 18px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =========================================
       CARD
    ========================================= */

    .scroll-panel-3 .platform-card {
        position: relative !important;

        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        width: 100% !important;
        max-width: 390px !important;

        flex: 0 0 auto !important;
        flex-basis: auto !important;

        aspect-ratio: 615 / 550 !important;

        height: auto !important;
        min-height: 0 !important;

        margin: 0 auto !important;
        padding: 0 !important;

        background: #fff !important;

        border-radius: 10px !important;

        overflow: hidden !important;

        opacity: 1 !important;

        transform: none !important;
        transition: none !important;
    }


    /* 카드 이미지 */
    .scroll-panel-3 .platform-card-image {
        left: 4.878049% !important;
        top: 5.454545% !important;

        width: 90.243902% !important;
        height: 41.818182% !important;

        border-radius: 8px !important;
    }


    /* 제품명 */
    .scroll-panel-3 .platform-product-name {
        left: 4.878049% !important;
        top: 50.2% !important;

        width: 90% !important;
        height: auto !important;
    }

    .scroll-panel-3
    .platform-product-name
    .elementor-heading-title,
    .scroll-panel-3
    .platform-product-name
    .elementor-widget-container,
    .scroll-panel-3
    .platform-product-name p {
        font-size: 23px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* 구분선 */
    .scroll-panel-3 .platform-divider {
        left: 4.878049% !important;
        top: 59.636364% !important;

        width: 90.243902% !important;
    }


    /* 카드 제목 */
    .scroll-panel-3 .platform-card-title {
        left: 4.878049% !important;
        top: 61.636364% !important;

        width: 90% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: visible !important;
    }

    .scroll-panel-3
    .platform-card-title
    .elementor-heading-title,
    .scroll-panel-3
    .platform-card-title
    .elementor-widget-container,
    .scroll-panel-3
    .platform-card-title p {
        font-size: 17px !important;
        line-height: 1.3 !important;

        white-space: normal !important;
        word-break: keep-all !important;
    }


    /* 카드 설명 */
    .scroll-panel-3 .platform-card-desc {
        left: 4.878049% !important;
        top: 70.727273% !important;

        width: 90% !important;

        height: auto !important;

        overflow: visible !important;
    }

    .scroll-panel-3
    .platform-card-desc
    .elementor-heading-title,
    .scroll-panel-3
    .platform-card-desc
    .elementor-widget-container,
    .scroll-panel-3
    .platform-card-desc p {
        font-size: 13px !important;
        line-height: 1.45 !important;

        white-space: normal !important;
        word-break: keep-all !important;
    }


    /* TAG */
    .scroll-panel-3
    .platform-card
    .platform-tag {
        top: 87.272727% !important;

        width: max-content !important;
        height: 7.272727% !important;

        padding: 0 9px !important;

        white-space: nowrap !important;
    }

    .scroll-panel-3
    .platform-card
    .platform-tag
    .elementor-heading-title,
    .scroll-panel-3
    .platform-card
    .platform-tag
    .elementor-widget-container,
    .scroll-panel-3
    .platform-card
    .platform-tag p {
        font-size: 10px !important;
        line-height: 1 !important;

        white-space: nowrap !important;
    }


    /* 태그 위치 */
    .scroll-panel-3 .platform-card .platform-tag-1 {
        left: 4.878049% !important;
    }

    .scroll-panel-3 .platform-card .platform-tag-2 {
        left: 28% !important;
    }

    .scroll-panel-3 .platform-card .platform-tag-3 {
        left: 52% !important;
    }


    /* 애니메이션 모바일 해제 */
    .scroll-panel-3
    .platform-cards.cards-animation-enabled
    .platform-card {
        opacity: 1 !important;

        transform: none !important;
        transition: none !important;
    }


    .scroll-panel-3.panel3-text-reveal-enabled
    .platform-title,
    .scroll-panel-3.panel3-text-reveal-enabled
    .platform-desc {
        opacity: 1 !important;

        transform: none !important;
    }


    /* JS 복제본 모바일에서는 사용하지 않음 */
    .scroll-panel-3.panel3-frozen-copy {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7609ab6 *//* ==================================================
   SECTION 4 / 네 번째 섹션
================================================== */

/* ==================================================
   SECTION 4 / 네 번째 섹션

   XD 1920 기준
   Y = 4070
   W = 1920
   H = 1600
================================================== */

.scroll-panel-4 {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    /* Section3 끝 Y4070 → Section4 시작 Y4070 */
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    /* 1600 / 1920 × 100 */
    height: 83.333333vw !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 0 !important;

    top: 0 !important;

    z-index: 6 !important;

    background: #ffffff !important;

    isolation: isolate !important;
    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 내부
================================================== */

.scroll-panel-4 > .e-con-inner {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    /* 중요 */
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    z-index: 2 !important;
}


/* ==================================================
   SECTION 4 MAIN IMAGE
================================================== */

.scroll-panel-4 .panel4-main-image {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;

    overflow: hidden !important;
}


/* Elementor image wrapper */

.scroll-panel-4
.panel4-main-image
.elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* 실제 이미지 */

.scroll-panel-4
.panel4-main-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SECTION 4
   제목 / 설명 / 카드 이미지 위 배치
================================================== */


/* 기준점 */
.scroll-panel-4 {
    position: relative !important;
}


/* ==================================================
   제목
================================================== */

.scroll-panel-4 .section4-title {
    position: absolute !important;

    left: 50% !important;
    top: 16.500417vw !important;

    transform: translateX(-50%) !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 10 !important;
}


/* ==================================================
   설명
================================================== */

.scroll-panel-4 .section4-desc {
    position: absolute !important;

    left: 50% !important;
    top: 20.500417vw !important;

    transform: translateX(-50%) !important;

    width: 70% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 10 !important;
}


/* ==================================================
   SECTION 4
   1920 XD 좌표 기준 반응형 배치

   SECTION4 기준 Y = 0

   TITLE
   X 768 / Y 323 / W 384 / H 85

   DESC
   제목 하단 + 14px
   Y = 422

   CARDS
   CARD 1 X330
   CARD 2 X985
   Y950
   W615 / H550
================================================== */


/* ==================================================
   제목
   323 / 1920 = 16.822917vw
================================================== */

.scroll-panel-4 .defense-title {

    position: absolute !important;

    left: 50% !important;

    top: 303px !important;

    transform: translateX(-50%) !important;

    /* 384 / 1920 */
    width: 20vw !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 20 !important;
}


.scroll-panel-4
.defense-title
.elementor-heading-title {

    margin: 0 !important;
    padding: 0 !important;
    /* XD 64px */
    font-size: 3.333333vw !important;
    /* XD 85px */
    line-height: 4.427083vw !important;

    letter-spacing: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* 파란색 단어가 span으로 되어 있다면 */
.scroll-panel-4
.section4-title
.defense-blue,
.scroll-panel-4
.defense-title
.defense-blue {
    color: #014099 !important;
}


/* ==================================================
   설명

   TITLE:
   323 + 85 + 14 = 422px

   422 / 1920
================================================== */

.scroll-panel-4 .defense-desc {

    position: absolute !important;

    left: 50% !important;

    top: 21.979167vw !important;

    transform: translateX(-50%) !important;

    /* 기존 설명 기준 826px */
    width: 43.020833vw !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 20 !important;
}


.scroll-panel-4
.defense-desc
.elementor-heading-title,

.scroll-panel-4
.defense-desc
.elementor-widget-container,

.scroll-panel-4
.defense-desc p {

    margin: 0 !important;
    padding: 0 !important;
    /* XD 24px */
    font-size: 1.25vw !important;
    /* XD 25px */
    line-height: 1.302083vw !important;

    text-align: center !important;

    word-break: keep-all !important;
}


/* ==================================================
   카드 전체

   XD
   CARD 1 X330
   CARD 2 X985
   Y950
   W615
   GAP40

   330 / 1920 = 17.1875vw
   950 / 1920 = 49.479167vw
================================================== */

.scroll-panel-4 .defense-cards {

    position: absolute !important;

    /* 1920 기준 X = 330 */
    left: 17.1875vw !important;

    /* 1920 기준 Y = 950 */
    top: 48.379167vw !important;

    width: 66.145833vw !important;
    max-width: none !important;

    height: 28.645833vw !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 2.083333vw !important;

    /* ★ 반드시 필요 */
    transform: none !important;

    overflow: visible !important;

    z-index: 30 !important;

    box-sizing: border-box !important;
}


/* Elementor 내부 wrapper */
.scroll-panel-4
.defense-cards
> .e-con-inner {

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 2.083333vw !important;
}


/* ==================================================
   카드 공통

   615 × 550
================================================== */

.scroll-panel-4 .defense-card {

    position: relative !important;

    flex: 0 0 32.03125vw !important;

    width: 32.03125vw !important;
    max-width: none !important;

    height: 28.645833vw !important;

    margin: 0 !important;

    background: #ffffff !important;

    border-radius: 0.520833vw !important;

    overflow: hidden !important;

    box-sizing: border-box !important;

    z-index: 1 !important;
}

/* ==================================================
   SECTION 4 카드 태그
   defense-tag / defense-tag-1 / 2 / 3

   SECTION 3과 동일:
   글자 길이에 맞춰 Pill 폭 자동 조절
================================================== */

.scroll-panel-4
.defense-card
.defense-tag {

    position: absolute !important;

    /* SECTION 3 카드와 동일한 Y */
    top: 87.272727% !important;

    height: 7.272727% !important;

    /* ★ 글자 길이에 맞춰 자동 폭 */
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    /* Pill 좌우 여백 */
    padding:
        0
        0.833333vw !important;

    background: #f3f3f3 !important;

    border-radius: 100px !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    white-space: nowrap !important;
}


/* 태그 내부 Elementor */
.scroll-panel-4
.defense-card
.defense-tag
.elementor-widget-container {

    width: auto !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
}


/* ==================================================
   SECTION 4 카드 내부
   SECTION 3 카드와 동일한 디자인 / 위치
================================================== */


/* ==================================================
   Elementor 카드 내부 wrapper
================================================== */

.scroll-panel-4
.defense-card
> .e-con-inner {

    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* Elementor 기본 간격 제거 */
.scroll-panel-4
.defense-card
.elementor-widget {

    margin: 0 !important;
}


/* ==================================================
   카드 이미지

   SECTION 3 동일
   X30 / Y30 / W555 / H230
================================================== */

.scroll-panel-4 .defense-card-image {

    position: absolute !important;

    left: 4.878049% !important;
    top: 5.454545% !important;

    width: 90.243902% !important;
    height: 41.818182% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    border-radius:
        min(0.416667vw, 8px) !important;
}


.scroll-panel-4
.defense-card-image
.elementor-widget-container {

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.scroll-panel-4
.defense-card-image img {

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: inherit !important;
}


/* ==================================================
   제품명
   SkyHunter / AIRYS

   SECTION 3 동일
   X30 / Y277
================================================== */

.scroll-panel-4 .defense-product-name {

    position: absolute !important;

    left: 4.878049% !important;
    top: 50.363636% !important;

    width: 90.243902% !important;
    height: 7.272727% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.scroll-panel-4
.defense-product-name
.elementor-heading-title,

.scroll-panel-4
.defense-product-name
.elementor-widget-container,

.scroll-panel-4
.defense-product-name p {

    margin: 0 !important;
    padding: 0 !important;
    /* 1920 기준 28px */
    font-size:
        min(1.458333vw, 28px) !important;
    /* 1920 기준 37px */
    line-height:
        min(1.927083vw, 37px) !important;

    color: #222222 !important;

    white-space: nowrap !important;
}


/* ==================================================
   구분선

   SECTION 3 동일
   X30 / Y328 / W555
================================================== */

.scroll-panel-4 .defense-divider {

    position: absolute !important;

    left: 4.878049% !important;
    top: 59.636364% !important;

    width: 90.243902% !important;

    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;
}


.scroll-panel-4
.defense-divider
.elementor-divider {

    padding: 0 !important;
}


.scroll-panel-4
.defense-divider
.elementor-divider-separator {

    display: block !important;

    width: 100% !important;

    border-top:
        1px solid #dddddd !important;
}


/* ==================================================
   카드 제목

   군집 제어 전술로봇
   차세대 AI 디지털 조준경

   SECTION 3 동일
   X30 / Y339
================================================== */

.scroll-panel-4 .defense-card-title {

    position: absolute !important;

    left: 4.878049% !important;
    top: 61.636364% !important;

    width: 90.243902% !important;

    min-height: 6.727273% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.scroll-panel-4
.defense-card-title
.elementor-heading-title,

.scroll-panel-4
.defense-card-title
.elementor-widget-container,

.scroll-panel-4
.defense-card-title p {

    margin: 0 !important;
    padding: 0 !important;
    /* 1920 기준 28px */
    font-size:
        min(1.458333vw, 28px) !important;
    /* 1920 기준 37px */
    line-height:
        min(1.927083vw, 37px) !important;

    color: #222222 !important;

    word-break: keep-all !important;
}


/* ==================================================
   카드 설명

   SECTION 3 동일
   X30 / Y389
================================================== */

.scroll-panel-4 .defense-card-desc {

    position: absolute !important;

    left: 4.878049% !important;
    top: 70.727273% !important;

    width: 90.243902% !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.scroll-panel-4
.defense-card-desc
.elementor-heading-title,

.scroll-panel-4
.defense-card-desc
.elementor-widget-container,

.scroll-panel-4
.defense-card-desc p {

    margin: 0 !important;
    padding: 0 !important;
    /* 1920 기준 16px */
    font-size:
        min(0.833333vw, 16px) !important;
    /* 1920 기준 25px */
    line-height:
        min(1.302083vw, 25px) !important;

    color: #222222 !important;

    word-break: keep-all !important;
}

/* ==================================================
   태그 글자

   폰트 / 굵기 / 글자크기는
   Elementor에서 직접 지정
================================================== */

.scroll-panel-4
.defense-card
.defense-tag
.elementor-heading-title,

.scroll-panel-4
.defense-card
.defense-tag
p {

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

    color: #aaaaaa !important;

    white-space: nowrap !important;

    text-align: center !important;
}

/* ==================================================
   태그 가로 위치

   위치는 기존 유지
   폭은 defense-tag 공통의 max-content 사용
================================================== */

/* 첫 번째 */
.scroll-panel-4
.defense-card
.defense-tag-1 {
    left: 4.878049% !important;
}


/* 두 번째 */
.scroll-panel-4
.defense-card
.defense-tag-2 {
    left: 21.138211% !important;
}


/* 세 번째 */
.scroll-panel-4
.defense-card
.defense-tag-3 {
    left: 37.398374% !important;
}


/* ==================================================
   SECTION 4 SCROLL REVEAL
================================================== */


/* ==================================================
   제목 / 설명 초기 상태
================================================== */

.scroll-panel-4.section4-animation-enabled
.section4-title,
.scroll-panel-4.section4-animation-enabled
.defense-title {

    opacity: 0 !important;

    transform:
        translateX(-50%)
        translateY(-4vw) !important;

    transition:
        opacity 0.7s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


.scroll-panel-4.section4-animation-enabled
.section4-desc,
.scroll-panel-4.section4-animation-enabled
.defense-desc {

    opacity: 0 !important;

    transform:
        translateX(-50%)
        translateY(-4vw) !important;

    transition:
        opacity 0.7s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;

    transition-delay: 0.18s !important;
}


/* 제목/설명 등장 */
.scroll-panel-4.section4-animation-enabled.section4-text-visible
.section4-title,
.scroll-panel-4.section4-animation-enabled.section4-text-visible
.defense-title,

.scroll-panel-4.section4-animation-enabled.section4-text-visible
.section4-desc,
.scroll-panel-4.section4-animation-enabled.section4-text-visible
.defense-desc {

    opacity: 1 !important;

    transform:
        translateX(-50%)
        translateY(0) !important;
}


/* ==================================================
   카드 초기 상태
================================================== */

.scroll-panel-4.section4-animation-enabled
.defense-card {

    opacity: 0 !important;

    transform:
        translateY(-4vw) !important;

    transition:
        opacity 0.7s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1) !important;
}


/* 카드1 */
.scroll-panel-4.section4-animation-enabled
.defense-card-1 {

    transition-delay: 0s !important;
}


/* 카드2 */
.scroll-panel-4.section4-animation-enabled
.defense-card-2 {

    transition-delay: 0.22s !important;
}


/* 카드 등장 */
.scroll-panel-4.section4-animation-enabled.section4-cards-visible
.defense-card {

    opacity: 1 !important;

    transform:
        translateY(0) !important;
}


/* ==================================================
   초기화 중에는 transition 제거
================================================== */

.scroll-panel-4.section4-resetting
.section4-title,
.scroll-panel-4.section4-resetting
.defense-title,

.scroll-panel-4.section4-resetting
.section4-desc,
.scroll-panel-4.section4-resetting
.defense-desc,

.scroll-panel-4.section4-resetting
.defense-card {

    transition: none !important;
}


/* ==================================================
   Elementor 편집 화면
================================================== */

.elementor-editor-active
.scroll-panel-4
.section4-title,

.elementor-editor-active
.scroll-panel-4
.defense-title,

.elementor-editor-active
.scroll-panel-4
.section4-desc,

.elementor-editor-active
.scroll-panel-4
.defense-desc {

    opacity: 1 !important;

    transform:
        translateX(-50%)
        translateY(0) !important;

    transition: none !important;
}


.elementor-editor-active
.scroll-panel-4
.defense-card {

    opacity: 1 !important;

    transform:
        translateY(0) !important;

    transition: none !important;
}

/* ==================================================
   SECTION 4 - XD 1920 FINAL EXACT POSITION
   SECTION4 START Y = 4070
================================================== */


/* ==================================================
   TITLE
   XD X768 / Y4373 / W384 / H85
   SECTION4 내부 Y = 303
================================================== */

.scroll-panel-4 .defense-title {
    position: absolute !important;

    left: 50% !important;

    /* 303 / 1920 */
    top: 15.78125vw !important;

    /* 384 / 1920 */
    width: 20vw !important;
    max-width: none !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ==================================================
   DESCRIPTION
   XD X607 / Y4467 / W706 / H57
   SECTION4 내부 Y = 397
================================================== */

.scroll-panel-4 .defense-desc {
    position: absolute !important;

    left: 50% !important;

    /* 397 / 1920 */
    top: 20.677083vw !important;

    /* 706 / 1920 */
    width: 36.770833vw !important;
    max-width: none !important;

    /* 57 / 1920 */
    height: 2.96875vw !important;
    min-height: 2.96875vw !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
}


/* ==================================================
   CARD AREA

   CARD1 X330 / Y5000 / W615 / H550
   CARD2 X975 / Y5000 / W615 / H550

   SECTION4 내부 Y = 930
   GAP = 30
================================================== */

.scroll-panel-4 .defense-cards {
    position: absolute !important;

    /* 330 / 1920 */
    left: 17.1875vw !important;

    /* 930 / 1920 */
    top: 48.4375vw !important;

    /* 615 + 30 + 615 = 1260 */
    width: 65.625vw !important;
    max-width: none !important;

    /* 550 / 1920 */
    height: 28.645833vw !important;

    /* 30 / 1920 */
    gap: 1.5625vw !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
}


.scroll-panel-4
.defense-cards
> .e-con-inner {
    width: 100% !important;
    height: 100% !important;

    gap: 1.5625vw !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   CARD COMMON
   W615 / H550
================================================== */

.scroll-panel-4 .defense-card {
    flex: 0 0 32.03125vw !important;

    width: 32.03125vw !important;
    max-width: none !important;

    height: 28.645833vw !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 0.520833vw !important;
}


/* ==================================================
   CARD IMAGE
   X30 / Y30 / W555 / H230
================================================== */

.scroll-panel-4 .defense-card-image {
    position: absolute !important;

    left: 4.878049% !important;
    top: 5.454545% !important;

    width: 90.243902% !important;
    height: 41.818182% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


.scroll-panel-4
.defense-card-image
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.scroll-panel-4
.defense-card-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   PRODUCT NAME
   CARD1 X30 / Y277 / W137 / H40
   CARD2 X30 / Y277 / W77  / H40
================================================== */

.scroll-panel-4 .defense-product-name {
    position: absolute !important;

    left: 4.878049% !important;
    top: 50.363636% !important;

    height: 7.272727% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* CARD 1 PRODUCT: W137 */
.scroll-panel-4
.defense-card-1
.defense-product-name {
    width: 22.276423% !important;
}


/* CARD 2 PRODUCT: W77 */
.scroll-panel-4
.defense-card-2
.defense-product-name {
    width: 12.520325% !important;
}


/* ==================================================
   DIVIDER
   X30 / Y328 / W555 / H1

   왼쪽 진함 → 오른쪽 투명
================================================== */

.scroll-panel-4 .defense-divider {
    position: absolute !important;

    left: 4.878049% !important;
    top: 59.636364% !important;

    width: 90.243902% !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


.scroll-panel-4
.defense-divider
.elementor-divider {
    padding: 0 !important;
}


.scroll-panel-4
.defense-divider
.elementor-divider-separator {
    display: block !important;

    width: 100% !important;
    height: 1px !important;

    border: 0 !important;
    border-top: 0 !important;

    background: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.50) 20%,
        rgba(0, 0, 0, 0.25) 50%,
        rgba(0, 0, 0, 0.08) 80%,
        rgba(0, 0, 0, 0.00) 100%
    ) !important;
}


/* ==================================================
   CARD TITLE

   CARD1
   X30 / Y339 / W239 / H37

   CARD2
   X30 / Y339 / W301 / H37
================================================== */

.scroll-panel-4 .defense-card-title {
    position: absolute !important;

    left: 4.878049% !important;
    top: 61.636364% !important;

    height: 6.727273% !important;
    min-height: 6.727273% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* CARD 1 TITLE W239 */
.scroll-panel-4
.defense-card-1
.defense-card-title {
    width: 38.861789% !important;
}


/* CARD 2 TITLE W301 */
.scroll-panel-4
.defense-card-2
.defense-card-title {
    width: 48.943089% !important;
}


/* ==================================================
   CARD DESCRIPTION

   CARD1
   X30 / Y389 / W517 / H46

   CARD2
   X30 / Y389 / W597 / H46
================================================== */

.scroll-panel-4 .defense-card-desc {
    position: absolute !important;

    left: 4.878049% !important;
    top: 70.727273% !important;

    height: 8.363636% !important;
    min-height: 8.363636% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* CARD 1 DESC W517 */
.scroll-panel-4
.defense-card-1
.defense-card-desc {
    width: 84.065041% !important;
}


/* CARD 2 DESC W597 */
.scroll-panel-4
.defense-card-2
.defense-card-desc {
    width: 97.073171% !important;
}

/* ==================================================
   SECTION 4 TITLE
   XD X768 / Y4373 / W384 / H85
   SECTION4 내부 Y = 303
================================================== */

.scroll-panel-4 .section4-title,
.scroll-panel-4 .defense-title {
    position: absolute !important;

    left: 50% !important;

    /* 303 / 1920 */
    top: 15.78125vw !important;

    /* 384 / 1920 */
    width: 20vw !important;
    max-width: none !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 20 !important;
}


/* ==================================================
   SECTION 4 DESCRIPTION
   XD X607 / Y4467 / W706 / H57
   SECTION4 내부 Y = 397
================================================== */

.scroll-panel-4 .section4-desc,
.scroll-panel-4 .defense-desc {
    position: absolute !important;

    left: 50% !important;

    /* 397 / 1920 */
    top: 20.677083vw !important;

    /* 706 / 1920 */
    width: 36.770833vw !important;
    max-width: none !important;

    /* 57 / 1920 */
    height: 2.96875vw !important;
    min-height: 2.96875vw !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 20 !important;
}

.scroll-panel-4 .section4-title,
.scroll-panel-4 .defense-title {
    position: absolute !important;

    left: 50% !important;
    top: 15.78125vw !important;

    width: 20vw !important;
    max-width: none !important;

    /* 추가 */
    height: 4.427083vw !important;      /* 85 / 1920 */
    min-height: 4.427083vw !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;

    z-index: 20 !important;
}

/* ==================================================
   SECTION 4 TITLE / DESC RESPONSIVE TYPOGRAPHY
   SECTION 2, 3과 동일한 1920 기준 비례 확대
================================================== */


/* TITLE
   64px / line-height 85px @ 1920
*/
.scroll-panel-4
.section4-title
.elementor-heading-title,
.scroll-panel-4
.defense-title
.elementor-heading-title {
    font-size: 3.333333vw !important;   /* 64 / 1920 */
    line-height: 4.427083vw !important; /* 85 / 1920 */

    margin: 0 !important;
    padding: 0 !important;
}


/* DESCRIPTION
   24px / line-height 25px @ 1920
*/
.scroll-panel-4
.section4-desc
.elementor-heading-title,
.scroll-panel-4
.section4-desc
.elementor-widget-container,
.scroll-panel-4
.section4-desc p,

.scroll-panel-4
.defense-desc
.elementor-heading-title,
.scroll-panel-4
.defense-desc
.elementor-widget-container,
.scroll-panel-4
.defense-desc p {
    font-size: 1.25vw !important;       /* 24 / 1920 */
    line-height: 1.302083vw !important; /* 25 / 1920 */

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   SECTION 4 CARD TYPOGRAPHY
   1920 기준 비례 확대
   font-family / font-weight는 Elementor 설정 사용
================================================== */


/* ==================================================
   PRODUCT NAME
   SkyHunter / AIRYS

   30px / 40px @1920
================================================== */

.scroll-panel-4
.defense-product-name
.elementor-heading-title,

.scroll-panel-4
.defense-product-name
.elementor-widget-container,

.scroll-panel-4
.defense-product-name p {
    font-size: 1.5625vw !important;      /* 30 / 1920 */
    line-height: 2.083333vw !important;  /* 40 / 1920 */

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   CARD TITLE

   군집 제어 전술로봇
   차세대 AI 디지털 조준경

   28px / 37px @1920
================================================== */

.scroll-panel-4
.defense-card-title
.elementor-heading-title,

.scroll-panel-4
.defense-card-title
.elementor-widget-container,

.scroll-panel-4
.defense-card-title p {
    font-size: 1.458333vw !important;    /* 28 / 1920 */
    line-height: 1.927083vw !important;  /* 37 / 1920 */

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   CARD DESCRIPTION

   16px / 25px @1920
================================================== */

.scroll-panel-4
.defense-card-desc
.elementor-heading-title,

.scroll-panel-4
.defense-card-desc
.elementor-widget-container,

.scroll-panel-4
.defense-card-desc p {
    font-size: 0.833333vw !important;    /* 16 / 1920 */
    line-height: 1.302083vw !important;  /* 25 / 1920 */

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   CARD TAG
   14px @1920
================================================== */

.scroll-panel-4
.defense-card
.defense-tag
.elementor-heading-title,

.scroll-panel-4
.defense-card
.defense-tag p {
    font-size: 0.729167vw !important;    /* 14 / 1920 */

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76d5afc *//* ==================================================
   ROADMAP VISUAL
   로드맵 이미지 + 2014~2023 텍스트

   글꼴 / 굵기 / 글자크기:
   Elementor에서 직접 설정

   중요:
   Elementor 글자크기는 PX가 아니라 VW 사용
================================================== */

.roadmap-visual {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    /* 위쪽으로 나가는 2023 영역 허용 */
    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 내부 컨테이너
================================================== */

.roadmap-visual > .e-con-inner {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   메인 로드맵 이미지
================================================== */

.roadmap-visual .roadmap-image {
    position: relative !important;

    /* 현재 네가 맞춘 이미지 왼쪽 이동값 */
    left: -8vw !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;
}


/* 이미지 Elementor wrapper */
.roadmap-visual
.roadmap-image
.elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* 실제 이미지 */
.roadmap-visual
.roadmap-image
img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   ROADMAP ITEM 공통

   각 연도 컨테이너:
   roadmap-item roadmap-2014
   roadmap-item roadmap-2016
   roadmap-item roadmap-2018
   roadmap-item roadmap-2020
   roadmap-item roadmap-2023
================================================== */

.roadmap-visual .roadmap-item {
    position: absolute !important;

    /*
     * 기존 13vw에서는 작은 화면에서
     * 메인 제목이 너무 쉽게 줄바꿈됨
     */
    width: 16vw !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    z-index: 10 !important;

    box-sizing: border-box !important;
}


/* ==================================================
   각 연도 컨테이너 내부
================================================== */

.roadmap-visual
.roadmap-item
> .e-con-inner {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 기본 여백 제거
================================================== */

.roadmap-visual
.roadmap-item
.elementor-widget {
    margin: 0 !important;
}


/* ==================================================
   각 연도 컨테이너 안에는

   1번째 제목 = 2014 / 2016 / ...
   2번째 제목 = IoT 모듈 장치 / 솔루션 & 서비스 / ...
   3번째 제목 = 상세 설명

   첫 번째와 두 번째는 줄바꿈 방지
================================================== */

.roadmap-visual
.roadmap-item
> .e-con-inner
> .elementor-element:nth-child(1),

.roadmap-visual
.roadmap-item
> .e-con-inner
> .elementor-element:nth-child(2),

.roadmap-visual
.roadmap-item
> .e-con-inner
> .elementor-element:nth-child(1)
.elementor-heading-title,

.roadmap-visual
.roadmap-item
> .e-con-inner
> .elementor-element:nth-child(2)
.elementor-heading-title {
    white-space: nowrap !important;
}


/* 상세 설명은 줄바꿈 허용 */
.roadmap-visual
.roadmap-item
> .e-con-inner
> .elementor-element:nth-child(3),

.roadmap-visual
.roadmap-item
> .e-con-inner
> .elementor-element:nth-child(3)
.elementor-heading-title {
    white-space: normal !important;

    word-break: keep-all !important;
}


/* ==================================================
   2014 위치
================================================== */

.roadmap-visual .roadmap-2014 {
    left: 5.9% !important;
    top: 26.5% !important;
}


/* ==================================================
   2016 위치
================================================== */

.roadmap-visual .roadmap-2016 {
    left: 21.3% !important;
    top: 19% !important;
}


/* ==================================================
   2018 위치
================================================== */

.roadmap-visual .roadmap-2018 {
    left: 35% !important;
    top: 11% !important;
}


/* ==================================================
   2020 위치
================================================== */

.roadmap-visual .roadmap-2020 {
    left: 52.5% !important;
    top: 2.5% !important;
}


/* ==================================================
   2023 위치
================================================== */

.roadmap-visual .roadmap-2023 {
    left: 68.5% !important;
    top: -6% !important;
}


/* ==================================================
   세로선 공통
================================================== */

.roadmap-visual .roadmap-item::before {
    content: "";

    position: absolute;

    left: 0;

    /*
     * 세 번째 설명 끝에서
     * 0.5vw 아래부터 선 시작
     */
    top: calc(100% + 0.5vw);

    width: 1px;

    background: #014099;

    z-index: 11;
}


/* ==================================================
   선 끝 파란 점 공통
================================================== */

.roadmap-visual .roadmap-item::after {
    content: "";

    position: absolute;

    left: -0.18vw;

    width: 0.42vw;
    height: 0.42vw;

    background: #014099;

    border-radius: 50%;

    z-index: 12;
}


/* ==================================================
   2014 세로선
================================================== */

.roadmap-visual .roadmap-2014::before {
    height: 5vw;
}

.roadmap-visual .roadmap-2014::after {
    top: calc(100% + 5.3vw);
}


/* ==================================================
   2016 세로선
================================================== */

.roadmap-visual .roadmap-2016::before {
    height: 5.6vw;
}

.roadmap-visual .roadmap-2016::after {
    top: calc(100% + 5.9vw);
}


/* ==================================================
   2018 세로선
================================================== */

.roadmap-visual .roadmap-2018::before {
    height: 5vw;
}

.roadmap-visual .roadmap-2018::after {
    top: calc(100% + 5.3vw);
}


/* ==================================================
   2020 세로선

   현재 네가 직접 맞춘 긴 선 28vw 유지
================================================== */

.roadmap-visual .roadmap-2020::before {
    height: 28vw;
}

.roadmap-visual .roadmap-2020::after {
    top: calc(100% + 28.3vw);
}


/* ==================================================
   2023 세로선
================================================== */

.roadmap-visual .roadmap-2023::before {
    height: 5vw;
}

.roadmap-visual .roadmap-2023::after {
    top: calc(100% + 5.3vw);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c3a16c *//* ==================================================
   ROADMAP SECTION
   Section 4 바로 아래 흰색 영역

   XD 1920 기준
   SECTION4 END = Y5670

   TITLE
   X180 / Y5864 / W356 / H75

   EN
   X200 / Y6000 / W669 / H69

   KO
   X200 / Y6069 / W758 / H75
================================================== */

.roadmap-section {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin: 0 !important;

    /*
     * TITLE Y
     * 5864 - 5670 = 194
     *
     * TITLE X = 180
     */
    padding:
        10.104167vw
        0
        10vw
        9.375vw !important;

    background: #ffffff !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
}


/* ==================================================
   Elementor 내부 컨테이너
================================================== */

.roadmap-section > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* ==================================================
   로드맵 & 개요

   XD
   X180 / Y5864
   W356 / H75
================================================== */

.roadmap-section .roadmap-title {
    position: relative !important;

    /* 356 / 1920 */
    width: 18.541667vw !important;
    max-width: none !important;

    /* 75 / 1920 */
    height: 3.90625vw !important;
    min-height: 3.90625vw !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   영문
   Beyond Sight, Beyond Safety.

   XD
   X200 / Y6000
   W669 / H69

   TITLE:
   Y5864 + H75 = 5939

   EN:
   Y6000

   GAP = 61px
================================================== */

.roadmap-section .roadmap-en {
    position: relative !important;

    /* 669 / 1920 */
    width: 34.84375vw !important;
    max-width: none !important;

    /* 69 / 1920 */
    height: 3.59375vw !important;
    min-height: 3.59375vw !important;

    /*
     * TOP GAP = 61px
     * LEFT:
     * 200 - 180 = 20px
     */
    margin:
        3.177083vw
        0
        0
        1.041667vw !important;

    padding: 0 !important;
}


/* ==================================================
   한글 문구
   시야를 넘어, 안전 그 이상으로.

   XD
   X200 / Y6069
   W758 / H75

   EN이 Y6000 / H69이므로
   바로 다음 Y = 6069
================================================== */

.roadmap-section .roadmap-ko {
    position: relative !important;

    /* 758 / 1920 */
    width: 39.479167vw !important;
    max-width: none !important;

    /* 75 / 1920 */
    height: 3.90625vw !important;
    min-height: 3.90625vw !important;

    /*
     * EN 바로 아래
     * X200 = section padding X180 + 20
     */
    margin:
        0
        0
        0
        1.041667vw !important;

    padding: 0 !important;
}


/* ==================================================
   ROADMAP - ELEMENTOR DEFAULT 20PX SPACING REMOVE
================================================== */

.roadmap-section,
.roadmap-section > .e-con-inner,
.roadmap-section .e-con-inner {
    --kit-widget-spacing: 0px !important;
    --widgets-spacing: 0px !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}


/* Elementor 기본 widget 20px 간격 제거 */
.roadmap-section
.elementor-element.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}


/* ==================================================
   ROADMAP POSITION - 반드시 spacing reset보다 뒤에 위치
================================================== */

.roadmap-section .roadmap-title {
    margin: 0 !important;
}


/* EN
   TITLE bottom → 61px 간격
   X180 → X200 = +20px
*/
.roadmap-section .roadmap-en {
    margin:
        3.177083vw
        0
        0
        1.041667vw !important;
}


/* KO
   EN 바로 아래
   X180 → X200 = +20px
*/
.roadmap-section .roadmap-ko {
    margin:
        0
        0
        0
        1.041667vw !important;
}


/* 영문 파란색 */
.roadmap-section .roadmap-en,
.roadmap-section .roadmap-en .elementor-heading-title,
.roadmap-section .roadmap-en p {
    color: #014099 !important;
}


/* ==================================================
   ROADMAP ITEM SCROLL REVEAL
   2014 → 2016 → 2018 → 2020 → 2023
================================================== */


/* JS가 활성화된 경우에만 처음 숨김 */
.roadmap-visual.roadmap-animation-enabled
.roadmap-item {

    opacity: 0 !important;

    /* 최종 위치보다 위에서 시작 */
    transform:
        translateY(-4vw) !important;

    transition:
        opacity 0.7s ease,
        transform 0.8s
        cubic-bezier(0.22, 1, 0.36, 1) !important;

    will-change:
        opacity,
        transform;
}


/* 화면에 들어왔을 때 최종 위치 */
.roadmap-visual.roadmap-animation-enabled.roadmap-visible
.roadmap-item {

    opacity: 1 !important;

    transform:
        translateY(0) !important;
}


/* ==================================================
   왼쪽부터 순차 실행
================================================== */

.roadmap-visual.roadmap-animation-enabled
.roadmap-2014 {
    transition-delay:
        0s !important;
}

.roadmap-visual.roadmap-animation-enabled
.roadmap-2016 {
    transition-delay:
        0.18s !important;
}

.roadmap-visual.roadmap-animation-enabled
.roadmap-2018 {
    transition-delay:
        0.36s !important;
}

.roadmap-visual.roadmap-animation-enabled
.roadmap-2020 {
    transition-delay:
        0.54s !important;
}

.roadmap-visual.roadmap-animation-enabled
.roadmap-2023 {
    transition-delay:
        0.72s !important;
}


/* ==================================================
   다시 초기화할 때 지연 없이 숨김
================================================== */

.roadmap-visual.roadmap-resetting
.roadmap-item {

    transition:
        none !important;

    opacity:
        0 !important;

    transform:
        translateY(-4vw) !important;
}


/* ==================================================
   Elementor 편집화면에서는 항상 표시
================================================== */

.elementor-editor-active
.roadmap-visual
.roadmap-item {

    opacity:
        1 !important;

    transform:
        translateY(0) !important;

    transition:
        none !important;
}


/* 연도 파란색 */
.roadmap-visual .roadmap-year,
.roadmap-visual
.roadmap-year
.elementor-heading-title {

    color:
        #014099 !important;
}

/* ==================================================
   ROADMAP TYPOGRAPHY RESPONSIVE FIX
   1920 XD 기준
   font-family / font-weight는 Elementor 설정 유지
================================================== */


/* 로드맵 & 개요
   56px / 74px @1920
*/
.roadmap-section
.roadmap-title
.elementor-heading-title,
.roadmap-section
.roadmap-title p {

    font-size: 2.916667vw !important;     /* 56 / 1920 */
    line-height: 3.854167vw !important;   /* 74 / 1920 */

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* Beyond Sight, Beyond Safety.
   52px / 69px @1920
*/
.roadmap-section
.roadmap-en
.elementor-heading-title,
.roadmap-section
.roadmap-en p {

    font-size: 2.708333vw !important;     /* 52 / 1920 */
    line-height: 3.59375vw !important;    /* 69 / 1920 */

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;

    color: #014099 !important;
}


/* 시야를 넘어, 안전 그 이상으로.
   56px / 74px @1920
*/
.roadmap-section
.roadmap-ko
.elementor-heading-title,
.roadmap-section
.roadmap-ko p {

    font-size: 2.916667vw !important;     /* 56 / 1920 */
    line-height: 3.854167vw !important;   /* 74 / 1920 */

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}

/* ==================================================
   ROADMAP VISUAL
   세로 위치 / 크기만 설정
================================================== */

.roadmap-section .roadmap-visual {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    /* 1297 / 1920 */
    height: 67.552083vw !important;
    min-height: 67.552083vw !important;

    /* KO 끝 → visual 시작 = 45px */
    margin:
        2.34375vw
        0
        0
        0 !important;

    padding: 0 !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}

/* ==================================================
   ROADMAP MAIN IMAGE
   XD 1920 x 1297
================================================== */

.roadmap-section .roadmap-visual .roadmap-image {
    position: relative !important;

    /* 기존 -8vw 이동을 고려해서
       최종 X0으로 맞춤 */
    margin-left: -1.375vw !important;
    margin-right: 0 !important;

    width: 100vw !important;
    max-width: none !important;

    flex: 0 0 100vw !important;

    padding: 0 !important;
}


.roadmap-section
.roadmap-visual
.roadmap-image
.elementor-widget-container {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


.roadmap-section
.roadmap-visual
.roadmap-image img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   2014
   PAGE X260
   visual 시작 X180
   내부 X = 260 - 180 = 80
================================================== */

.roadmap-section
.roadmap-visual
.roadmap-2014 {
    left: 4.166667vw !important;    /* 80 */
    top: 15.989583vw !important;    /* 307 */

    margin: 0 !important;
}


/* ==================================================
   2016
   PAGE X560
   visual 시작 X180
   내부 X = 560 - 180 = 380
================================================== */

.roadmap-section
.roadmap-visual
.roadmap-2016 {
    left: 19.791667vw !important;   /* 380 */
    top: 12.34375vw !important;     /* 237 */

    margin: 0 !important;
}


/* ==================================================
   2018
   PAGE X860
   visual 시작 X180
   내부 X = 860 - 180 = 680
================================================== */

.roadmap-section
.roadmap-visual
.roadmap-2018 {
    left: 35.416667vw !important;   /* 680 */
    top: 7.135417vw !important;     /* 137 */

    margin: 0 !important;
}

/* ==================================================
   ROADMAP ITEM RESPONSIVE TYPOGRAPHY
   실제 Elementor 구조 기준

   YEAR  : 36px / 48px
   TITLE : 36px / 48px
   DESC  : 18px / 26px

   font-family / font-weight는 Elementor 설정 유지
================================================== */


/* ==================================================
   1. YEAR
   2014 / 2016 / 2018 / 2020 / 2023

   36px / 48px @ 1920
================================================== */

.roadmap-section
.roadmap-visual
.roadmap-year
.elementor-heading-title {
    font-size: 1.875vw !important;      /* 36 / 1920 */
    line-height: 2.5vw !important;      /* 48 / 1920 */

    width: max-content !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* ==================================================
   2. TITLE
   각 항목의 두 번째 Heading

   36px / 48px @ 1920
================================================== */

/* 2014 - IoT 모듈 장치 */
.elementor-element-0021509
.elementor-heading-title,

/* 2016 - 솔루션 & 서비스 */
.elementor-element-1452c87
.elementor-heading-title,

/* 2018 - 플랫폼 & 데이터 분석 */
.elementor-element-5e1a2f5
.elementor-heading-title,

/* 2020 - 자율주행기술 */
.elementor-element-922253b
.elementor-heading-title,

/* 2023 - 자율주행 특장기술 */
.elementor-element-678c613
.elementor-heading-title {
    font-size: 1.875vw !important;      /* 36 / 1920 */
    line-height: 2.5vw !important;      /* 48 / 1920 */

    width: max-content !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* 제목 위젯 자체 폭도 같이 확장 */
.elementor-element-0021509,
.elementor-element-1452c87,
.elementor-element-5e1a2f5,
.elementor-element-922253b,
.elementor-element-678c613 {
    width: max-content !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   3. DESCRIPTION
   각 항목의 세 번째 Heading

   18px / 26px @ 1920
================================================== */

/* 2014 */
.elementor-element-1550920
.elementor-heading-title,

/* 2016 */
.elementor-element-3c429e2
.elementor-heading-title,

/* 2018 */
.elementor-element-ffda530
.elementor-heading-title,

/* 2020 */
.elementor-element-d04d1e8
.elementor-heading-title,

/* 2023 */
.elementor-element-1cd60e7
.elementor-heading-title {
    font-size: 0.9375vw !important;      /* 18 / 1920 */
    line-height: 1.354167vw !important;  /* 26 / 1920 */

    width: max-content !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    white-space: nowrap !important;
}


/* 설명 위젯 자체 폭도 같이 확장 */
.elementor-element-1550920,
.elementor-element-3c429e2,
.elementor-element-ffda530,
.elementor-element-d04d1e8,
.elementor-element-1cd60e7 {
    width: max-content !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
}

/* ==================================================
   ROADMAP VERTICAL LINE LENGTH
   XD 1920 기준 = 100px
================================================== */

.roadmap-section .elementor-element-3fcb0b9::before,
.roadmap-section .elementor-element-d6ccf36::before,
.roadmap-section .elementor-element-a661d84::before,
.roadmap-section .elementor-element-2548a2e::before {
    height: 5.208333vw !important; /* 100 / 1920 */
}

.roadmap-section
.elementor-element-e2f3c3c::before {
    top: 10.104167vw !important;     /* 194 / 1920 */
    height: 27.604167vw !important;  /* 530 / 1920 */
}

/* ==================================================
   2016 세로선 아래 동그라미 위치 보정
================================================== */

.roadmap-section
.elementor-element-d6ccf36::after {
    transform: translateY(-0.260417vw) !important;
}

/* ==================================================
   2020
   PAGE YEAR X1160 / Y6226

   visual 시작
   X180 / Y6189

   내부:
   X = 1160 - 180 = 980
   Y = 6226 - 6189 = 37
================================================== */

.roadmap-section
.roadmap-visual
.roadmap-2020 {
    left: 51.041667vw !important;   /* 980 / 1920 */
    top: 1.927083vw !important;     /* 37 / 1920 */

    margin: 0 !important;
}


/* ==================================================
   2023
   PAGE YEAR X1460 / Y6126

   내부:
   X = 1460 - 180 = 1280
   Y = 6126 - 6189 = -63
================================================== */

.roadmap-section
.roadmap-visual
.roadmap-2023 {
    left: 66.666667vw !important;   /* 1280 / 1920 */
    top: -3.28125vw !important;     /* -63 / 1920 */

    margin: 0 !important;
}

/* ==================================================
   2020 TEXT BOX SIZE
================================================== */

.roadmap-section .elementor-element-aba187a {
    width: 4.0625vw !important;      /* 78 */
    height: 2.5vw !important;        /* 48 */
}

.roadmap-section .elementor-element-922253b {
    width: 11.25vw !important;       /* 216 */
    height: 2.5vw !important;        /* 48 */
}

.roadmap-section .elementor-element-d04d1e8 {
    width: 11.09375vw !important;    /* 213 */
    height: 4.010417vw !important;   /* 77 */
}


/* ==================================================
   2023 TEXT BOX SIZE
================================================== */

.roadmap-section .elementor-element-157eea8 {
    width: 4.0625vw !important;      /* 78 */
    height: 2.5vw !important;        /* 48 */
}

.roadmap-section .elementor-element-678c613 {
    width: 15.520833vw !important;   /* 298 */
    height: 2.5vw !important;        /* 48 */
}

.roadmap-section .elementor-element-1cd60e7 {
    width: 17.708333vw !important;   /* 340 */
    height: 4.010417vw !important;   /* 77 */
}

/* ==================================================
   2020 세로선 아래 동그라미 위치 보정

   선 시작 194px
   선 길이 530px
   선 끝   724px

   동그라미 약 8px
   top = 724 - 4 = 720px
================================================== */

.roadmap-section
.elementor-element-e2f3c3c::after {
    top: 37.5vw !important;   /* 720 / 1920 */
    bottom: auto !important;
}

/* ==================================================
   ROADMAP ITEM INTERNAL POSITION FIX

   XD 1920 기준

   YEAR  Y = 0
   TITLE Y = 47
   DESC  Y = 106

   Elementor 기본 20px gap 제거 후
   XD 간격을 직접 복원
================================================== */


/* 각 연도 그룹 내부 20px 고정 gap 제거 */
.roadmap-section
.roadmap-visual
.roadmap-item {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;

    --gap: 0px !important;
    --widgets-spacing: 0px !important;
}


/* ==================================================
   TITLE
   YEAR 시작 → TITLE 시작 = 47px

   YEAR box = 48px 이므로
   TITLE은 1px 위로 겹침
================================================== */

.roadmap-section .elementor-element-0021509,
.roadmap-section .elementor-element-1452c87,
.roadmap-section .elementor-element-5e1a2f5,
.roadmap-section .elementor-element-922253b,
.roadmap-section .elementor-element-678c613 {
    margin-top: -0.052083vw !important; /* -1 / 1920 */

    margin-bottom: 0 !important;
}


/* ==================================================
   DESCRIPTION
   TITLE 시작 Y47
   TITLE H48
   DESC 시작 Y106

   106 - (47 + 48) = 11px
================================================== */

.roadmap-section .elementor-element-1550920,
.roadmap-section .elementor-element-3c429e2,
.roadmap-section .elementor-element-ffda530,
.roadmap-section .elementor-element-d04d1e8,
.roadmap-section .elementor-element-1cd60e7 {
    margin-top: 0.572917vw !important; /* 11 / 1920 */

    margin-bottom: 0 !important;
}


/* ==================================================
   2018 플랫폼 & 데이터 분석
   글자간격만 축소
================================================== */

.roadmap-section
.roadmap-2018
.elementor-element-5e1a2f5
.elementor-heading-title,
.roadmap-section
.roadmap-2018
.elementor-element-5e1a2f5
.elementor-heading-title * {
    letter-spacing: -0.104167vw !important; /* -2px @1920 */
}


/* ==================================================
   ROADMAP 세로 막대선 전체 오른쪽 이동
   1920 기준 +5px
================================================== */

.roadmap-section .elementor-element-3fcb0b9::before,
.roadmap-section .elementor-element-d6ccf36::before,
.roadmap-section .elementor-element-a661d84::before,
.roadmap-section .elementor-element-e2f3c3c::before,
.roadmap-section .elementor-element-2548a2e::before {
    margin-left: 0.1vw !important; /* +5px @1920 */
}


/* 로드맵 동그라미 전체 오른쪽 이동 */
.roadmap-section .elementor-element-3fcb0b9::after,
.roadmap-section .elementor-element-d6ccf36::after,
.roadmap-section .elementor-element-a661d84::after,
.roadmap-section .elementor-element-e2f3c3c::after,
.roadmap-section .elementor-element-2548a2e::after {
    margin-left: 0.1vw !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-259f4ac *//* ==================================================
   ROADMAP STATS
   로드맵 이미지 바로 아래 4개 지표 카드

   XD 1920 기준
   전체 폭 : 1290px
   카드    : 300 × 300
   카드 간격 : 30px

   ROADMAP IMAGE END : Y7486
   CARD START        : Y7490
   GAP               : 4px
================================================== */

.roadmap-stats {
    position: relative !important;

    /* 1290 / 1920 */
    width: 67.1875vw !important;
    max-width: none !important;

    /*
     * 현재 구조에서
     * roadmap-visual bottom → card top = 4px
     */
    margin:
        -9.791667vw
        auto
        0
        auto !important;

    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;

    justify-content: center !important;
    align-items: flex-start !important;

    /* 30 / 1920 */
    gap: 1.5625vw !important;

    background: transparent !important;

    z-index: 20 !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 내부 wrapper
================================================== */

.roadmap-stats > .e-con-inner {
    position: relative !important;
    
    left: 0.78125vw !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;

    justify-content: center !important;
    align-items: flex-start !important;

    /* 카드 사이 30px */
    gap: 1.5625vw !important;
    row-gap: 0 !important;
    column-gap: 1.5625vw !important;

    --gap: 1.5625vw !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;

    overflow: visible !important;

    z-index: 20 !important;

    box-sizing: border-box !important;
}


/* ==================================================
   각각의 카드

   XD
   W300 / H300

   아이콘 시작 Y = 30px
================================================== */

.roadmap-stats .roadmap-stat {
    position: relative !important;

    /* 300 / 1920 */
    flex: 0 0 15.625vw !important;

    width: 15.625vw !important;
    max-width: none !important;

    height: 15.625vw !important;
    min-height: 15.625vw !important;
    max-height: 15.625vw !important;

    margin: 0 !important;

    /*
     * XD 카드 내부
     * 아이콘 Y = 30px
     */
    padding:
        1.5625vw
        0
        0
        0 !important;

    background: #fafafa !important;

    border-radius:
        0.833333vw !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    z-index: 21 !important;
}


/* ==================================================
   카드 내부
================================================== */

.roadmap-stats
.roadmap-stat
> .e-con-inner {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: flex-start !important;
    align-items: center !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;

    --gap: 0px !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 기본 margin 제거
================================================== */

.roadmap-stats
.roadmap-stat
.elementor-widget {
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;

    padding: 0 !important;
}


/* ==================================================
   아이콘

   XD
   CARD 내부
   X80 / Y30
   W140 / H140

   (300 - 140) / 2 = 80
================================================== */

.roadmap-stats .roadmap-stat-icon {
    position: relative !important;

    /* 140 / 1920 */
    width: 7.291667vw !important;
    max-width: 7.291667vw !important;

    height: 7.291667vw !important;
    min-height: 7.291667vw !important;
    max-height: 7.291667vw !important;

    flex: 0 0 7.291667vw !important;

    margin:
        0
        auto
        0
        auto !important;

    padding: 0 !important;

    align-self: center !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 이미지 wrapper
================================================== */

.roadmap-stats
.roadmap-stat-icon
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    justify-content: center !important;
    align-items: center !important;

    box-sizing: border-box !important;
}


/* ==================================================
   실제 이미지
================================================== */

.roadmap-stats
.roadmap-stat-icon
img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   숫자
   13y+ / 30+ / 10+ / 120K

   XD
   CARD 내부 Y = 176px

   ICON
   Y30 + H140 = 170

   ICON → NUMBER GAP = 6px

   FONT
   40px / 53px
================================================== */

.roadmap-stats .roadmap-stat-number {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    /* 53 / 1920 */
    height: 2.760417vw !important;
    min-height: 2.760417vw !important;

    /*
     * 6 / 1920
     */
    margin:
        0.3125vw
        0
        0
        0 !important;

    padding: 0 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


.roadmap-stats
.roadmap-stat-number
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.roadmap-stats
.roadmap-stat-number
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    /* 40 / 1920 */
    font-size: 2.083333vw !important;

    /* 53 / 1920 */
    line-height: 2.760417vw !important;

    text-align: center !important;

    white-space: nowrap !important;

    color: #014099 !important;
}


/* ==================================================
   하단 설명

   기술 노하우
   보유 지재권
   자율주행 프로젝트
   단말 설치 경험

   XD
   CARD 내부 Y = 237px

   NUMBER
   Y176 + H53 = 229

   NUMBER → LABEL GAP = 8px

   FONT
   24px / 32px
================================================== */

.roadmap-stats .roadmap-stat-label {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    /* 32 / 1920 */
    height: 1.666667vw !important;
    min-height: 1.666667vw !important;

    /*
     * 8 / 1920
     */
    margin:
        0.416667vw
        0
        0
        0 !important;

    padding: 0 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


.roadmap-stats
.roadmap-stat-label
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.roadmap-stats
.roadmap-stat-label
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    /* 24 / 1920 */
    font-size: 1.25vw !important;

    /* 32 / 1920 */
    line-height: 1.666667vw !important;

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==================================================
   숫자 파란색
================================================== */

.roadmap-stats
.roadmap-stat-number,
.roadmap-stats
.roadmap-stat-number
.elementor-heading-title {
    color: #014099 !important;
}

/* ==================================================
   ROADMAP STATS
   ELEMENTOR FIXED 20PX GAP REMOVE
================================================== */

/*
 * Elementor 실제 flex container에 남아 있는
 * 고정 20px gap 제거
 */
.roadmap-stats .roadmap-stat,
.roadmap-stats .roadmap-stat > .e-con-inner {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;

    --gap: 0px !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;
}


/* 아이콘 끝 → 숫자 = 6px */
.roadmap-stats .roadmap-stat-number {
    margin:
        0.3125vw
        0
        0
        0 !important;
}


/* 숫자 끝 → 설명 = 8px */
.roadmap-stats .roadmap-stat-label {
    margin:
        0.416667vw
        0
        0
        0 !important;
}

/* ==================================================
   ROADMAP STATS
   NUMBER / LABEL FINAL POSITION FIX

   XD 1920 기준
   ICON → NUMBER = 6px
   NUMBER → LABEL = 8px

   LABEL은 NUMBER 이동 6px까지 포함해서
   총 14px 아래로 이동
================================================== */


/* 숫자: 현재 위치에서 6px 아래 */
.roadmap-stats
.roadmap-stat
.roadmap-stat-number {
    position: relative !important;

    margin: 0 !important;

    top: 0.3125vw !important; /* 6 / 1920 */
}


/* 설명: 현재 위치에서 총 14px 아래 */
.roadmap-stats
.roadmap-stat
.roadmap-stat-label {
    position: relative !important;

    margin: 0 !important;

    top: 0.729167vw !important; /* 14 / 1920 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-824406b *//* ==================================================
   NEWSROOM SECTION
================================================== */

.newsroom-section {
    position: relative !important;

    width: 100vw !important;
    max-width: none !important;

    margin: 0 !important;

    /* 위 / 아래 여백 */
    padding:
        10.104167vw
        0
        5vw
        0 !important;

    background: #ffffff !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* Elementor 내부 */
.newsroom-section > .e-con-inner {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;
}

/* Elementor 기본 간격 제거 */
.newsroom-section,
.newsroom-section > .e-con-inner {
    --kit-widget-spacing: 0px !important;
    --widgets-spacing: 0px !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}

.newsroom-section
.elementor-element.elementor-widget:not(:last-child) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}


/* ==================================================
   뉴스룸 제목
   XD 1920 기준 약 X = 205
================================================== */

.newsroom-section .newsroom-heading {
    position: relative !important;

    width: 8.75vw !important;          /* 168 */
    max-width: none !important;

    height: 3.90625vw !important;      /* 75 */
    min-height: 3.90625vw !important;

    margin:
        0
        0
        0
        10.416667vw !important; /* X200 */

    padding: 0 !important;
}

.newsroom-section
.newsroom-heading
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 2.916667vw !important;   /* 56 */
    line-height: 3.854167vw !important; /* 74 */

    white-space: nowrap !important;
}


/* ==================================================
   뉴스룸 설명
================================================== */

.newsroom-section .newsroom-desc {
    position: relative !important;

    width: 22.552083vw !important;     /* 433 */
    max-width: none !important;

    height: 1.666667vw !important;     /* 32 */
    min-height: 1.666667vw !important;

    margin:
        0.9375vw
        0
        0
        10.416667vw !important;

    padding: 0 !important;
}

.newsroom-section
.newsroom-desc
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 1.25vw !important;       /* 24 */
    line-height: 1.666667vw !important; /* 32 */

    white-space: nowrap !important;
}


/* ==================================================
   NEWS CARDS

   XD 1920 기준

   CARD 1 IMAGE
   X375 / Y8210 / W380 / H240

   CARD 2 IMAGE
   X775 / Y8210 / W380 / H240

   CARD 3 IMAGE
   X1175 / Y8210 / W380 / H240

   카드 간격 = 20px

   NEWSROOM DESC
   Y8077 / H32
   bottom = 8109

   IMAGE Y8210
   GAP = 101px
================================================== */

.newsroom-section .newsroom-cards {
    position: relative !important;

    /*
     * 전체:
     * 380 * 3 + 20 * 2
     * = 1180px
     */
    width: 61.458333vw !important;      /* 1180 */
    max-width: none !important;

    /*
     * DESC bottom 8109
     * IMAGE top   8210
     * GAP = 101px
     *
     * X = 375
     */
    margin:
        5.260417vw
        0
        0
        19.53125vw !important;

    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    /* 20px */
    gap: 1.041667vw !important;
    row-gap: 0 !important;
    column-gap: 1.041667vw !important;

    --gap: 1.041667vw !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Elementor 내부 wrapper
================================================== */

.newsroom-section
.newsroom-cards
> .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    gap: 1.041667vw !important;
    row-gap: 0 !important;
    column-gap: 1.041667vw !important;

    --gap: 1.041667vw !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;

    box-sizing: border-box !important;
}


/* ==================================================
   각각의 뉴스 카드

   XD W = 380px
================================================== */

.newsroom-section .news-card {
    position: relative !important;

    flex:
        0 0 19.791667vw !important;

    width: 19.791667vw !important;     /* 380 */
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    overflow: visible !important;

    box-sizing: border-box !important;
}


/* ==================================================
   카드 내부
   Elementor 고정 20px gap 제거
================================================== */

.newsroom-section .news-card,
.newsroom-section
.news-card
> .e-con-inner {
    --gap: 0px !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
}


.newsroom-section
.news-card
> .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    box-sizing: border-box !important;
}


/* ==================================================
   NEWS IMAGE

   XD
   W380 / H240
================================================== */

.newsroom-section .news-image {
    position: relative !important;

    width: 19.791667vw !important;     /* 380 */
    max-width: none !important;

    height: 12.5vw !important;         /* 240 */
    min-height: 12.5vw !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    /* XD 10px */
    border-radius: 0.520833vw !important;

    box-sizing: border-box !important;
}


.newsroom-section
.news-image
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.newsroom-section
.news-image
img {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   CATEGORY

   XD
   IMAGE bottom
   8210 + 240 = 8450

   CATEGORY Y = 8479
   GAP = 29px

   FONT
   16px / 21px
================================================== */

.newsroom-section .news-category {
    position: relative !important;

    width: max-content !important;
    max-width: none !important;

    height: 1.09375vw !important;       /* 21 */

    margin:
        1.510417vw
        0
        0
        0 !important;                   /* 29 */

    padding: 0 !important;
}


.newsroom-section
.news-category
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 0.833333vw !important;   /* 16 */
    line-height: 1.09375vw !important;  /* 21 */

    white-space: nowrap !important;
}


/* ==================================================
   NEWS TITLE

   CATEGORY
   Y8479 + H21 = 8500

   TITLE
   Y8508

   GAP = 8px

   TITLE H = 60

   FONT
   22px / 30px
================================================== */

.newsroom-section .news-title {
    position: relative !important;

    width: max-content !important;
    max-width: none !important;

    height: 3.125vw !important;         /* 60 */
    min-height: 3.125vw !important;

    margin:
        0.416667vw
        0
        0
        0 !important;                   /* 8 */

    padding: 0 !important;

    word-break: keep-all !important;
}


.newsroom-section
.news-title
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 1.145833vw !important;   /* 22 */
    line-height: 1.5625vw !important;   /* 30 */

    white-space: nowrap !important;
}


/* ==================================================
   DATE

   TITLE
   Y8508 + H60 = 8568

   DATE
   Y8580

   GAP = 12px

   DATE
   W57 / H16

   FONT
   12px / 16px
================================================== */

.newsroom-section .news-date {
    position: relative !important;

    width: 2.96875vw !important;        /* 57 */
    max-width: none !important;

    height: 0.833333vw !important;      /* 16 */
    min-height: 0.833333vw !important;

    margin:
        0.625vw
        0
        0
        0 !important;                   /* 12 */

    padding: 0 !important;
}


.newsroom-section
.news-date
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 0.625vw !important;      /* 12 */
    line-height: 0.833333vw !important; /* 16 */

    white-space: nowrap !important;
}


/* ==================================================
   MORE

   XD 1920 기준

   ICON
   X950 / Y8695
   W30 / H30

   TEXT
   X943 / Y8739
   W44 / H21

   CARD DATE
   Y8580 / H16
   bottom = 8596

   MORE ICON Y8695
   GAP = 99px
================================================== */

.newsroom-section .news-more {
    position: relative !important;

    /*
     * MORE 글자 폭 기준
     * 44 / 1920
     */
    width: 2.291667vw !important;
    max-width: none !important;

    /*
     * ICON 30
     * GAP  14
     * TEXT 21
     *
     * 전체 H = 65
     */
    height: 3.385417vw !important;
    min-height: 3.385417vw !important;

    /*
     * 카드 마지막 DATE bottom
     * → MORE ICON = 99px
     */
    margin:
        5.15625vw
        auto
        0
        auto !important;

    /*
     * XD 중심점이 X965
     * 1920 center X960보다 +5px
     */
    left: 0.260417vw !important;

    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: center !important;
}

/* ==================================================
   MORE 자체 Elementor 기본 20px GAP 제거
================================================== */

.newsroom-section .news-more {
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;

    --gap: 0px !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;
}

/* MORE 내부 Elementor container */
.newsroom-section
.news-more
> .e-con-inner {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    justify-content: flex-start !important;
    align-items: center !important;

    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;

    --gap: 0px !important;
    --widgets-spacing: 0px !important;
    --kit-widget-spacing: 0px !important;

    box-sizing: border-box !important;
}


/* ==================================================
   MORE PLUS IMAGE
   실제 구조: elementor-widget-image

   XD 30 × 30
================================================== */

.newsroom-section
.news-more
.elementor-widget-image {
    width: 1.5625vw !important;       /* 30 */
    max-width: 1.5625vw !important;

    height: 1.5625vw !important;      /* 30 */
    min-height: 1.5625vw !important;
    max-height: 1.5625vw !important;

    flex: 0 0 1.5625vw !important;

    margin: 0 auto !important;
    padding: 0 !important;
}


.newsroom-section
.news-more
.elementor-widget-image
.elementor-widget-container {
    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


.newsroom-section
.news-more
.elementor-widget-image
img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==================================================
   MORE TEXT

   XD
   W44 / H21
   FONT 16 / 21
================================================== */

.newsroom-section
.news-more
.elementor-widget-heading {
    width: 2.291667vw !important;     /* 44 */
    max-width: none !important;

    height: 1.09375vw !important;     /* 21 */
    min-height: 1.09375vw !important;

    margin:
        0.729167vw
        0
        0
        0 !important; /* 14px */

    padding: 0 !important;
}


.newsroom-section
.news-more
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 0.833333vw !important;  /* 16 */
    line-height: 1.09375vw !important; /* 21 */

    text-align: center !important;

    white-space: nowrap !important;
}


/* ==================================================
   하단 CTA

   XD
   X547 / Y8896
   W836 / H41

   MORE TEXT
   Y8739 / H21
   bottom = 8760

   CTA Y8896
   GAP = 136px

   FONT
   30 / 40
================================================== */

.newsroom-section .newsroom-cta {
    position: relative !important;

    width: 43.541667vw !important;     /* 836 */
    max-width: none !important;

    height: 2.135417vw !important;     /* 41 */
    min-height: 2.135417vw !important;

    /*
     * MORE text bottom → CTA
     * 136 / 1920
     */
    margin:
        7.083333vw
        auto
        0
        auto !important;

    /*
     * XD center = X965
     */
    left: 0.260417vw !important;

    padding: 0 !important;

    text-align: center !important;

    box-sizing: border-box !important;
}


.newsroom-section
.newsroom-cta
.elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 1.5625vw !important;    /* 30 */
    line-height: 2.083333vw !important; /* 40 */

    text-align: center !important;

    white-space: nowrap !important;

    color: #014099 !important;
}


/* 파란색 유지 */
.newsroom-section
.newsroom-cta,
.newsroom-section
.newsroom-cta
.elementor-heading-title {
    color: #014099 !important;
}


/* 파란색 문구로 사용할 경우 */
.newsroom-section
.newsroom-cta,
.newsroom-section
.newsroom-cta
.elementor-heading-title {
    color: #014099 !important;
}

/* ==================================================
   NEWS CARD HOVER
   - 카드 크기는 그대로 유지
   - 이미지 틀 안에서 사진만 확대
   - 카드 제목은 파란색으로 변경
================================================== */

@media (hover: hover) {

    /* 카드 자체는 확대하지 않음 */
    .newsroom-section .news-card {
        transform: none !important;
    }


    /* 이미지 틀은 현재 크기 그대로 */
    .newsroom-section
    .news-card
    .news-image {
        overflow: hidden !important;
    }


    /* 실제 이미지만 부드럽게 확대 */
    .newsroom-section
    .news-card
    .news-image
    img {
        transform: scale(1);
        transform-origin: center center;

        transition:
            transform 0.35s ease !important;

        will-change: transform;
    }


    /* 카드에 마우스 올렸을 때 사진 확대 */
    .newsroom-section
    .news-card:hover
    .news-image
    img {
        transform: scale(1.05);
    }


    /* 뉴스 제목 색상 전환 */
    .newsroom-section
    .news-card
    .news-title
    .elementor-heading-title {
        transition:
            color 0.3s ease !important;
    }


    /* 카드에 마우스 올리면 제목 파란색 */
    .newsroom-section
    .news-card:hover
    .news-title
    .elementor-heading-title {
        color: #014099 !important;
    }
}

/* ==================================================
   NEWSROOM 추가 뉴스 카드
================================================== */

/* 처음에는 숨김 */
.newsroom-section .newsroom-cards-more {
    display: none !important;

    /*
     * 두 번째 줄 간격
     * 임시로 40px 기준
     */
    margin-top: 2.083333vw !important;
}


/* MORE 클릭 후 표시 */
.newsroom-section .newsroom-cards-more.is-open {
    display: flex !important;
}


/* + / MORE 전체를 클릭 가능하게 */
.newsroom-section .news-more {
    cursor: pointer !important;
}

/* 뉴스 카드 카테고리 글씨 색상 */
.newsroom-section
.news-category
.elementor-heading-title {
    color: #014099 !important;
}


/* ==================================================
   최신글 제목 최대 2줄
================================================== */

.newsroom-section
.news-card
.news-title {
    width: 100% !important;
    max-width: 100% !important;

    overflow: hidden !important;
}

.newsroom-section
.news-card
.news-title
.elementor-heading-title,
.newsroom-section
.news-card
.news-title
.elementor-heading-title a {
    display: -webkit-box !important;

    width: 100% !important;
    max-width: 100% !important;

    white-space: normal !important;
    word-break: keep-all !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;

    color: #111 !important;
    text-decoration: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-1Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-2ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-3Light.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-4Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-5Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: ;
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-7Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-8ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'drsafe';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://skyautonet.com/wp-content/uploads/2026/08/Paperlogy-9Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */