:root { --hexagon-process-width: 220px; } 

.section_ai_cro { color: #FFF; background: url(../../../assets/img/ai_cro/bg_ai_cro_title.jpg) no-repeat top var(--header-height) center #071631 fixed; background-size: auto 100%; } 
.section_ai_cro .page_inner { display: flex; flex-direction: column; justify-content: space-between; height: 500px; padding: var(--common-section-big-padding) 30px; text-shadow: var(--common-title-shadow); } 
.section_ai_cro .section_desc { opacity: 0.75; } 
.section_ai_cro_genAI { padding: var(--common-section-padding) 0; background: #ffffff; } 
.section_ai_cro_genAI .section_subtitle,
.section_ai_cro_genAI .section_title,
.section_ai_cro_genAI .section_desc { text-align: center; } 
.section_ai_cro_genAI .section_desc { color: #596F83; } 
.section_ai_cro_genAI .info-container { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 50px auto 0 auto; position: relative; } 
.section_ai_cro_genAI .info-item { flex: 1 1 22%; min-width: 250px; border-radius: 10px; position: relative; box-sizing: border-box; } 
.section_ai_cro_genAI .info-item + .info-item { margin-left: -40px; } 
/* 각 블록의 순서에 따라 z-index 조절 */
.section_ai_cro_genAI .info-item:nth-child(1) .icon-wrap,
.section_ai_cro_genAI .info-item:nth-child(3) .icon-wrap { background-color: #f4f7fd; } 
.section_ai_cro_genAI .info-item:nth-child(1) { z-index: 4; } 
.section_ai_cro_genAI .info-item:nth-child(2) { z-index: 3; } 
.section_ai_cro_genAI .info-item:nth-child(3) { z-index: 2; } 
.section_ai_cro_genAI .info-item:nth-child(4) { z-index: 1; } 
.section_ai_cro_genAI .info-item .icon-wrap { top: 0; display: flex; justify-content: center; align-items: center; width: 105%; height: 150px; margin-top: 2em; clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%, 10% 50%); box-sizing: border-box; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); background: #e3eff9; z-index: 0; } 
.section_ai_cro_genAI .icn_box { display: block; width: 80px; height: 80px; background-position: center center; background-repeat: no-repeat; background-size: contain; }
.section_ai_cro_genAI .icn_box.icn_scheme { background-image: url('../../img/ai_cro/icn_scheme.svg'); }
.section_ai_cro_genAI .icn_box.icn_finances { background-image: url('../../img/ai_cro/icn_finances.svg'); }
.section_ai_cro_genAI .icn_box.icn_ui { background-image: url('../../img/ai_cro/icn_ui.svg'); }
.section_ai_cro_genAI .icn_box.icn_brain { background-image: url('../../img/ai_cro/icn_brain.svg'); }
.section_ai_cro_genAI .info-item h2 { position: relative; font-size: 24px; color: #596F83; margin-bottom: 20px; text-align: center; z-index: 1; } 
.section_ai_cro_genAI .info-item h2 span { display: block; font-size: 60px; font-weight: 700; color: #1B5992; margin-bottom: 5px; z-index: 1; } 
.section_ai_cro_genAI .info-content ul { position: relative; list-style: disc; margin-top: 2em; padding: 0 2.5em 0 5em; color: #596F83; font-size: 16px; line-height: 1.4; z-index: 1; } 
.section_ai_cro_genAI .info-content ul li + li { margin-top: 0.6em; } 

/* process */
.section_ai_cro_process { padding: var(--common-section-padding) 0 calc(var(--common-section-padding) + (var(--hexagon-process-width) * 0.866 * 0.5)) 0; background: #f3f7fc; } 
.section_ai_cro_process .section_subtitle,
.section_ai_cro_process .section_title,
.section_ai_cro_process .section_desc { text-align: center; } 
.section_ai_cro_process .section_desc { color: #596F83; } 
.section_ai_cro_process .process_info { position: relative; margin: 200px 0; } 
.section_ai_cro_process .hex-row { display: flex; justify-content: center; margin-bottom: calc(-1 * var(--hexagon-process-width) * 0.866 * 0.5); position: relative; } 
.section_ai_cro_process .hex-row.row-head { gap: calc(var(--hexagon-process-width) * 0.5); } 
.section_ai_cro_process .hex-row.row-offset { gap: calc(var(--hexagon-process-width) * 0.5); } 
.section_ai_cro_process .hex-row.row-bottom { gap: calc(var(--hexagon-process-width) * 0.5); } 
.section_ai_cro_process .hex { width: var(--hexagon-process-width); height: calc(var(--hexagon-process-width)*0.866); background: #efefef; position: relative; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 18px; color: #003366; font-weight: 600; clip-path: polygon(
 25% 0%,
 75% 0%,
 100% 50%,
 75% 100%,
 25% 100%,
 0% 50%
 ); z-index: 1; } 
.section_ai_cro_process .hex.dark { background: #195892; color: white; } 
.section_ai_cro_process .hex.blue { background: #e0ecf8; } 
.section_ai_cro_process .hex.lightblue { background: #6180a1; color: white; } 
.section_ai_cro_process .hex-center { background: url('/assets/img/ai_cro/bg_ai_tile.jpg') no-repeat center/cover #efefef; color: white; font-size: 40px; font-weight: bold; } 
.section_ai_cro_process .label { position: absolute; display: block; width: 180px; font-size: 15px; color: #6b8ca4; z-index: 1; transform: translate3d(-50%, -50%, 0); } 
.section_ai_cro_process .label ul { list-style: disc; padding-left: 18px; margin: 0; } 
.section_ai_cro_process .label-left-top { top: calc(50% - var(--hexagon-process-width) * 1.52); right: calc(50% + var(--hexagon-process-width) * 1.65); } 
.section_ai_cro_process .label-left-mid { top: calc(var(--hexagon-process-width) * 0.85); right: calc(50% + var(--hexagon-process-width) * 1.65); } 
.section_ai_cro_process .label-left-bottom { top: calc(var(--hexagon-process-width) * 2.175); right: calc(50% + var(--hexagon-process-width) * 1.65); } 
.section_ai_cro_process .label-right-top { top: calc(50% - var(--hexagon-process-width) * 1.52); left: calc(50% + var(--hexagon-process-width) * 2.68) } 
.section_ai_cro_process .label-right-mid { top: calc(var(--hexagon-process-width) * 0.85); left: calc(50% + var(--hexagon-process-width) * 2.68); } 
.section_ai_cro_process .label-right-bottom { top: calc(var(--hexagon-process-width) * 2.175); left: calc(50% + var(--hexagon-process-width) * 2.68); } 
.section_ai_cro_process .connector { position: absolute; width: 250px; height: 101px; background: url(../../img/ai_cro/ai_cro_line.svg) no-repeat; background-size: contain; transform: translate3d(-50%, -50%, 0); } 
.section_ai_cro_process .connector.left_top { top: calc(50% - var(--hexagon-process-width) * 1.309); left: calc(50% - var(--hexagon-process-width)*1.536); } 
.section_ai_cro_process .connector.right_top { top: calc(50% - var(--hexagon-process-width) * 1.309); right: calc(50% - var(--hexagon-process-width)*1.536); transform: rotateY(180deg) translate3d(-50%, -50%, 0); } 
.section_ai_cro_process .connector.left_bottom { top: calc(50% + var(--hexagon-process-width) * 0.412); left: calc(50% - var(--hexagon-process-width) * 1.536); transform: rotateX(180deg) translate3d(-50%, -50%, 0);} 
.section_ai_cro_process .connector.right_bottom { top: calc(50% + var(--hexagon-process-width) * 0.412); right: calc(50% - var(--hexagon-process-width) * 1.536); transform: rotateX(180deg) rotateY(180deg) translate3d(-50%, -50%, 0); }

.section_algorithm { padding: var(--common-section-padding) 0; background: #ffffff; } 
.section_algorithm .section_subtitle,
.section_algorithm .section_title,
.section_algorithm .section_desc { text-align: center; } 
.section_algorithm .hexagon_wrap { margin-top: calc(var(--common-section-big-padding)); } 
.section_algorithm .hexagon_wrap .hexagon { width: 330px; } 
.section_algorithm .hexagon_wrap .hexagon_item { position: relative; } 
.section_algorithm .hexagon_wrap .hexagon_item .hexagon_inner { background: #f4f7fd; } 
.section_algorithm .hexagon_wrap .hexagon_item:nth-child(1) { z-index: 1; }
.section_algorithm .hexagon_wrap .hexagon_item:nth-child(2) { z-index: 2; }
.section_algorithm .hexagon_wrap .hexagon_item:nth-child(3) { z-index: 3; }
.section_algorithm .hexagon_wrap .hexagon_item:nth-child(4) { z-index: 4; }
.section_algorithm .hexagon_wrap .hexagon_item:nth-child(5) { z-index: 5; }
.section_algorithm .hexagon_wrap .hexagon_item:nth-child(even) .hexagon_inner { background: #e3edf7; } 
.section_algorithm .hexagon_wrap .hexagon_item:before { content: attr(data-count); position: absolute; left: 0.8em; top: -0.8em; font-size: 70px; font-weight: bold; line-height: 1.2; color: #8BACD3; z-index: 1; } 
.section_algorithm .hexagon_wrap .hexagon_inner p { font-size: 20px; color: #014686; } 
.section_algorithm .hexagon_wrap .icn_box { display: inline-block; width: 58px; height: 58px; background-position: center center; background-repeat: no-repeat; background-size: contain; } 
.section_algorithm .hexagon_wrap .icn_box.dataset { background-image: url(../../img/ai_cro/icn_dataset.svg); } 
.section_algorithm .hexagon_wrap .icn_box.cohort { background-image: url(../../img/ai_cro/icn_cohort.svg); } 
.section_algorithm .hexagon_wrap .icn_box.feature { background-image: url(../../img/ai_cro/icn_feature.svg); } 
.section_algorithm .hexagon_wrap .icn_box.check { background-image: url(../../img/ai_cro/icn_check.svg); } 
.section_algorithm .hexagon_wrap .icn_box.result { background-image: url(../../img/ai_cro/icn_result.svg); } 


@media (max-width: 1600px) {
    :root { 
        --hexagon-process-width: 160px;
    }
    .section_ai_cro { background-size: 100% auto; }
    .section_ai_cro .page_inner { height: 360px; padding: var(--common-section-big-padding) 30px; } 
    .section_ai_cro_genAI .info-item h2 span { font-size: 42px; }
    .section_ai_cro_genAI .info-item h2 { font-size: 18px; margin-bottom: 14px; }
    .section_ai_cro_genAI .info-item .icon-wrap { height: 110px; }
    .section_ai_cro_genAI .icn_box { width: 60px; height: 60px; }
    .section_ai_cro_process .process_info { margin: 144px 0; }
    .section_ai_cro_process .connector { width: 180px; height: 73px; }
    .section_ai_cro_process .hex-center { font-size: 30px; }
    .section_ai_cro_process .label-left-top { right: calc(50% + var(--hexagon-process-width) * 1.55); } 
    .section_ai_cro_process .label-left-mid { right: calc(50% + var(--hexagon-process-width) * 1.55); } 
    .section_ai_cro_process .label-left-bottom { right: calc(50% + var(--hexagon-process-width) * 1.55); } 
    .section_ai_cro_process .label-right-top { left: calc(50% + var(--hexagon-process-width) * 2.78) } 
    .section_ai_cro_process .label-right-mid { left: calc(50% + var(--hexagon-process-width) * 2.78); } 
    .section_ai_cro_process .label-right-bottom { left: calc(50% + var(--hexagon-process-width) * 2.78); } 
    .section_algorithm .hexagon_wrap { margin-top: calc(var(--common-section-big-padding) + 2em); } 
    .section_algorithm .hexagon_wrap .hexagon { width: 260px; }
}

@media (max-width: 1280px){
    .section_algorithm .hexagon_wrap .hexagon { width: 220px; }
    .section_algorithm .hexagon_wrap .hexagon_inner p { font-size: 16px; }
    .section_algorithm .hexagon_wrap .hexagon_item:before { font-size: 54px; }
}

@media (max-width: 1024px){
    :root { 
        --hexagon-process-width: 120px;
    }
    .section_ai_cro_genAI .info-container { flex-wrap: wrap; justify-content: center; row-gap: 2.5em; padding: 0 5%; } 
    .section_ai_cro_genAI .info-item { flex: 1 1 50%; width: 50%; clip-path: none; border-radius: 10px; } 
    .section_ai_cro_genAI .info-item + .info-item { margin-left: 0; }
    .section_ai_cro_genAI .info-item:nth-child(even) { margin-left: -40px;}
    
    .section_ai_cro .page_inner { height: 260px; padding: var(--common-section-big-padding) 22px; } 
    .section_ai_cro_genAI .info-item h2 span { margin-bottom: 0; font-size: 34px; line-height: 1.28; }
    .section_ai_cro_genAI .info-item h2 { font-size: 15px; margin-bottom: 10px; }
    .section_ai_cro_genAI .info-item .icon-wrap { height: 79px; margin-top: 1em; }
    .section_ai_cro_genAI .info-content ul { margin-top: 1em; font-size: 14px; }
    .section_ai_cro_genAI .icn_box { width: 43px; height: 43px; }
    .section_ai_cro_process .section_title,
    .section_ai_cro_process .section_desc { text-align: center; }
    .section_ai_cro_process .label { width: 150px; font-size: 13px; }
    .section_ai_cro_process .connector { width: 130px; height: 53px; }
    .section_ai_cro_process .hex { font-size: 14px; }
    .section_ai_cro_process .hex-center { font-size: 22px; }
    .section_algorithm .section_title { text-align: center; }
    .section_algorithm .hexagon_wrap { max-width: 600px; margin: calc(var(--common-section-big-padding) + 2em) auto 0 auto; gap: 0; }
    .section_algorithm .hexagon_wrap .hexagon { width: 220px; margin-top: -1.5em; }
    .section_algorithm .hexagon_wrap .hexagon_inner p { font-size: 15px; }
    .section_algorithm .hexagon_wrap .icn_box { width: 40px; height: 40px; }
}

@media (max-width: 768px){
    :root { 
        --hexagon-process-width: 120px;
    }
    .section_ai_cro { background-position: top center; background-size: cover; background-attachment: scroll; }
    .section_ai_cro .page_inner { height: auto; }
    .section_ai_cro .section_desc { margin-top: 1em; }
    .section_ai_cro_genAI .info-content ul { padding: 0 1.25em 0 2.5em; }
    .section_ai_cro_genAI .info-item { width: 80%; max-width: 250px; }
    .section_ai_cro_genAI .info-item:nth-child(even) { margin-left: 0;}
    .section_ai_cro_genAI .info-item .icon-wrap { width: 100%; height: 54px; margin: 0 auto; }
    .section_ai_cro_process { padding: var(--common-section-padding) 0;}
    .section_ai_cro_process .label { display: none; width: 150px; font-size: 13px; }
    .section_ai_cro_process .connector { display: none; } 
    .section_ai_cro_process .process_info { height: calc(var(--hexagon-process-width) * 2.5 * 0.866); margin: 3em 0 0 0; }
    .section_ai_cro_process .hex { font-size: 13px; }

    .section_algorithm .hexagon_wrap { flex-wrap: wrap; max-width: 200px; margin: calc(1.5em + var(--common-section-big-padding)) auto 0 auto; }
    .section_algorithm .hexagon_wrap .hexagon_item { margin-left: 40%; }
    .section_algorithm .hexagon_wrap .hexagon_item:nth-child(even):before { left: auto; right: 0.8em; }
    .section_algorithm .hexagon_wrap .hexagon_item:nth-child(odd) { margin-left: -40%; }
}

@media (max-width: 640px){
    :root { 
        --hexagon-process-width: 85px;
    }
    .section_ai_cro_process .hex { font-size: 11px; }
}

@media (max-width: 400px){
    :root { 
        --hexagon-process-width: 76px;
    }
    .section_ai_cro_process .hex { font-size: 10px; }
}