.m-block{display: none;}
.pc-only{display: block;}
.access-wrap{width: 100%; height: 100vh; position: relative;}
.access-wrap .access-box{width: 100%; max-width: 1060px; padding: 80px 120px; box-sizing: border-box; background:#F6F6F6; border-radius: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.access-wrap .access-box .logo{width: 280px; margin-bottom: 40px;}
.access-wrap .access-box .logo img{width: 100%;}
.access-wrap .access-box .txt{position: relative;}
.access-wrap .access-box .txt h3{font-size: 40px; font-weight: 700; line-height: 60px; margin-bottom: 4px;}
.access-wrap .access-box .txt p{font-size: 18px; line-height: 1.4; color: #686868;}
.access-wrap .access-box .txt span{color: #E4E7EC; text-align: right; font-size: 40px; line-height: 0.9; font-weight: 700; position: absolute; right: 0; top: 50%; transform: translateY(-50%)}
.access-wrap .access-box ul{margin-top: 60px; display: flex; justify-content: space-between; gap: 20px;}
.access-wrap .access-box ul li{background: #fff; border-radius: 20px; padding: 40px; width: 50%;}
.access-wrap .access-box ul li b{display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 700; color: #333; margin-bottom: 20px;}
.access-wrap .access-box ul li p{color: #686868; font-size: 16px;}
.access-wrap .access-box ul li strong{font-size: 24px; font-weight: 700; color: #000; display: block;}
.access-wrap .access-box ul li:nth-child(1) .con{display: flex;justify-content: space-between;}
.access-wrap .access-box ul li:nth-child(1) p{margin-bottom: 4px;}
.access-wrap .access-box ul li:nth-child(2) strong{margin-bottom: 8px;}

.left {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 500px; /* 최대 너비 지정 */
    padding: 15px;
}

.lday, .rday {
    text-align: center;
}

.lday p, .rday p {
    margin: 0 0 5px 0; /* p 태그의 기본 마진 제거 및 간격 조정 */
    font-size: 14px;
    color: #555;
    text-align: left;
}

.lday strong, .rday strong {
    font-size: 20px;
    color: #000;
}

@media (max-width: 1080px) {
    .access-wrap .access-box{max-width: 95%; padding: 80px 50px}
}
@media (max-width: 768px) {

    .m-block{display: block;}
    .pc-only{display: none;}
    .access-wrap{height: auto;}
    .access-wrap .access-box{max-width: 90%; margin: 10% auto; padding: 40px 15px; position: relative; top: 0; left: 0; transform: none;}
    .access-wrap .access-box .logo{width: 200px;}
    .access-wrap .access-box .txt h3{font-size: 24px;}
    .access-wrap .access-box .txt p{font-size: 14px;}
    .access-wrap .access-box .txt span{display: none;}

    .access-wrap .access-box ul{margin-top: 30px; flex-wrap: wrap; gap: 10px;}
    .access-wrap .access-box ul li{padding: 20px; width: 100%;}
    .access-wrap .access-box ul li .right{width: 80px;}

    /* span에 대한 스타일 규칙을 여기서 올바르게 닫아줍니다.
    */
    .access-wrap .access-box span{
        color: #E4E7EC;
        margin-top: 30px;
        display: block;
        text-align: right;
        font-size: 40px;
        line-height: 0.9;
        font-weight: 700;
    }

    /* .left에 대한 스타일 규칙을 독립적으로 분리합니다.
    */
    .access-wrap .access-box ul li .left {
        flex-direction: column; /* 아이템 정렬 방향을 세로로 변경 */
        gap: 10px; /* 아이템 사이의 수직 간격 추가 */
    }
}