/* --- Settings & Typography --- */
    .inex-container { box-sizing: border-box;}
    
    /* Header */
    .inex-sub-label { display: block; font-size: 14px; font-weight: 700; color: var(--point-color); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; }
    .inex-main-title { font-size: 60px; font-weight: 800; line-height: 1.1; margin: 0; letter-spacing: -1px; }
    
    /* Layout Section (Common) */
    .inex-section { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 180px; position: relative; }
    .inex-section:last-child { margin-bottom: 0; }
    
	.inex-text-col { margin-top: 0;}

    /* Layout Logic: Zig-Zag & Offset */
    /* 홀수(Odd): 이미지(좌) - 텍스트(우) / 텍스트가 아래로 내려감 */
    .inex-section.inex-type-a .inex-visual-col { width: 50%; }
    .inex-section.inex-type-a .inex-text-col { width: 40%; }
    
    /* 짝수(Even): 텍스트(좌) - 이미지(우) / 이미지가 아래로 내려감 */
    .inex-section.inex-type-b { flex-direction: row-reverse; }
    .inex-section.inex-type-b .inex-visual-col { width: 50%;  }
    .inex-section.inex-type-b .inex-text-col { width: 40%; text-align: left; }

    /* Visual Column (Image) */
    .inex-visual-col { position: relative; }
    .inex-img-frame { overflow: hidden; position: absolute; left:-20vw; width:55vw; height:400px; }
	.inex-type-b .inex-img-frame {left:initial; right:-20vw;}
    .inex-img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(0.2, 1, 0.3, 1); filter: grayscale(10%); }
    /*.inex-section:hover .inex-img { transform: scale(1.05); filter: grayscale(0%); }*/
    
    /* Decorative Geometric Box */
    .inex-geo-box { display:none; position: absolute; width: 100px; height: 100px; background-color: var(--point-color); z-index: -1; }
    .inex-type-a .inex-geo-box { top: -20px; left: -20px; }
    .inex-type-b .inex-geo-box { bottom: -20px; right: -20px; }

    /* Text Column */
    .inex-text-col { display: flex; flex-direction: column; justify-content: center; z-index: 2; }
    .inex-num { font-size: 80px; font-weight: 900; color: #f0f0f0; line-height: 0.8; margin-bottom: -20px; position: relative; z-index: -1; user-select: none; }
    .inex-title-group { margin-bottom: 40px; }
    .inex-sec-title { font-size: 32px; font-weight: 800; color: #111; margin: 0; }
    .inex-sec-eng { font-size: 14px; font-weight: 600; color: #888; text-transform: uppercase; margin-top: 5px; display: block; letter-spacing: 1px; }
    .inex-desc {  line-height: 1.7; color: #555; margin-bottom: 40px; word-break: keep-all; font-weight: 500; }
    
    /* List Style */
    .inex-list-wrap { border-top: 1px solid #eee; padding-top: 30px; }
    .inex-list-header {  font-weight: 700; color: var(--point-color); margin-bottom: 15px; display: block; }
    .inex-list { list-style: none; padding: 0; margin: 0; }
    .inex-list-item { position: relative; padding-left: 20px; margin-bottom: 12px; color: #666; line-height: 1.5; display: flex; align-items: flex-start; }
    .inex-list-item::before { content: ''; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: var(--point-color); }

    /* Responsive */
    @media (max-width: 1200px) {
        .inex-section { flex-direction: column !important; margin-bottom: 100px; }
        .inex-section.inex-type-b .inex-text-col, .inex-section.inex-type-b .inex-list-item { text-align: left; justify-content: flex-start; }
        .inex-section.inex-type-b .inex-list-item { padding-left: 20px; padding-right: 0; }
        .inex-section.inex-type-b .inex-list-item::before { left: 0; right: auto; }
        .inex-visual-col, .inex-text-col { width: 100% !important; margin-top: 0 !important; }
        .inex-img-frame { height: 200px; margin-bottom: 40px; position:relative; width:100vw; left:-10vw;}
		.inex-type-b .inex-img-frame {left:initial; right:0;}
        .inex-main-title { font-size: 40px; }
    }