/* ==================================================
   HEADER MENU COLOR
   메인페이지 = 검정
   서브페이지 = 흰색
================================================== */

/* 메인페이지 */
body.home
header[data-elementor-type="header"]
a.elementor-item {
    color: #000000 !important;
}


/* 서브페이지 */
body:not(.home)
header[data-elementor-type="header"]
a.elementor-item {
    color: #ffffff !important;
}


/* 서브페이지 hover */
body:not(.home)
header[data-elementor-type="header"]
a.elementor-item:hover {
    color: #ffffff !important;
}


/* 서브페이지 현재 선택된 메뉴 */
body:not(.home)
header[data-elementor-type="header"]
a.elementor-item.elementor-item-active {
    color: #ffffff !important;
}


/* 서브페이지 메뉴 focus */
body:not(.home)
header[data-elementor-type="header"]
a.elementor-item:focus {
    color: #ffffff !important;
}


/* 서브메뉴 화살표까지 흰색 */
body:not(.home)
header[data-elementor-type="header"]
a.elementor-item svg,
body:not(.home)
header[data-elementor-type="header"]
a.elementor-item i {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* ==================================================
   SUB PAGE HEADER MENU
   흰색 + 투명도 강제 해제
================================================== */

body:not(.home)
header[data-elementor-type="header"]
a.elementor-item {
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
}

/* 메뉴 li 자체에 투명도가 걸린 경우 */
body:not(.home)
header[data-elementor-type="header"]
li.menu-item {
    opacity: 1 !important;
    filter: none !important;
}

/* 메뉴 전체 wrapper에 투명도가 걸린 경우 */
body:not(.home)
header[data-elementor-type="header"]
.elementor-nav-menu,
body:not(.home)
header[data-elementor-type="header"]
.elementor-nav-menu--main {
    opacity: 1 !important;
    filter: none !important;
}

/* ==================================================
   SUB PAGE DESKTOP HEADER
   메인페이지 제외 = 흰색
================================================== */

body:not(.home)
.elementor-location-header
.header-grid
.header-menu
.wpr-nav-menu
> li
> a {
    color: #ffffff !important;
}

/* 링크 내부 span / 아이콘까지 */
body:not(.home)
.elementor-location-header
.header-grid
.header-menu
.wpr-nav-menu
> li
> a
span,
body:not(.home)
.elementor-location-header
.header-grid
.header-menu
.wpr-nav-menu
> li
> a
i {
    color: #ffffff !important;
}

/* 현재 메뉴 / hover도 흰색 */
body:not(.home)
.elementor-location-header
.header-grid
.header-menu
.wpr-nav-menu
> li.current-menu-item
> a,

body:not(.home)
.elementor-location-header
.header-grid
.header-menu
.wpr-nav-menu
> li.current-menu-ancestor
> a,

body:not(.home)
.elementor-location-header
.header-grid
.header-menu
.wpr-nav-menu
> li:hover
> a {
    color: #ffffff !important;
}

/* ==================================================
   실제 데스크톱 헤더 메뉴
   메인페이지 = 검정 / 서브페이지 = 흰색
================================================== */

/* 메인페이지 */
body.home
.elementor-location-header
a.ekit-menu-nav-link {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* 서브페이지 */
body:not(.home)
.elementor-location-header
a.ekit-menu-nav-link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* 서브페이지 hover / active / focus */
body:not(.home)
.elementor-location-header
a.ekit-menu-nav-link:hover,

body:not(.home)
.elementor-location-header
a.ekit-menu-nav-link:focus,

body:not(.home)
.elementor-location-header
li.current-menu-item
> a.ekit-menu-nav-link,

body:not(.home)
.elementor-location-header
li.current-menu-ancestor
> a.ekit-menu-nav-link {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* 드롭다운 화살표 */
body:not(.home)
.elementor-location-header
a.ekit-menu-nav-link
i,

body:not(.home)
.elementor-location-header
a.ekit-menu-nav-link
svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* 페달 오조작 방지 장치 */
.elementor-element-dcf5c5b .elementor-heading-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 규제샌드박스 승인 문구 + 테두리 흰색 */
.elementor-element-b9ea0c9,
.elementor-element-b9ea0c9 a,
.elementor-element-b9ea0c9 span,
.elementor-element-b9ea0c9 .elementor-button,
.elementor-element-b9ea0c9 .elementor-button-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.elementor-element-b9ea0c9 a,
.elementor-element-b9ea0c9 .elementor-button {
    border-color: #ffffff !important;
}

/* BirdGuard360 - 자율주행 조류 퇴치 로봇 */
.elementor-element-e6e7ebd,
.elementor-element-e6e7ebd .elementor-heading-title,
.elementor-element-e6e7ebd p,
.elementor-element-e6e7ebd span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* BirdGuard360 - Level 4 자율주행 기술 | 무인 운영 */
.elementor-element-63f36b8 .elementor-button,
.elementor-element-63f36b8 .elementor-button-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* 테두리도 흰색 */
.elementor-element-63f36b8 .elementor-button {
    border-color: #ffffff !important;
}
























































/* ==================================================
FLUENT FORM
================================================== */

.fluentformheader {
display: flex;
column-gap: 5px;
}

select#ff-form-filter,
select#ff-status-filter {
padding: 5px 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 14px;
}

button#export-csv {
background: #0066CC;
border: 1px solid #0066CC;
color: #ffffff;
font-size: 14px;
border-radius: 5px;
}

button#export-csv {
background: #000000;
border-color: #000000;
}

/* ==================================================
MARQUEE
================================================== */

.marquee-container {
overflow: hidden;
white-space: nowrap;
width: 100%;
padding: 10px 0;
position: relative;
}

.marquee-content {
display: inline-block;
white-space: nowrap;
animation: marquee var(--marquee-speed, 25s) linear infinite;
}

.marquee-link {
display: inline-block;
margin-right: 40px;
text-decoration: none !important;
color: #ffffff;
font-weight: 500;
font-size: 18px;
}

.marquee-link {
text-decoration: underline !important;
color: #E6E6E6;
}

/* ==================================================
HEADER GRID
================================================== */

.header-grid {
grid-template-columns:
minmax(0, 1fr)
auto
minmax(0, 1fr) !important;
}

/* ==================================================
DESKTOP
================================================== */

@media (min-width: 1025px) {

/* ==================================================
   HEADER
   XD 기준 1920 × 90
================================================== */

.header-grid {
    width: 100% !important;

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

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    padding-left: 50px !important;
    padding-right: 50px !important;

    box-sizing: border-box !important;

    align-items: center !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto
        minmax(0, 1fr) !important;

    overflow: visible !important;
}


/* ==================================================
   메가메뉴 닫힌 상태
================================================== */

.header-grid
.wpr-nav-menu
> li.wpr-mega-menu-true
> .wpr-sub-mega-menu {

    display: block !important;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    background: #ffffff !important;

    border: 0 !important;
    outline: 0 !important;

    min-height: 170px !important;

    overflow: visible !important;

    top: 100% !important;

    margin-top: 0 !important;

    transform: translateY(0) !important;

    box-shadow:
        0 0 0 100vmax #ffffff !important;

    clip-path:
        inset(0 -100vmax 100% -100vmax);

    transition:
        clip-path 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.2s ease,
        visibility 0s linear 0.4s;

    will-change:
        clip-path,
        opacity;

    z-index: 999999 !important;
}


/* ==================================================
   메가메뉴 OPEN
================================================== */

.header-grid
.wpr-nav-menu
> li.wpr-mega-menu-true:hover
> .wpr-sub-mega-menu,

.header-grid
.wpr-nav-menu
> li.wpr-mega-menu-true:focus-within
> .wpr-sub-mega-menu {

    visibility: visible;

    opacity: 1;

    pointer-events: auto;

    top: 100% !important;

    margin-top: 0 !important;

    transform: translateY(0) !important;

    clip-path:
        inset(0 -100vmax 0 -100vmax);

    transition-delay: 0s;
}


/* ==================================================
   상단 메뉴 이동 가능 영역
================================================== */

.header-grid .header-menu {
    width: 960px !important;
    max-width: 960px !important;

    justify-self: center !important;
    align-self: center !important;

    overflow: visible !important;
}


/* ==================================================
   Royal Addons 메뉴 내부 래퍼
================================================== */

.header-grid
.header-menu
.wpr-nav-menu-horizontal {

    width: 100% !important;

    overflow: visible !important;
}


/* ==================================================
   상단 메뉴
================================================== */

.header-grid
.header-menu
.wpr-nav-menu {

    width: 720px !important;

    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;

    overflow: visible !important;

    transition:
        width 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}


/* ==================================================
   메뉴 hover 시 확장
================================================== */

.header-grid
.header-menu:hover
.wpr-nav-menu,

.header-grid
.header-menu:focus-within
.wpr-nav-menu {

    width: 820px !important;

    transform:
        translateX(-40px);
}


/* ==================================================
   상단 메뉴 4등분
================================================== */

.header-grid
.header-menu
.wpr-nav-menu
> li {

    flex: 0 0 25% !important;

    width: 25% !important;

    min-width: 0 !important;

    height: 90px !important;

    text-align: center !important;

    overflow: visible !important;
}


/* ==================================================
   상단 메뉴 링크
================================================== */

.header-grid
.header-menu
.wpr-nav-menu
> li
> a {

    width: 100% !important;

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

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    display: flex !important;

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

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* ==================================================
   Royal Addons 기본 underline 제거
================================================== */

.header-grid
.header-menu
.wpr-nav-menu
> li
> a::before,

.header-grid
.header-menu
.wpr-nav-menu
> li
> a::after {

    display: none !important;
}


/* ==================================================
   상단 메뉴 파란선
   XD 기준 180 × 2
================================================== */

.header-grid
.header-menu
.wpr-nav-menu
> li
> a {

    background-image:
        linear-gradient(
            #5b5cff,
            #5b5cff
        ) !important;

    background-repeat:
        no-repeat !important;

    background-position:
        center bottom !important;

    background-size:
        0 2px !important;

    transition:
        background-size 0.25s ease,
        color 0.25s ease !important;
}


.header-grid
.header-menu
.wpr-nav-menu
> li:hover
> a,

.header-grid
.header-menu
.wpr-nav-menu
> li:focus-within
> a {

    background-size:
        180px 2px !important;
}


.header-grid
.header-menu
.wpr-nav-menu
> li.current-menu-item
> a,

.header-grid
.header-menu
.wpr-nav-menu
> li.current-menu-ancestor
> a {

    background-size:
        180px 2px !important;
}


/* ==================================================
   하위메뉴 전체 내용 위치
================================================== */

.mega-columns {

    position: relative !important;

    left: -12px !important;

    width: auto !important;

    max-width: none !important;

    overflow: visible !important;
}


/* ==================================================
   하위메뉴 HOVER 파란 밑줄
================================================== */

.mega-columns a {

    text-decoration: none !important;

    text-underline-offset: 5px;

    text-decoration-thickness: 1px;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}


.mega-columns a:hover,
.mega-columns a:focus {

    color: #5b5cff !important;

    text-decoration-line:
        underline !important;

    text-decoration-color:
        #5b5cff !important;

    text-decoration-thickness:
        1px !important;

    text-underline-offset:
        5px !important;
}


/* ==================================================
   HERO 문구
   데스크톱에서는 무조건 한 줄 유지
================================================== */

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

    width: max-content !important;

    min-width: max-content !important;

    max-width: none !important;

    white-space: nowrap !important;

    word-break: keep-all !important;

    overflow-wrap: normal !important;
}


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

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

    white-space: nowrap !important;

    word-break: keep-all !important;

    overflow-wrap: normal !important;
}

}

/* ==================================================
HEADER Z-INDEX
================================================== */

.elementor-location-header {

position: relative !important;

z-index: 99999 !important;

overflow: visible !important;

}

.header-grid,
.header-grid .header-menu,
.header-grid .wpr-nav-menu-horizontal,
.header-grid .wpr-nav-menu {

overflow: visible !important;

}

.header-grid
.wpr-nav-menu

li.wpr-mega-menu-true
.wpr-sub-mega-menu {

z-index: 999999 !important;

}

/* ==================================================
MAIN HERO
XD 원본 비율 1920 × 1080 유지
================================================== */

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

width: 100% !important;

/* 핵심 */
aspect-ratio: 1920 / 1080 !important;

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

overflow: hidden !important;

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

z-index: 1;

}

/* ==================================================
HERO POSITION BASE
XD 원본: 1920 × 1080
================================================== */

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

/* ==================================================
HERO ENGLISH TITLE
XD 기준
X = 200
Y = 775
W = 629
H = 69
================================================== */

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

/* X = 200 / 1920 */
left: 10.416667% !important;

/* 이미지 시작 Y=90
   775 - 90 = 685
   685 / 1080 */
top: 63.425926% !important;

/* W = 629 / 1920 */
width: 32.760417% !important;

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

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

z-index: 10 !important;

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

}

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

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

/* 1920 화면일 때 52px */
font-size: min(2.708333vw, 52px) !important;

font-weight: 300 !important;

/* 1920 화면일 때 69px */
line-height: min(3.59375vw, 69px) !important;

color: #00ff33 !important;

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

}

/* ==================================================
HERO KOREAN TITLE
XD 기준
X = 200
Y = 844
W = 758
H = 75
================================================== */

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

/* X = 200 / 1920 */
left: 10.416667% !important;

/* 이미지 시작 Y=90
   844 - 90 = 754
   754 / 1080 */
top: 69.814815% !important;

/* W = 758 / 1920 */
width: 39.479167% !important;

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

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

z-index: 10 !important;

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

}

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

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

/* 1920 화면일 때 56px */
font-size: min(2.916667vw, 56px) !important;

font-weight: 500 !important;

/* 1920 화면일 때 74px */
line-height: min(3.854167vw, 74px) !important;

color: #ffffff !important;

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

}
/* ==================================================
HERO NEWS BAR
XD X = 960
================================================== */

.hero-news {

position: absolute !important;

right: 0 !important;

bottom: 0 !important;

left: auto !important;

width: 50% !important;

min-height: 92px !important;

display: flex !important;

flex-direction: row !important;

align-items: stretch !important;

padding: 0 !important;

margin: 0 !important;

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

color:
    #ffffff;

z-index: 20 !important;

box-sizing: border-box !important;

}

/* ==================================================
NEWS TITLE
================================================== */

.hero-news .news-title {

flex:
    0 0 122px !important;

width:
    122px !important;

display:
    flex !important;

align-items:
    flex-start !important;

justify-content:
    flex-start !important;

padding:
    0 !important;

color:
    #ffffff !important;

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

font-size:
    20px !important;

font-weight:
    700 !important;

line-height:
    27px !important;

box-sizing:
    border-box !important;

}

/* ==================================================
NEWS ITEMS
================================================== */

.hero-news .news-item {

flex:
    1 1 0 !important;

min-width:
    0 !important;

padding:
    0 14px !important;

border-left:
    1px solid
    rgba(255, 255, 255, 0.28);

box-sizing:
    border-box !important;

}

/* ==================================================
NEWS ITEM TITLE
================================================== */

.hero-news .news-item-title {

margin:
    0 !important;

color:
    #ffffff !important;

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

font-size:
    16px !important;

font-weight:
    300 !important;

line-height:
    21px !important;

}

/* ==================================================
NEWS DATE
================================================== */

.hero-news .news-date {

margin:
    10px 0 0 0 !important;

color:
    #ffffff !important;

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

font-size:
    14px !important;

font-weight:
    300 !important;

line-height:
    20px !important;

}

/* ==================================================
VIEW ALL
================================================== */

.hero-news .news-more {

flex:
    0 0 55px !important;

width:
    55px !important;

display:
    flex !important;

align-items:
    center !important;

justify-content:
    center !important;

border-left:
    1px solid
    rgba(255, 255, 255, 0.28);

color:
    #ffffff !important;

writing-mode:
    vertical-rl;

text-orientation:
    mixed;

font-size:
    9px !important;

box-sizing:
    border-box !important;

}

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

.elementor-editor-active .scroll-panel-1 {

opacity: 1 !important;

transform: none !important;

filter: none !important;

}


/* ==================================================
MARQUEE ANIMATION
================================================== */

@keyframes marquee {

0% {
    transform:
        translateX(100%);
}

100% {
    transform:
        translateX(-100%);
}

}

.marquee-container
.marquee-content {

animation-play-state:
    paused;

}

/* ==================================================
MOTION ACCESSIBILITY
================================================== */

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

.scroll-panel-1 {

    opacity: 1 !important;

    transform: none !important;

    filter: none !important;

    clip-path:
        inset(0 0 0 0) !important;
}

}

/* ==================================================
TABLET
================================================== */

@media (max-width: 1024px) {

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

    position: absolute !important;

    left: 7% !important;

    width: 86% !important;

    min-width: 0 !important;

    max-width: 86% !important;

    white-space: normal !important;

    word-break: keep-all !important;
}


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

    top: 62% !important;
}


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

    font-size:
        clamp(28px, 4vw, 52px) !important;

    line-height:
        1.25 !important;

    white-space:
        normal !important;
}


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

    top: 70% !important;
}


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

    font-size:
        clamp(30px, 4.3vw, 56px) !important;

    line-height:
        1.3 !important;

    white-space:
        normal !important;
}

}

/* ==================================================
MOBILE
================================================== */

@media (max-width: 767px) {

.hero-news {

    position:
        relative !important;

    right:
        auto !important;

    bottom:
        auto !important;

    left:
        auto !important;

    width:
        100% !important;

    min-height:
        0 !important;

    flex-direction:
        column !important;
}


.hero-news .news-title,
.hero-news .news-more {

    flex:
        none !important;

    width:
        100% !important;

    writing-mode:
        horizontal-tb;

    padding:
        12px 16px !important;
}


.hero-news .news-item {

    border-left:
        0 !important;

    border-top:
        1px solid
        rgba(255, 255, 255, 0.2);

    padding:
        12px 16px !important;
}

}

/* ==================================================
SMALL MOBILE
================================================== */

@media (max-width: 600px) {

.marquee-link {

    font-size:
        16px;
}

}

/* ==================================================
가로 스크롤 방지
================================================== */

html,
body {

overflow-x:
    clip;

}