.content_wrap { line-height: 1.42; } 
.content_wrap * { box-sizing: border-box; } 
.section_title { font-size: 40px; } 
.section_desc { max-width: 90%; margin: 0.6em auto 0; font-size: 16px; color: #666; } 

.page_head:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.35); pointer-events: none; }
.page_head.ai_genivue { position: relative; background-image: url(../../img/head/bg_head_ai_genivue.jpg); }

.genivue_intro_right { width: 50%; height: 90%; background: url('../../img/products/bg_genivue_top.png') no-repeat center bottom; background-size: contain;  }

#genivue_section_reason { padding: var(--section-vertical-padding) 0; background: #F8FAFF; line-height: 1.42; overflow: hidden; } 
#genivue_section_reason .section_desc { margin-top: 0.3em; color: #666; } 
#genivue_section_reason .reason_list { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 3em auto 0 auto; gap: 3%; row-gap: 3%; justify-content: center; } 
#genivue_section_reason .reason_list .list_item { flex: 1 1 48.5%; margin-bottom: 3%; padding: 1.5em 0; text-align: left; background: #FFFFFF; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 10px; box-sizing: border-box; } 
#genivue_section_reason .reason_list .icn_box { display: block; width: 70px; height: 70px; background-color: #172335; border-radius: 10px; background-position: center center; background-size: auto 60%; background-repeat: no-repeat; } 
#genivue_section_reason .reason_list .icn_box.icn_reason_1 { background-image: url('../../img/products/icn_genivue_reason_1.svg'); } 
#genivue_section_reason .reason_list .icn_box.icn_reason_2 { background-image: url('../../img/products/icn_genivue_reason_2.svg'); } 
#genivue_section_reason .reason_list .icn_box.icn_reason_3 { background-image: url('../../img/products/icn_genivue_reason_3.svg'); } 
#genivue_section_reason .reason_list .icn_box.icn_reason_4 { background-image: url('../../img/products/icn_genivue_reason_4.svg'); } 
#genivue_section_reason .reason_list .title_wrap { position: relative; padding: 0 1.5em; } 
#genivue_section_reason .reason_list .title_wrap:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 5px; height: 100%; background: #162334; border-radius: 22px 0px 0px 22px; } 
#genivue_section_reason .reason_list .item_title { margin-top: 0.6em; font-size: 24px; font-weight: bold; } 
#genivue_section_reason .reason_list .item_desc { margin-top: 0.6em; padding: 0 1.5em; font-size: 15px; line-height: 1.68; color: #666666; } 

#genivue_section_core { padding: var(--section-vertical-padding) 0; color: #FFF; background: #162335; line-height: 1.42; overflow: hidden; } 
#genivue_section_core .section_title { color: #FFF; } 
#genivue_section_core .feature-cards-container { display: flex; justify-content: center; flex-wrap: wrap; gap: 2%; margin: 3rem auto 0 auto; } 
#genivue_section_core .feature-card { line-height: 1.58; background: #232f3e; border: 1px solid #B3B3B3; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); flex: 0 0 23.5%; display: flex; flex-direction: column; align-items: center; padding: 1.7em 1em 1em 1em; color: #fff; position: relative; box-sizing: border-box; } 
#genivue_section_core .feature-card .icon_wrap { position: relative; width: 70px; height: 70px; background: #2d3b4e; border-radius: 50%; overflow: visible; } 
#genivue_section_core .feature-card .icon { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; font-size: 44px; background-position: center center; background-repeat: no-repeat; background-size: auto 80%; } 
#genivue_section_core .feature-card .icon.feature-icon-1 { background-image: url('../../img/products/icn_genivue_core_1.svg'); } 
#genivue_section_core .feature-card .icon.feature-icon-2 { background-image: url('../../img/products/icn_genivue_core_2.svg'); } 
#genivue_section_core .feature-card .icon.feature-icon-3 { background-image: url('../../img/products/icn_genivue_core_3.svg'); } 
#genivue_section_core .feature-card .icon.feature-icon-4 { background-image: url('../../img/products/icn_genivue_core_4.svg'); } 
#genivue_section_core .feature-card .title { color: #b6ff3a; font-size: 20px; font-weight: bold; margin-top: 0.6em; text-align: center; }
#genivue_section_core .feature-card .desc { font-size: 15px; color: #e0e6ed; text-align: center; margin-top: 0.6em; margin-bottom: 2em; } 
#genivue_section_core .feature-card .tag { display: block; width: 100%; background: #3a4657; color: #49D27C; font-size: 18px; font-weight: 600; border-radius: 8px; margin-top: 1em; padding: 0.5em 1em; margin-top: auto; text-align: center; box-sizing: border-box; } 



#genivue_section_works * { box-sizing: border-box; } 
#genivue_section_works { background:#fff; padding:var(--section-vertical-padding) 0; line-height: 1.42; } 
#genivue_section_works .genivue-works-grid { margin: 3em auto 0 auto; display: flex; flex-direction: column; gap: 5em; font-size: 16px; } 
#genivue_section_works .gw-row { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 4%; } 
#genivue_section_works .gw-row:nth-child(even) .gw-img { order: 2; } 
#genivue_section_works .gw-row:nth-child(even) .gw-txt { order: 1; } 
#genivue_section_works .gw-img { flex: 0 0 48%; } 
#genivue_section_works .gw-txt { flex: 0 0 48%; padding: 0 10px; } 
#genivue_section_works .gw-title { font-size: 24px; font-weight: bold; color: #181818; margin-bottom: 10px; } 
#genivue_section_works .gw-desc { font-size: 18px; color: #222; line-height: 1.6; } 

#section_performance { background:#232f3e; padding:var(--section-vertical-padding) 0; line-height: 1.52; overflow: hidden; } 
#section_performance .section_title,
#section_performance .section_desc { color: #FFF; } 
#section_performance .section_divider { width:60px; height:6px; margin:3em auto 3em auto; background:linear-gradient(90deg, #9EFF00 0%, #2EA4A9 50%, #3A87EB 100%); border-radius:3px; } 
#section_performance .perf-cards-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 32px 32px; margin: 0 auto; line-height: 1.42; } 
#section_performance .perf-card { background: #27344a; border-radius: 22px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); padding: 38px 18px 28px 18px; display: flex; flex-direction: column; align-items: center; color: #fff; min-height: 180px; text-align: center; } 
#section_performance .perf-main { color: #b6ff3a; font-size: 26px; font-weight: bold; }
#section_performance .perf-title { margin-top: 0.3em; font-size: 20px; font-weight: bold; } 
#section_performance .perf-desc { color: #e0e6ed; font-size: 15px; margin-top: 1em; } 


#section_case { background:#f7f9fc; padding:var(--section-vertical-padding) 0; line-height: 1.42; overflow: hidden; } 
#section_case .section_desc { margin-top: 0.3em; color: #666; } 
#section_case .case-tabs { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 2em auto; gap: 1em; row-gap: 0.4em; } 
#section_case .case-tab { background: #fff; border: 2px solid #b6ff3a; color: #181818; font-size: 17px; font-weight: 600; border-radius: 24px; padding: 0.6em 1.2em; cursor: pointer; transition: background 0.2s, color 0.2s; outline: none; } 
#section_case .case-tab.active { background: #b6ff3a; color: #181818; border: 2px solid #b6ff3a; } 
#section_case .case-cards-grid { display: flex; flex-direction: row; gap: 1.5em; justify-content: center; margin: 3em auto 0 auto; } 
#section_case .case-card { background: #fff; border-radius: 1.375em 1.375em 1.125em 1.125em; box-shadow: 0 0.25em 1.125em rgba(0, 0, 0, 0.07); min-width: 320px; max-width: 370px; flex: 1 1 0; padding: 2em 2em 1.5em 2em; position: relative; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 0; border-top: 6px solid #b6ff3a; box-sizing: border-box; } 
#section_case .case-title { font-size: 24px; font-weight: bold; color: #181818; margin-bottom: 18px; } 
#section_case .case-list { list-style: none; padding: 0; margin: 0; width: 100%; } 
#section_case .case-list li { color: #666666; font-size: 16px; font-weight: 500; margin-bottom: 12px; position: relative; padding-left: 1.8em; } 
#section_case .case-list li:before { content: '\2192'; color: #b6ff3a; font-size: 1.1rem; position: absolute; left: 0; top: 0; } 

@media screen and (min-width: 1025px){
    #genivue_section_core .feature-card:hover { border-color: #9EFF00; } 
}
@media screen and (max-width: 1280px){
    .section_title { font-size: 32px; } 
    .section_desc { font-size: 15px; } 

    #genivue_section_reason .reason_list { max-width: 740px; margin: 3rem auto 0 auto; } 
    #genivue_section_reason .reason_list .icn_box { width: 54px; height: 54px; } 
    #genivue_section_reason .reason_list .item_title { font-size: 20px; } 
    #genivue_section_reason .reason_list .item_desc { font-size: 14px; } 
    #genivue_section_core .feature-cards-container { max-width: 740px; gap: 3%; } 
    #genivue_section_core .feature-card { margin-bottom: 3%; flex: 0 0 40%; min-height: 300px; } 
    #genivue_section_core .feature-card .icon_wrap { width: 54px; height: 54px; } 
    #genivue_section_core .feature-card .title { font-size: 18px; } 
    #genivue_section_core .feature-card .desc { font-size: 14px; } 
    #genivue_section_core .feature-card .tag { font-size: 15px; } 
    #genivue_section_core .feature-card .tag br { display: none; } 

    #genivue_section_works .genivue-works-grid { max-width: 740px; gap: 3.5rem; } 
    #genivue_section_works .gw-title { font-size: 18px; } 
    #genivue_section_works .gw-desc { font-size: 14px; } 
    #section_performance .perf-cards-grid { max-width: 740px; gap: 3%; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); } 
    #section_performance .perf-card { flex: 0 0 48%; min-height: 150px; } 
    #section_performance .perf-main { font-size: 28px; } 
    #section_performance .perf-title { font-size: 18px; } 
    #section_performance .perf-desc { font-size: 14px; } 

    #section_case .case-cards-grid { flex-direction: column; align-items: center; } 
    #section_case .case-card { width: 100%; min-width: auto; max-width: 575px; } 
    #section_case .case-tab { font-size: 16px; } 
    #section_case .case-title { font-size: 20px; } 
    #section_case .case-list li { font-size: 15px; } 
}

@media screen and (max-width: 1024px){
    .section_title { font-size: 24px; } 
    .section_desc { font-size: 13px; } 

    .genivue_intro_right { width: 40%; height: 90%; }
    #genivue_section_reason .reason_list { width: 500px; max-width: 100%; margin-top: 2em; } 
    #genivue_section_reason .reason_list .icn_box { width: 41px; height: 41px; } 
    #genivue_section_reason .reason_list .item_title { font-size: 15px; } 
    #genivue_section_reason .reason_list .item_desc { font-size: 13px; } 
    #genivue_section_core .feature-cards-container { max-width: 100%; margin-top: 2em; } 
    #genivue_section_core .feature-card { margin-bottom: 3%; flex: 0 0 40%; min-height: auto; } 
    #genivue_section_core .feature-card .icon_wrap { width: 41px; height: 41px; } 
    #genivue_section_core .feature-card .title { font-size: 15px; } 
    #genivue_section_core .feature-card .desc { font-size: 13px; } 
    #genivue_section_core .feature-card .tag { font-size: 14px; } 

    #genivue_section_works .genivue-works-grid { width: 500px; max-width: 100%; margin-top: 2em; } 
    #genivue_section_works .gw-title { font-size: 18px; } 
    #genivue_section_works .gw-desc { font-size: 14px; } 
    
    #section_performance .section_divider { width:50px; height:5px; margin:2em auto 2em auto; }
    #section_performance .perf-cards-grid { width: 500px; max-width: 100%; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); } 
    #section_performance .perf-card { flex: 0 0 100%; min-height: 113px; } 
    #section_performance .perf-main { font-size: 21px; } 
    #section_performance .perf-title { font-size: 14px; } 
    #section_performance .perf-desc { font-size: 13px; } 
    #section_performance .perf-desc br { display: none;} 

    #section_case .case-cards-grid { flex-direction: column; align-items: center; margin-top: 2em; } 
    #section_case .case-card { width: 100%; min-width: auto; max-width: 431px; } 
    #section_case .case-tab { font-size: 13px; } 
    #section_case .case-tabs { gap: 0.4em; }
    #section_case .case-title { font-size: 15px; } 
    #section_case .case-list li { font-size: 13px; } 
}

@media screen and (max-width: 768px) { 
    .product_head_intro .product_img_bg.genivue_intro_right { position: relative; bottom: auto; left: auto; right: auto; width: 100%; height: 0; margin: 3em auto 0 auto; padding-top: 60%; }
    #genivue_section_reason .reason_list { width: 400px; margin: 2rem auto 0 auto; } 
    #genivue_section_reason .reason_list .list_item { flex: 0 0 100%; } 
    #genivue_section_reason .reason_list .title_wrap:before { width: 4px; }
    #genivue_section_core .feature-card { flex: 0 0 100%; min-height: auto; margin-bottom: 1.5em; } 
    #genivue_section_core .feature-cards-container { margin: 2rem auto 0 auto; max-width: 400px; } 
    #genivue_section_core .feature-card .title { font-size: 18px; } 
    #genivue_section_core .feature-card .desc { font-size: 14px; } 
    #genivue_section_core .feature-card .tag { font-size: 14px; text-align: center; }

    #genivue_section_works .gw-row { flex-direction: column; } 
    #genivue_section_works .gw-txt { width: 100%; margin-top: 0.5em; padding: 0 0 0 0.5em; } 
    #genivue_section_works .genivue-works-grid { width: 400px; max-width: 100%; margin-top: 1.5em; gap: 2em; } 

    #genivue_section_works .gw-row:nth-child(even) .gw-txt { order: 3; } 

    #section_performance .perf-cards-grid { display: block; width: 400px; max-width: 100%; } 
    #section_performance .perf-card { min-height: auto; padding: 1.5em; }
    #section_performance .perf-card + .perf-card { margin-top: 1.5em; }
    #section_case .case-cards-grid { width: 400px; max-width: 100%; gap: 1.5em; } 
    #section_case .case-card { padding: 1.5em 1.5em 1em 1.5em; max-width: 100%; } 
    #section_case .case-tabs { width: 400px; max-width: 100%; gap: 0.5em; row-gap: 0.2em; margin: 1.2em auto; }
    #section_case .case-tab { flex: 1 0 auto; }
    #section_case .case-title { font-size: 18px; } 
    #section_case .case-list li { font-size: 14px; } 
}
@media screen and (max-width: 640px) {
    .page_head_inner.site_inner
    .content_wrap .site_inner { max-width: 90%; }
}