/* 시안 상세페이지 전용 스타일 */
body {
    padding: 0;
    margin: 0;
    background-color: #333; /* 배경은 전체를 채워야 하므로 너비 제한 해제 */
}

/* 상단 네비게이션 헤더 */
.viewer-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.95);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    z-index: 1000;
    /* 헤더가 잘리지 않게 이미지의 최소폭과 맞춰줍니다 */
    min-width: 1024px; 
}

/* 이미지 컨테이너 */
.image-container {
    margin-top: 60px;
    display: flex;           /* 중앙 정렬을 위한 설정 */
    flex-direction: column;  /* 이미지를 세로로 나열 */
    align-items: center;     /* 세로 나열 시 가로 중앙 정렬 */
    /*justify-content: center; /* 가로 중앙 정렬 */
    width: 100%;             
    background-color: #333;
    
}

.design-full-img {
    /* 화면 너비에 따라 유동적으로 변하되, 1024~1920 사이를 유지 */
    width: 100%;             
    max-width: 1920px;       
    min-width: 1024px;       
    height: auto;
    display: block;
    box-shadow: 0 0 30px rgba(0,0,0,0.1); /* 시안 경계 구분용 그림자 */
    padding-bottom: 50px;    /* 최하단 이미지 아래 여백 */
}

.viewer-header h2 {
    font-size: 16px;
    margin: 0;
    color: #2d3748;
}

.back-link {
    text-decoration: none;
    color: #2b6cb0; 
    font-size: 14px;
    font-weight: 700;
}