.section_about_top { color: #FFF; background: url(../../../assets/img/about/bg_about_top.jpg) no-repeat top center #071631 fixed; background-size: auto 100%; } 
.section_about_top .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_about_top .section_title { max-width: 100%; } 
.section_core_value { padding: var(--common-section-padding) 0; } 
.section_core_value .section_subtitle,
.section_core_value .section_title,
.section_core_value .section_desc { text-align: center; } 
.section_core_value .section_subtitle { color: #a1b5c9; font-style: italic; } 
.section_core_value .hexagon_wrap { margin-top: 3em; } 
.section_core_value .hexagon_wrap .hexagon { width: 380px; } 
.section_core_value .hexagon_wrap .hexagon_title { font-weight: bold; color: #003366; } 
.section_core_value .hexagon_wrap .hexagon_inner.bg_truth { background-image: url('../../img/tech/bg_value_truth.jpg'); }
.section_core_value .hexagon_wrap .hexagon_inner.bg_tech { background-image: url('../../img/tech/bg_value_tech.jpg'); }
.section_core_value .hexagon_wrap .hexagon_inner.bg_category { background-image: url('../../img/tech/bg_value_category.jpg'); }
.section_core_value .hexagon_wrap .hexagon_inner.bg_service { background-image: url('../../img/tech/bg_value_service.jpg'); }

.section_org_top { color: #FFF; background: url(../../../assets/img/about/bg_about_org.jpg) no-repeat top center #071631 fixed; background-size: auto 100%; } 
.section_org_top .page_inner { display: flex; justify-content: space-between; padding: var(--common-section-big-padding) 30px; text-shadow: var(--common-title-shadow); } 
.org-chart-section { padding: 40px 20px; } 
.org-chart-section .org-container { max-width: 1200px; margin: 0 auto; text-align: center; position: relative; } 
.org-chart-section .org-top-box { display: flex; justify-content: center; align-items: center; width: 120px; height: 60px; margin: 0 auto; color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } 
.org-chart-section .line.vertical { width: 2px; height: 30px; background-color: #ffffff; margin: 0 auto; } 
.org-chart-section .main-line { height: 40px; } 
.org-chart-section .org-columns { display: flex; flex-wrap: wrap; justify-content: center; gap: 80px; position: relative; } 
/* 수평 연결선 (상위 두 팀 연결) */
.org-chart-section .org-columns::before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 370px; height: 2px; background-color: #ffffff; margin: 0 auto; z-index: 1; } 
/* 기본 박스 스타일 */
.org-chart-section .org-box { width: 130px; font-weight: bold; color: #fff; padding: 12px 20px; margin: 0 auto; white-space: nowrap; font-size: 18px; line-height: 1.4; } 
.org-chart-section .org-box.small { font-size: 16px; padding: 10px 16px; } 
.org-chart-section .org-box.xsmall { font-size: 15px; padding: 8px 14px; } 
.org-chart-section .org-box.blue { background-color: rgba(79, 115, 150, 0.3); } 
.org-chart-section .org-box.green { background-color: rgba(75, 140, 108, 0.3); } 
.org-chart-section .sub-label { display: block; font-weight: 400; font-size: 14px; color: #cfd5db; margin-top: 5px; line-height: 1.3; } 
.org-chart-section .sub-label.lung { color: #cfd5db; font-size: 14px; margin-top: 8px; line-height: 1.4; } 
.org-chart-section .org-sub-columns { position: relative; display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; position: relative; } 
.org-chart-section .org-sub-columns::before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 160px; height: 2px; background-color: #ffffff; margin: 0 auto; z-index: 1; } 
.org-chart-section .org-sub-col { display: flex; flex-direction: column; align-items: center; } 


.section_direction .page_inner { display: flex; justify-content: space-between; } 
.section_direction .left_side { flex: 0 0 400px; display: flex; flex-direction: column; justify-content: space-between; padding: var(--common-section-padding) 0; } 
.section_direction .bottom_place { display: flex; flex-direction: column; gap: 1em; font-size: 20px; color: #596F83; } 
.section_direction .bottom_place .title_info { font-weight: bold; } 
.section_direction .bottom_place .contact_info,
.section_direction .bottom_place .contact_info a { color: #92AAC1; } 
.section_direction .bottom_place .contact_info a:hover { color:#4a7fb1; } 
.section_direction .bottom_place .address_info { color: #596F83; } 
.section_direction .bottom_place .address_info:hover { color: #35536e; } 
.section_direction .right_side { flex: 1 1 auto; } 

@media (max-width: 1600px) {
    .section_about_top .page_inner { height: auto; padding: var(--common-section-big-padding) 30px; } 
    .section_about_top .section_desc { margin-top: 2em; } 
    .section_core_value .hexagon_wrap .hexagon { width: 260px; }
    
    .org-chart-section { padding: 20px 0; } 
}
@media (max-width: 1024px) {
    .section_core_value .section_subtitle,
    .section_core_value .section_title,
    .section_core_value .section_desc { text-align: center; }
    .section_core_value .hexagon_wrap { max-width: 540px; margin: 2rem auto 0; row-gap: 3em; }
    .section_core_value .hexagon_wrap .hexagon { width: 240px; }
    .section_core_value .hexagon_wrap .hexagon_title { margin-top: 0.4em; font-size: 14px; }
    .section_core_value .hexagon_wrap .hexagon_item + .hexagon_item { margin-left: 0; }
    
    
    .org-chart-section { margin-top: 1em; } 
    .org-chart-section .org-columns { gap: 28px; } 
    /* 수평 연결선 (상위 두 팀 연결) */
    .org-chart-section .org-columns::before { width: 220px; } 
    /* 기본 박스 스타일 */
    .org-chart-section .org-top-box { width: 84px; height: 40px; }
    .org-chart-section .org-box { width: 84px; padding: 9px 5px; font-size: 14px; } 
    .org-chart-section .org-box.small { font-size: 12px; padding: 7px 12px; } 
    .org-chart-section .org-box.xsmall { font-size: 11px; padding: 6px 10px; } 
    .org-chart-section .sub-label { font-size: 10px; margin-top: 4px;  } 
    .org-chart-section .sub-label.lung { font-size: 10px; margin-top: 6px; } 
    .org-chart-section .org-sub-columns { gap: 22px; } 
    .org-chart-section .org-sub-columns::before { width: 108px; } 

    .section_org_top .page_inner { flex-direction: column; }
    .section_org_top .section_subtitle,
    .section_org_top .section_title,
    .section_org_top .section_desc { text-align: center; }
    .section_direction .page_inner { flex-direction: column; }
    .section_direction .left_side { flex: 0 0 auto; }
    .section_direction .bottom_place { margin-top: 2em; font-size: 16px; text-align: center; }
}
@media (max-width: 768px) {
    .section_about_top .page_inner { height: auto; } 
    .section_about_top .section_title { font-size: 18px; } 
    .section_about_top .section_title .big { font-size: 30px; } 
    .section_about_top .section_desc { margin-top: 2em; } 
    .org-chart-section .line.vertical { height: 20px; }
    .org-chart-section .line.vertical.main-line { background-color: transparent; }
    .org-chart-section .org-columns { flex-direction: column; }
    .org-chart-section .org-columns::before { display: none; }
    .org-chart-section .org-columns > .org-column > .line:first-child { display: none; }
    
    .section_core_value .hexagon_wrap { max-width: 380px; margin: 3.5em auto 0; column-gap: 0.5em; row-gap: 0; }
    .section_core_value .hexagon_wrap .hexagon { width: 230px; padding: 3%; }
    .section_core_value .hexagon_wrap .hexagon_inner:before { content: ''; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
    .section_core_value .hexagon_wrap .hexagon_item { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: -2em; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(odd) { margin-left: -25%; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(even) { margin-left: 25%; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(1) { z-index: 1; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(2) { z-index: 2; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(3) { z-index: 3; }
    .section_core_value .hexagon_wrap .hexagon_item:nth-child(4) { z-index: 4; }
    .section_core_value .hexagon_wrap .hexagon_title { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); color: #FFF; text-shadow: 0 0 0.5em rgba(0,0,0,0.5); }
}