/**
 * 견적 페이지 유의사항 안내 스타일
 * - 하단 탭 컨텐츠 (주문전 유의사항, 작업방법 안내)
 */

/* 유의사항 컨테이너 */
.guide-notice {
    width: 825px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

/* 상단 타이틀 바 */
.guide-notice__header {
    position: relative;
    width: 100%;
    margin-bottom: -20px;
}

.guide-notice__header-img {
    display: block;
    width: 100%;
    height: auto;
}

.guide-notice__header-title {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    font-size: 28px;
    color: #fff;
}

.guide-notice__header-title--bold,
.guide-notice__header-title--light {
    font-size: 32px;
    color: #fff;
}

.guide-notice__header-title--bold {
    font-weight: 700;
}

.guide-notice__header-title--light {
    font-weight: 300;
}

/* 섹션 제목 바 (#231f20 배경) */
.guide-notice__section-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    margin: 40px 0px -20px 0px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background-color: #231f20;
    box-sizing: border-box;
}

.guide-notice__section-title:first-of-type {
    margin-top: 0;
}

/* 컨텐츠 영역 */
.guide-notice__content {
    padding: 0 20px;
}

/* 번호 항목 */
.guide-notice__item {
    margin-top: 40px;
}

.guide-notice__item-title {
    font-weight: bold;
    color: #e91e63;
    margin-bottom: 8px;
}

.guide-notice__item-desc {
    color: #555;
    margin: 10px 0px;
    margin-bottom: 5px;
}

.guide-notice__item-highlight {
    color: #e91e63;
    font-weight: bold;
    margin: 20px 0px;
    margin-top: 20px;
}

.guide-notice__item-highlight--red {
    color: #f44336;
}

/* 텍스트 내 하이라이트 (빨간색 + 볼드) */
.guide-notice__text-highlight--red {
    color: #f44336;
    font-weight: bold;
}

/* 항목 구분선 (border-top) */
.guide-notice__item--border-top {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 25px;
}

/* PASS/FAIL 텍스트 스타일 */
.guide-notice__text-pass {
    color: #2e7d32;
    font-weight: 600;
}

.guide-notice__text-fail {
    color: #c62828;
    font-weight: 600;
}

/* 이미지 */
.guide-notice__image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto 10px;
}

.guide-notice__image--center {
    margin-left: auto;
    margin-right: auto;
}

/* 이미지 + 캡션 행 레이아웃 */
.guide-notice__image-row {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0 5px;
}

.guide-notice__image-col {
    text-align: center;
}

.guide-notice__image-col img {
    max-width: 100%;
    height: auto;
}

/* 이미지 캡션 */
.guide-notice__caption {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-top: 0;
}

.guide-notice__caption--bar {
    background-color: #fff3db;
    height: 20px;
    line-height: 20px;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 20px;
}

.guide-notice__caption-row {
    display: flex;
    margin-top: 0;
}

.guide-notice__caption-row span {
    width: 50%;
    text-align: center;
}

/* 리스트 (불릿) */
.guide-notice__list {
    margin: 10px 0;
    padding-left: 15px;
}

.guide-notice__list li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
    color: #555;
}

.guide-notice__list li::before {
    content: '-';
    position: absolute;
    left: 0;
}

/* 들여쓰기 */
.guide-notice__indent {
    padding-left: 15px;
}

/* 색상 편차 예시 박스 */
.guide-notice__color-sample {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.guide-notice__color-sample-label {
    font-size: 12px;
    color: #666;
    margin-right: 10px;
}

/* 재단 이미지 + 텍스트 레이아웃 */
.guide-notice__trim-box {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 30px 0;
}

.guide-notice__trim-image {
    flex-shrink: 0;
}

.guide-notice__trim-text {
    flex: 1;
}

/* 환불 정책 테이블 형식 */
.guide-notice__refund-item {
    margin-bottom: 15px;
}

.guide-notice__refund-stage {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.guide-notice__refund-desc {
    padding-left: 15px;
}

.guide-notice__refund-desc li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 3px;
}

.guide-notice__refund-desc li::before {
    content: '-';
    position: absolute;
    left: 0;
}

/* 강조 텍스트 */
.guide-notice__highlight {
    color: #e91e63;
    font-weight: bold;
}

.guide-notice__warning {
    color: #f44336;
}

/* 회색 배경 박스 */
.guide-notice__box {
    background-color: #f5f5f5;
    padding: 15px;
    margin: 10px 0;
    border-radius: 4px;
}

/* 톰슨 칼선 이미지 + 라벨 오버레이 */
.guide-notice__diecut-image-wrap {
    position: relative;
}

.guide-notice__diecut-label-overlay {
    position: absolute;
    top: 5%;
    right: 16%;
    color: #e91e63;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* 톰슨 칼선 2열 레이아웃 */
.guide-notice__diecut-row {
    display: flex;
    gap: 60px;
    margin: 0px;
}

.guide-notice__diecut-col:first-child {
    width: 400px;
}

.guide-notice__diecut-col:last-child {
    width: 355px;
}

.guide-notice__diecut-col img {
    width: 100%;
    height: auto;
}

.guide-notice__diecut-label {
    text-align: center;
    font-size: 14px;
    color: #e91e63;
    font-weight: bold;
    margin-bottom: 5px;
}

.guide-notice__diecut-desc {
    margin-top: 10px;
}

.guide-notice__diecut-desc-title {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}

.guide-notice__diecut-desc-text {
    color: #555;
    font-size: 14px;
}

/* 반응형 (탭 컨텐츠 영역에 맞춤) */
@media (max-width: 768px) {
    .guide-notice {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .guide-notice__trim-box {
        flex-direction: column;
    }

    .guide-notice__diecut-row {
        flex-direction: column;
    }
}


/**
 * 프로그램별 작업 안내 스타일
 */

/* 컨테이너 */
.guide-program {
    width: 825px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

/* 상단 타이틀 바 */
.guide-program__header {
    position: relative;
    width: 100%;
    margin-bottom: -20px;
}

.guide-program__header-img {
    display: block;
    width: 100%;
    height: auto;
}

.guide-program__header-title {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    font-size: 28px;
    color: #fff;
}

.guide-program__header-title--bold,
.guide-program__header-title--light {
    font-size: 32px;
    color: #fff;
}

.guide-program__header-title--bold {
    font-weight: 700;
}

.guide-program__header-title--light {
    font-weight: 300;
}

/* 프로그램 섹션 */
.guide-program__section {
    margin-top: 40px;
}

.guide-program__section:first-of-type {
    margin-top: 20px;
}

/* 섹션 헤더 (심볼 + 프로그램명) */
.guide-program__section-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 2px solid #231f20;
    margin-bottom: 20px;
}

.guide-program__section-symbol {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.guide-program__section-title {
    font-size: 18px;
    font-weight: bold;
    color: #231f20;
}

/* 컨텐츠 영역 */
.guide-program__content {
    padding: 0 20px;
}

/* 항목 */
.guide-program__item {
    margin-top: 50px;
}

.guide-program__item:first-child {
    margin-top: 0;
}

.guide-program__item-title {
    font-weight: bold;
    color: #e91e63;
    margin-bottom: 8px;
}

.guide-program__item-desc {
    color: #555;
    margin-bottom: 5px;
}

/* 메뉴 경로 (File → New 등) */
.guide-program__item-path {
    color: #1976d2;
    font-weight: bold;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background-color: #e3f2fd;
    padding: 8px 12px;
    margin: 8px 0;
    border-radius: 4px;
    font-size: 13px;
}

/* 설정값 (Intent: Print | Page Size: A4 등) */
.guide-program__item-settings {
    color: #333;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background-color: #f5f5f5;
    padding: 8px 12px;
    margin: 5px 0 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.8;
    border-left: 3px solid #9e9e9e;
}

/* 팁/힌트 */
.guide-program__item-tip {
    color: #666;
    font-size: 12px;
    font-style: italic;
    padding: 5px 0 5px 12px;
    border-left: 2px solid #ffb74d;
    background-color: #fff8e1;
    margin: 5px 0 10px;
}

/* 이미지 */
.guide-program__image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 15px auto;
}

/* 리스트 */
.guide-program__list {
    margin: 10px 0;
    padding-left: 15px;
}

.guide-program__list li {
    position: relative;
    padding-left: 10px;
    margin-bottom: 5px;
    color: #555;
}

.guide-program__list li::before {
    content: '-';
    position: absolute;
    left: 0;
}

/* 반응형 */
@media (max-width: 768px) {
    .guide-program {
        width: 100%;
        padding: 0 10px;
        box-sizing: border-box;
    }

    .guide-program__section-symbol {
        width: 32px;
        height: 32px;
    }

    .guide-program__section-title {
        font-size: 16px;
    }
}


/**
 * 용지별 예상출고일 안내 스타일
 */

/* 가이드 모달 공통 너비 설정 (다국어 대응 - 독어/불어 등 긴 텍스트) */
/* modal-alert.js의 .naple-guide-modal(1000px)보다 우선 적용 */
div.naple-modal.naple-guide-modal .naple-modal-dialog {
    max-width: 650px;
    width: 650px;
}

/* 후가공안내, 후가공작업방법 모달 (넓은 콘텐츠용) */
div.naple-modal.naple-guide-modal-lg .naple-modal-dialog {
    max-width: 950px;
    width: 950px;
}
@media (max-width: 992px) {
    div.naple-modal.naple-guide-modal-lg .naple-modal-dialog {
        max-width: 90%;
        width: 90%;
    }
}

.guide-delivery {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    padding: 20px 20px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.guide-delivery__title {
    background-color: #333;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.guide-delivery__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.guide-delivery__th {
    background-color: #e2e2e2;
    border: 1px solid #ddd;
    padding: 10px 8px;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.guide-delivery__th:first-child {
    border-left: none;
}

.guide-delivery__th:last-child {
    border-right: none;
}

/* thead 안쪽 선 흰색 */
.guide-delivery__table thead .guide-delivery__th {
    border-color: #fff;
    border-top-color: #ddd;
}

.guide-delivery__td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.guide-delivery__td--paper {
    width: 43%;
    background-color: #fafafa;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
    border-left: none;
}

.guide-delivery__td--day {
    width: 29%;
    color: #333;
    font-weight: 500;
    border-right: none;
}

.guide-delivery__tr--highlight td {
    background-color: #f7fcfe;
}

.guide-delivery__td--day strong {
    color: #e74c3c;
    font-weight: bold;
}

.guide-delivery__notes {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #666;
}

.guide-delivery__notes li {
    padding: 3px 0;
    padding-left: 15px;
    position: relative;
}

.guide-delivery__notes li::before {
    content: '▲';
    position: absolute;
    left: 0;
    font-size: 10px;
    color: #999;
}

/* 반응형 */
@media (max-width: 768px) {
    .guide-delivery {
        max-width: 100%;
    }

    .guide-delivery__td,
    .guide-delivery__th {
        padding: 6px 4px;
        font-size: 12px;
    }
}

/* ========================================
   후지 반칼 안내 (Pre-slit Liner Guide)
   ======================================== */
.guide-preslit {
    margin-top: 15px;
}

.guide-preslit__intro {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #eff0f0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.guide-preslit__intro img {
    width: 220px;
    height: auto;
    flex-shrink: 0;
    border-radius: 4px;
}

.guide-preslit__intro p {
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #333;
}

.guide-preslit__table-title {
    background-color: #333;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.guide-preslit__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.guide-preslit__th {
    background-color: #e2e2e2;
    border: 1px solid #ddd;
    padding: 10px 8px;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.guide-preslit__th--sub {
    font-size: 14px;
    font-weight: 500;
}

.guide-preslit__th:first-child {
    border-left: none;
}

.guide-preslit__th:last-child {
    border-right: none;
}

.guide-preslit__td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.guide-preslit__td--paper {
    width: 40%;
    background-color: #fafafa;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
    border-left: none;
}

.guide-preslit__td:last-child {
    border-right: none;
}

/* No Coating, Gloss, Matte 동일 너비 */
.guide-preslit__td:not(.guide-preslit__td--paper) {
    width: 20%;
}

.guide-preslit__td--yes {
    color: #333;
    font-weight: 500;
}

.guide-preslit__td--no {
    color: #e74c3c;
    font-weight: 500;
    background-color: #fef7f7;
}

/* 빈 셀 대각선 빗금 (N/A 표시) */
.guide-preslit__td--na {
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 4px,
        #e0e0e0 4px,
        #e0e0e0 5px
    );
}

/* thead 셀 테두리 흰색 */
.guide-preslit__table thead .guide-preslit__th {
    border-color: #fff;
}

.guide-preslit__tr--alt td {
    background-color: #f7fcfe;
}

.guide-preslit__tr--alt .guide-preslit__td--paper {
    background-color: #f0f7fa;
}

.guide-preslit__tr--alt .guide-preslit__td--no {
    background-color: #fef0f0;
}

/* 반응형 */
@media (max-width: 768px) {
    .guide-preslit__intro {
        flex-direction: column;
        text-align: center;
    }

    .guide-preslit__intro img {
        width: 180px;
    }

    .guide-preslit__td,
    .guide-preslit__th {
        padding: 6px 4px;
        font-size: 12px;
    }

    .guide-preslit__td--paper {
        font-size: 11px;
        padding-left: 6px;
    }
}

/* ===========================================
   스티커 코팅 안내 (Sticker Coating Guide)
   =========================================== */
.guide-sticker-coating {
    margin-top: 15px;
}

.guide-sticker-coating__images {
    margin-bottom: 30px;
}

.guide-sticker-coating__image-box {
    text-align: center;
    margin-bottom: 40px;
}

.guide-sticker-coating__image-box img {
    max-width: 100%;
    height: auto;
    border: 1px solid #e0e0e0;
}

.guide-sticker-coating__label {
    display: inline-block;
    background-color: #666;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 25px;
}

.guide-sticker-coating__table-title {
    background-color: #333;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/* 스티커 코팅 O 색상 */
.guide-sticker-coating .guide-preslit__td--yes {
    color: #ec008b;
    font-weight: 600;
}

/* ===========================================
   백색인쇄 가능 재질 (White Print Material Guide)
   =========================================== */
.guide-whiteprint {
    margin-top: 15px;
}

.guide-whiteprint__table-title {
    background-color: #333;
    color: #fff;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.guide-whiteprint__table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
}

.guide-whiteprint__th {
    background-color: #e2e2e2;
    border: 1px solid #ddd;
    padding: 10px 8px;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.guide-whiteprint__th:first-child {
    border-left: none;
}

.guide-whiteprint__th:last-child {
    border-right: none;
}

/* thead 안쪽 선 흰색 */
.guide-whiteprint__table thead .guide-whiteprint__th {
    border-color: #fff;
}

.guide-whiteprint__td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.guide-whiteprint__td--paper {
    width: 40%;
    background-color: #fafafa;
    font-weight: 500;
    text-align: left;
    padding-left: 12px;
    border-left: none;
}

.guide-whiteprint__td:last-child {
    border-right: none;
}

/* No Coating, Gloss, Matte 동일 너비 */
.guide-whiteprint__td:not(.guide-whiteprint__td--paper) {
    width: 20%;
}

.guide-whiteprint__td--yes {
    color: #c90f5e;
    font-weight: 600;
    font-size: 18px;
}

/* 빈 셀 대각선 빗금 (N/A 표시) */
.guide-whiteprint__td--na {
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 4px,
        #e0e0e0 4px,
        #e0e0e0 5px
    );
}

/* 교차 행 배경색 (연한 파란색) */
.guide-whiteprint__tr--alt td {
    background-color: #f7fcfe;
}

.guide-whiteprint__tr--alt .guide-whiteprint__td--paper {
    background-color: #f0f7fa;
}

.guide-whiteprint__notes {
    background: #f5f5f5;
    border-radius: 8px;
    padding: 15px 15px 15px 20px;
    margin: 0;
    list-style: none;
}

.guide-whiteprint__notes li {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

/* 반응형 */
@media (max-width: 768px) {
    .guide-whiteprint__td,
    .guide-whiteprint__th {
        padding: 6px 4px;
        font-size: 14px;
    }

    .guide-whiteprint__td--paper {
        font-size: 14px;
        padding-left: 6px;
    }
}