﻿* {
    list-style: none;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.ProjectD_Div {
    max-width: 1610px;
    margin: 0 auto 100px auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: url('/images/about/tt.png') no-repeat top right;
    background-size: 50%;
    background-blend-mode: soft-light;
    padding: 0 20px;
}

.ProD_Tit {
    width: 100%;
    margin-top: 40px;
}

    .ProD_Tit h2 {
        color: #021623;
        font-size: calc(2rem + 1vw);
        padding-bottom: calc(10px + 1vw);
    }

    .ProD_Tit p {
        font-size: calc(0.7rem + 0.7vw);
        color: #787878;
    }

.ProjectDetail_Div {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
}

.ProjectDetail_title {
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 2rem;
    margin-bottom: 20px;
}

    .ProjectDetail_title .client {
        font-size: 1.5rem;
        color: #021623;
        font-weight: bold;
    }

    .ProjectDetail_title .txt {
        font-size: 1rem;
        color: #9d9fa1;
        font-weight: 500;
    }

    .ProjectDetail_title .list {
        font-size: 1.1rem;
        color: #787878;
        font-weight: 500;
    }

.ProjectDetail_information {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: visible; /* 혹시 잘리고 있을 경우 대비 */
}


.prInfo {
    position: relative; /* ::before 기준 */
    background-color: white;
    display: flex;
    flex-direction: column;
}

    .prInfo::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 90%; /* ← 여기 조절로 줄 길이 조정 */
        background-color: #4d8fcc;
        border-radius: 2px;
    }


.infoTit {
    font-size: 1.2rem;
    font-weight: normal;
    color: #696d6f;
    margin-bottom: 0;
    line-height: 1.5rem; /* 텍스트 줄간격은 유지 */
}

    .infoTit strong {
        font-weight: bold;
    }

.project_description {
    margin-top: 20px;
}

.project_thumbnails {
    width: 100%;
}

    .project_thumbnails img {
        width: 90%;
        height: auto;
        object-fit: contain;
        display: block;
    }

.project_ps p {
    margin-top: 20px;
    color: red;
    font-size: 16px;
}
