/* =========================================
   [오픽셀] 찾아오시는 길 (Directions) - 프론트엔드 스타일
========================================= */

.oh-dir-wrap { 
    display: flex; 
    flex-direction: column; 
    gap: 45px; 
    margin: 20px 0; 
    font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; 
}

.oh-dir-group { 
    display: flex; 
    align-items: flex-start; 
    gap: 30px; 
    border-bottom: 1px solid #f2f2f2; 
    padding-bottom: 30px; 
}

.oh-dir-group:last-child { 
    border-bottom: none; 
    padding-bottom: 0; 
}

.oh-dir-title-area { 
    width: 140px; 
    flex-shrink: 0; 
    display: flex; 
    align-items: center; 
    gap: 8px; 
}

.oh-dir-icon { 
    font-size: 18px; 
}

.oh-dir-title { 
    font-size: 17px; 
    font-weight: 800; 
    color: #111; 
    margin: 0; 
    letter-spacing: -0.5px; 
}

.oh-dir-content { 
    flex-grow: 1; 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
}

.oh-dir-item { 
    position: relative; 
    padding-left: 14px; 
    font-size: 15px; 
    color: #444; 
    line-height: 1.6; 
    word-break: keep-all; 
}

/* 자동 꺾쇠 아이콘 생성 */
.oh-dir-item::before { 
    content: "›"; 
    position: absolute; 
    left: 0; 
    top: 0px; 
    font-size: 16px; 
    font-weight: 900; 
    color: #111; 
    font-family: sans-serif; 
}

/* 소제목을 굵은 텍스트로 처리 */
.oh-dir-subtitle { 
    font-weight: 700; 
    color: #111; 
    margin-right: 4px; 
}

/* 모바일 반응형 처리 */
@media (max-width: 768px) {
    .oh-dir-group { 
        flex-direction: column; 
        gap: 15px; 
        padding-bottom: 25px; 
    }
    .oh-dir-title-area { 
        width: 100%; 
        border-bottom: 1px solid #eee; 
        padding-bottom: 10px; 
    }
}