/* =========================================
   KCA 미디어 이슈&트렌드 — 출력 전용 스타일
   출력 대상: 카테고리·제목·저자·기사요약·요약문·본문·이미지·참고문헌
   출력 제외: 배너 이미지, 이전/다음 버튼, PDF 버튼, 헤더, 푸터 등
   ========================================= */

/* ── 1. 페이지 설정: A4 세로 ── */
@page {
    size: A4 portrait;
    margin: 20mm 22mm 20mm 22mm;

}

@media print {

    /* ── 2. 전체 색상·배경 보존 ── */
    * {
        print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    /* ── 3. 화면 UI 전체 숨김 ── */
    .axil-header,
    #kca-header,
    #kca-mobile-menu,
    #kca-footer,
    #kca-quick,
    #quick,
    aside#quick,
    .mouse-cursor,
    .kca-sitemap-overlay,
    .popup-mobilemenu-area,
    header,
    footer,
    nav {
        display: none !important;
    }

    /* #backto-top: position:fixed 요소 — display만으론 부족, 모든 속성 제거 */
    #backto-top,
    a#backto-top {
        display: none !important;
        visibility: hidden !important;
        position: fixed !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
    }
    #backto-top::after,
    a#backto-top::after {
        display: none !important;
        content: none !important;
    }

    /* ── 4. 배너: post-content의 absolute 레이아웃 해제 후 이미지만 숨김 ── */

    /* content-block의 relative 맥락 해제 */
    .banner-single-post.post-formate.post-standard .content-block {
        position: static !important;
        min-height: 0 !important;
    }

    /* post-content: absolute → static 으로 변경, 패딩 초기화 */
    .banner-single-post.post-formate.post-standard .post-content {
        position: static !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        padding: 0 !important;
        background: transparent !important;
        color: #111 !important;
    }

    /* alignwide 네거티브 마진 제거 */
    .banner-single-post.post-formate.alignwide .content-block {
        margin: 0 !important;
    }

    /* 이미지 컨테이너 숨김 */
    .banner-single-post .post-thumbnail,
    .banner-single-post .post-thumbnail.b-bg,
    .banner-single-post .post-thumbnail img {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* ── 5. 이전/다음 기사, PDF 다운로드 버튼 숨김 ── */
    h4.btn1,
    h4.btn2,
    .btn1,
    .btn2 {
        display: none !important;
    }

    /* ── 6. 공유/인쇄 등 부가 버튼 숨김 ── */
    .post-share-area,
    .fun_print,
    .icon_print {
        display: none !important;
    }

    /* ── 6-1. 내비게이션 버튼 숨김 ── */
    .article-nav-buttons {
        display: none !important;
    }

    /* ── 7. 레이아웃 리셋 ── */
    html, body {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10.5pt !important;
        background: #fff !important;
        color: #111 !important;
    }

    .main-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .container,
    .container-fluid {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* offset 마진 제거 — col-lg-8 offset-lg-2의 margin-left:16.67% 상쇄 */
    [class*="offset-"] {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* ── 8. 배너 텍스트 영역 스타일 ── */
    .banner.banner-single-post {
        padding-top: 0 !important;
        margin-bottom: 6mm !important;
        border-bottom: 2px solid #222 !important;
        padding-bottom: 5mm !important;
    }

    /* 카테고리 라벨 */
    .post-content .post-cat-list a,
    .post-content .post-cat-list span {
        font-size: 8.5pt !important;
        font-weight: 700 !important;
        letter-spacing: 0.04em !important;
        color: #1A2E44 !important;
        text-transform: uppercase !important;
    }

    /* hover 애니메이션 요소 정리 */
    .hover-flip-item-wrapper,
    .hover-flip-item {
        display: inline !important;
        position: static !important;
    }

    .hover-flip-item span[data-text]::before,
    .hover-flip-item span[data-text]::after {
        display: none !important;
        content: none !important;
    }

    /* 제목 내 줄바꿈 태그 — 공백 삽입 후 숨김 (단어 붙음 방지) */
    .banner-single-post .post-content .title br::before {
        content: " " !important;
    }
    .banner-single-post .post-content .title br {
        display: none !important;
    }

    /* 기사 제목 */
    .banner-single-post .post-content .title {
        font-size: 20pt !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        color: #111 !important;
        margin: 3mm 0 2mm !important;
        padding-right: 0 !important;
    }

    /* 저자 / 소속 */
    .post-meta-wrapper,
    .post-meta,
    ul.post-meta-list {
        display: block !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 0 2mm !important;
    }

    ul.post-meta-list li {
        display: inline !important;
        font-size: 9.5pt !important;
        color: #444 !important;
        font-weight: 500 !important;
    }

    ul.post-meta-list li::after {
        content: " | " !important;
    }

    ul.post-meta-list li:last-child::after {
        content: "" !important;
    }

    /* 기사 요약 (배너 한 줄 요약) */
    .banner-single-post .post-content .info {
        font-size: 10pt !important;
        line-height: 1.65 !important;
        color: #333 !important;
        margin-top: 2mm !important;
        font-style: italic !important;
    }

    /* ── 9. 요약문(summation) — 배경 구분 유지 ── */
    .summation {
        margin: 5mm 0 6mm !important;
        padding: 4mm 5mm !important;
        background-color: #f0f0f0 !important;
        border-left: 4px solid #1A2E44 !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 0 !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        page-break-before: avoid !important;
        break-before: avoid !important;
    }

    .summation h4 {
        font-size: 10pt !important;
        font-weight: 700 !important;
        color: #1A2E44 !important;
        margin: 0 0 2mm !important;
        padding-bottom: 1.5mm !important;
        border-bottom: 1px solid #ccc !important;
        background: transparent !important;
    }

    /* 요약문 내부 div — 배경 제거 (summation 자체에 적용) */
    .summation > div,
    .summation div[style] {
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    .summation p {
        font-size: 9.5pt !important;
        line-height: 1.65 !important;
        color: #222 !important;
        margin: 0 !important;
    }

    /* ── 10. 본문 영역 ── */
    .post-single-wrapper {
        padding: 0 !important;
    }

    .axil-section-gap {
        padding: 0 !important;
    }

    .axil-post-details {
        padding: 0 !important;
    }

    /* 본문 빈 줄 정리 */
    .axil-post-details > br {
        display: none !important;
    }

    /* 소제목 */
    .axil-post-details h2 {
        font-size: 13pt !important;
        font-weight: 700 !important;
        color: #111 !important;
        margin: 5mm 0 2mm !important;
        padding-bottom: 1mm !important;
        border-bottom: 1px solid #ccc !important;
        page-break-after: avoid !important;
        break-after: avoid !important;
    }

    .axil-post-details h3 {
        font-size: 11.5pt !important;
        font-weight: 700 !important;
        color: #222 !important;
        margin: 4mm 0 1.5mm !important;
        page-break-after: avoid !important;
        break-after: avoid !important;
    }

    .axil-post-details h4 {
        font-size: 10.5pt !important;
        font-weight: 700 !important;
        color: #333 !important;
        margin: 3mm 0 1mm !important;
        page-break-after: avoid !important;
        break-after: avoid !important;
    }

    /* 본문 텍스트 */
    .axil-post-details p,
    .axil-post-details li {
        font-size: 10pt !important;
        line-height: 1.75 !important;
        color: #222 !important;
        orphans: 3 !important;
        widows: 3 !important;
        margin-bottom: 1.5mm !important;
    }

    /* ── 11. 기사 내 이미지 — 캡션과 이미지를 함께 출력 ── */
    .con_img {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        margin: 5mm 0 !important;
        padding: 3mm !important;
        border: 1px solid #ddd !important;
        text-align: center !important;
        display: block !important;
    }

    .con_img figure {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
        display: block !important;
        margin: 0 !important;
    }

    /* 이미지 강제 표시 */
    .con_img .img,
    .con_img .img_group {
        display: block !important;
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
        margin-top: 2mm !important;
    }

    .con_img img,
    .con_img .img img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 90% !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 auto !important;
    }

    .con_img figcaption.tit {
        font-size: 9pt !important;
        color: #444 !important;
        font-weight: 600 !important;
        margin-bottom: 1.5mm !important;
        text-align: center !important;
        display: block !important;
    }

    .con_img .txt {
        font-size: 8.5pt !important;
        color: #666 !important;
        margin-top: 1.5mm !important;
        text-align: left !important;
    }

    .con_img .unit {
        display: block !important;
        text-align: right !important;
        font-size: 8.5pt !important;
        margin-bottom: 1mm !important;
    }

    /* ── 12. 표(Table) ── */
    .con_table,
    .table-responsive {
        overflow: visible !important;
        max-height: none !important;
    }

    table {
        width: 100% !important;
        border-collapse: collapse !important;
        page-break-inside: auto !important;
        font-size: 9pt !important;
        margin: 3mm 0 !important;
    }

    table thead {
        display: table-header-group !important;
    }

    tr {
        page-break-inside: avoid !important;
    }

    th, td {
        border: 1px solid #bbb !important;
        padding: 1.5mm 2.5mm !important;
        vertical-align: middle !important;
    }

    th {
        background-color: #eeeeee !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    /* ── 13. 각주 박스 ── */
    .footnote-section-box {
        border-top: 1px solid #ddd !important;
        padding-top: 1.5mm !important;
        margin-top: 2mm !important;
        margin-bottom: 3mm !important;
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }

    .footnote-section-box ol,
    .footnote-section-box ul {
        padding-left: 4mm !important;
        margin: 0 !important;
    }

    .footnote-section-box li,
    .footnote-section-box p {
        font-size: 8pt !important;
        color: #555 !important;
        line-height: 1.5 !important;
        margin-bottom: 0.5mm !important;
    }

    /* ── 14. 링크 처리 ── */
    a {
        color: inherit !important;
        text-decoration: none !important;
    }

    a.footnote-link {
        color: #1A2E44 !important;
    }

    /* ── 15. 페이지 나누기 제어 ── */
    p {
        page-break-inside: avoid !important;
        break-inside: avoid !important;
    }


}