/*
Theme Name: NewsLight
Theme URI:  https://afthemes.com/products/newslight/
Author:     AF themes
Author URI: https://afthemes.com/
Description: NewsLight is a fast, modern, and highly customizable WordPress child theme of the powerful MoreNews parent theme—perfect for news, magazine, and blog websites. Built with performance and user experience in mind, it features responsive design, SEO optimization, and fast loading speeds. With over 30 custom widgets, dynamic block patterns, and flexible layout options, NewsLight offers an easy-to-use platform for content creators. Fully compatible with both Gutenberg and Elementor, it allows for seamless drag-and-drop editing and code-free design. The theme includes light/dark mode, multilingual and RTL support, and demo content in popular languages like English, Chinese, Spanish, French, Japanese, and Arabic. It also integrates smoothly with WooCommerce, making it easy to launch an online store. Whether you're running a news portal, editorial site, or a personal blog, NewsLight delivers a professional and engaging online presence. Discover the possibilities with NewsLight at https://afthemes.com/products/newslight/.
Template: morenews
Version: 1.0.13
Requires at least: 4.0
Requires PHP: 5.3
Tested up to: 6.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newslight
Tags: news, blog, entertainment, one-column, two-columns, three-columns, four-columns, grid-layout, block-patterns, block-styles, left-sidebar, right-sidebar, custom-header, flexible-header, custom-background, custom-logo, custom-menu, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, footer-widgets, translation-ready, theme-options, threaded-comments, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NewsLight WordPress Theme, Copyright 2025 AF themes
NewsLight is distributed under the terms of the GNU GPL v2 or later.
*/

/* 사이트 제목 주위 여백 */
/* 모바일 화면에서 상단 제목과 메뉴가 겹치는 현상 해결 */
[class*="header-layout-side"] .af-middle-header {
    /* 기존의 고정 높이 100px를 제거하거나, auto로 변경하여 내용에 맞게 높이가 자동으로 조절되도록 합니다. */
    height: auto !important;
    
    /* 제목과 메뉴바 사이의 간격을 조절하기 위해 상하 패딩을 추가합니다. */
    padding: 20px 0 !important;
}

/* 추가적으로, 더 작은 모바일 기기(최대 너비 480px)를 위한 설정 */
@media screen and (max-width: 480px) {
    /* 사이트 제목 글꼴 크기 조정 */
    .site-branding .site-title {
        font-size: 2.5rem !important; /* 기존 3.75rem에서 더 작게 조정 */
    }
}
/* 메인화면에 위치한 테이블의 선을 제거합니다. */
.wp-block-table table {
    border: none !important;
    border-collapse: collapse !important;
}

.wp-block-table td, .wp-block-table th {
    border: none !important;
    padding: 1em; /* 내용과 경계선 사이의 여백을 확보합니다. */
}

/* 메인화면에 위치한 테이블 셀 내부 텍스트를 상단에 정렬합니다. */
.wp-block-table td {
    vertical-align: top !important;
}

 /* 메인화면에 위치한 kboard 제거 */

 /* 제일하부의 푸터의 마진,패딩값의 상하부분제거 */
footer.site-footer .primary-footer {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

 /* 제일하부의 푸터의 최신글, 인기글, 추천글 배경색 변경 */
footer.site-footer {
    background-color: #dbf1ff;
}
 /* 제일하부의 푸터의 최신글, 인기글, 추천글 발행날짜 색상변경 */
.elementor-page .container-wrapper > * div, .elementor-default .container-wrapper > * div
{   font-size: 16px !important; 
    color: #000000 !important;
}
 /* 제일하부의 푸터의 최신글, 인기글, 추천글 배경색 */
body.aft-dark-mode .primary-footer .morenews-widget, body.aft-default-mode .primary-footer .morenews-widget {
    background-color: #ffffff !important;
	color: #000000 !important;
	padding: 0px !important;
	margin: 0px !important;
}


 /* kboard의 본문글에 모바일, footer 화면의 상하좌우의 가장장리에 밀착시키기 시작 */
body.aft-dark-mode .primary-footer .morenews-widget, body.aft-default-mode .primary-footer .morenews-widget
 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
 /* 메인메뉴바의 배경 */
div#main-navigation-bar
 {
    background: #0064a6 !important;
}
 /* kboard의 보드제목 추천,인기.최신 배경색 */
.kboard-default-widget-list .kboard-widget-button-wrap
 {
    margin: 0 !important;
    padding: 0 0px 0px 0px !important;
    border: 1px !important;
    background-color: #e1dfdf !important;
    overflow: hidden !important;
}

 /* kboard의 보드제목 추천,인기.최신 게시판 상단 2개칸 제거 */

 /* 메인보드 하단의 빈공간 제거 */
.aft-default-mode .main-navigation .menu .menu-mobile li a, .aft-default-mode .author-links a, .aft-default-mode .main-navigation ul.children li a, .aft-default-mode .nav-links a, .aft-default-mode .main-navigation ul .sub-menu li a, .aft-default-mode .read-details .entry-meta span, .aft-default-mode .aft-comment-view-share > span > a, .aft-default-mode h4.af-author-display-name, .aft-default-mode #wp-calendar caption, .aft-default-mode .wp-block-image figcaption, .aft-default-mode ul.trail-items li a, .aft-default-mode #sidr, .aft-default-mode div {
    padding-bottom: 0px !important;
}
 /* 사이드바 공간 설정 시작*/
.aft-default-mode.woocommerce div.product, .aft-default-mode .aft-popular-taxonomies-lists, .aft-default-mode.home.blog main.site-main, .aft-default-mode.single main.site-main .entry-content-wrap, .aft-default-mode main.site-main, .aft-default-mode .af-main-banner-latest-posts.grid-layout.morenews-customizer .container-wrapper, .aft-default-mode .mid-header-wrapper, .aft-default-mode .comments-area, .aft-default-mode .af-breadcrumbs, .aft-default-mode .morenews-customizer, .aft-default-mode .morenews-widget div
 {
    background-color: #ffffff;
    
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 0%);
	padding : 0px !important;
	margin : 0px !important;
	border : 0px !important;
}

.morenews-customizer, .morenews-widget {
    margin-bottom: 0px !important;
    padding: 0px !important;
    position: relative !important;
}
 /* 사이드바 공간 설정 끝 */




 /* 본문 끝  Powered by KBoard, Edit 제거 */
.kboard-default-poweredby
 {
    display: none !important;
}





main.site-main {
    padding: 0 !important;
}
#kboard-default-document .kboard-content .content-view
 {
    margin-top: 5px !important;
    padding: 5px !important;
    word-break: break-all !important;
}

.primary-footer-area.pad {
    padding-left: 0px !important;
    padding-right: 0px !important;
	padding-bottom: 0px !important;
	font-weight: 300 !important;
}

.kboard-default-widget-list {

    margin: 0 auto !important;
    padding: 10px !important;
}
footer.site-footer {
    background-color: #ffffff !important;
}

.kboard-default-widget-list table .kboard-widget-content-title {
    padding-left: 0px !important;
    width: auto !important;
}
 /* kboard의 본문글에 모바일 화면의 상하좌우의 가장장리에 밀착시키기 끝 */
 

  /* 2차 footer 하부 메인메뉴 글씨색상,배경색 변경 */
.secondary-footer 
 {
	color: #ffffff !important;
    background-color: #382512 !important;
}

/* 전체 홈페이지 배경 배경색상 변경*/
body.aft-default-mode #sidr, body.aft-default-mode #af-preloader, body.aft-default-mode {
    background-color: #ffffff !important;
}
/* footer 배경색 변경*/ 
.aft-default-mode .site-info
 {
    background-color: #707070 !important;
}

/* 모바일 화면에서 사이트 제목 크기 및 여백 조정 */
@media screen and (max-width: 768px) {
    /* 사이트 제목의 글꼴 크기를 모바일에 적합하게 조정합니다. */
    .site-branding .site-title {
        font-size: 2.0rem !important;
        line-height: 1.2 !important;
    }

    /* 제목 상하단의 여백을 추가하여 다른 요소와 겹치지 않게 합니다. */
    [class*="header-layout-side"] .af-middle-header {
        height: auto !important;
        padding: 10px 0 !important;
    }
}

/* KBoard 위젯에 대한 특정 CSS 수정 - 테마 설정 충돌 방지 */
.morenews-widget .kboard-default-widget-list {
    /* 내부 콘텐츠가 깨지지 않도록 적절한 패딩을 설정합니다. */
    padding: 10px !important;
    margin: 0 !important; /* 위젯의 마진을 제거하여 불필요한 공백을 없앱니다. */
}

.morenews-widget .kboard-default-widget-list table {
    /* 테이블의 너비를 위젯 영역에 맞게 조절합니다. */
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.morenews-widget .kboard-default-widget-list .kboard-widget-content-title {
    /* 제목의 너비와 패딩을 재설정하여 올바르게 표시되도록 합니다. */
    width: 70% !important;
    padding-left: 0 !important;
}

/* KBoard 위젯의 게시물 제목 링크 스타일 조정 */
.morenews-widget .kboard-default-widget-list .kboard-widget-content-title a {
    text-decoration: none !important;
    color: #333 !important;
}

/* footer의 최신글, 추천글 등 폰트 크기 */
.kboard-default-widget-list .kboard-widget-list.active-list div
 {
	font-size: 1.0rem !important;
	font-weight: 300 !important;
}
.widget-title-border-bottom .aft-posts-tabs-panel .nav-tabs, .widget-title-border-bottom .widget-title
 {
    display: none !important;
}

/* 모든 링크의 밑줄 제거 */
a {
    text-decoration: none !important;
}

/* 카드 제목 링크의 밑줄 제거 (위의 일반 규칙으로 커버되지만, 명시적으로 유지) */
.card-title a {
    text-decoration: none !important;
}
/* 카드 사진밑 설명의 패딩제거*/
.card-body {
    padding: 0px !important;
	padding-top: 0px !important;
}
/* 카드 사진설명 폰트변경 */
.card-body
 {
    font-size: 15px !important;
}
/* 카드 사진위 패딩제거*/
.entry-content {
    margin: 0px 0 !important;
}

/* KBoard 위젯 게시물 제목 링크의 밑줄 제거 (기존 코드 유지) */
.morenews-widget .kboard-default-widget-list .kboard-widget-content-title a {
    text-decoration: none !important;
    color: #333 !important; /* 기존 색상 유지 또는 원하는 색상으로 변경 */
}

/* 푸터 영역의 패딩 조정 (기존 코드 유지) */
footer.site-footer .primary-footer {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}

/* 푸터 배경색 변경 (기존 코드 유지) */
footer.site-footer {
    background-color: #ffffff !important;
}

/* 2차 푸터 하부 메인메뉴 글씨색상, 배경색 변경 (기존 코드 유지) */
.secondary-footer {
    color: #ffffff !important;
    background-color: #382512 !important;
    /* 기존 Flexbox 속성 유지 */
    display: flex !important;
    justify-content: center !important; /* 가로 중앙 정렬 */
    align-items: center !important;     /* 세로 중앙 정렬 (필요시) */
    flex-direction: column !important; /* 내용이 세로로 쌓이도록 설정 */
    flex-wrap: wrap !important; /* 내용이 넘칠 경우 줄바꿈 */
    text-align: center !important; /* 텍스트 자체도 가운데 정렬 */
}

/* 푸터 링크 색상 (기존 코드 유지) */
footer .secondary-footer a {
    color: #fff;
}

/* 푸터 하단 전체를 감싸는 컨테이너 정렬 (기존 코드 유지) */
.secondary-footer .af-container-row {
    display: flex !important;
    justify-content: center !important; /* 가로 중앙 정렬 */
    align-items: center !important;     /* 세로 중앙 정렬 (필요시) */
    width: 100% !important; /* 컨테이너 너비를 100%로 설정 */
    margin: 0 auto !important; /* 가운데 정렬을 위한 마진 */
    flex-direction: column !important; /* 내용이 세로로 쌓이도록 설정 (필요시) */
    text-align: center !important; /* 내부 텍스트 자체도 가운데 정렬 */
    flex-wrap: wrap !important; /* 내용이 넘칠 경우 줄바꿈 */
}

/* 푸터 내부 텍스트를 담고 있는 site-info 요소에 강력한 가운데 정렬 적용 */
.site-info {
    /* 모든 CSS 속성을 초기화 */
    all: initial !important; /* 또는 all: unset !important; */
    /* 이후 원하는 스타일을 다시 적용 */
    display: block !important; /* 블록 요소로 강제 */
    width: 100% !important; /* 전체 너비 차지 */
    text-align: center !important; /* 텍스트 가운데 정렬 */
    margin-left: auto !important; /* 왼쪽 마진 자동 */
    margin-right: auto !important; /* 오른쪽 마진 자동 */
    float: none !important; /* float 속성 제거 */
    position: static !important; /* position 속성 제거 */
    box-sizing: border-box !important; /* 박스 모델 일관성 유지 */
    color: #000000 !important; /* 텍스트 색상 (테마 기본 색상으로 설정) */
    font-size: 14px !important; /* 폰트 크기 (테마 기본 크기로 설정) */
    line-height: 1.5 !important; /* 줄 간격 설정 */
}

/* 푸터 하단 텍스트를 감싸는 모든 p 태그에 가운데 정렬 적용 */
.site-info p {
    all: initial !important; /* 모든 CSS 속성을 초기화 */
    display: block !important; /* 블록 요소로 강제 */
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important; /* p 태그 자체를 가운데 정렬 */
    float: none !important; /* float 속성 제거 */
    position: static !important; /* position 속성 제거 */
    box-sizing: border-box !important;
    color: #ffffff !important; /* 텍스트 색상 (테마 기본 색상으로 설정) */
    font-size: 16px !important; /* 폰트 크기 (테마 기본 크기로 설정) */
    line-height: 3.5 !important; /* 줄 간격 설정 */
}

/* 추가: 푸터의 저작권 텍스트를 직접 감싸는 요소에 강제 정렬 */
/* 개발자 도구에서 확인된 가장 직접적인 요소에 적용 */
.site-info div { /* site-info 안에 있는 div 요소 */
    all: initial !important; /* 모든 CSS 속성을 초기화 */
    display: block !important; /* 블록 요소로 강제 */
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important; /* div 태그 자체를 가운데 정렬 */
    float: none !important; /* float 속성 제거 */
    position: static !important; /* position 속성 제거 */
    box-sizing: border-box !important;
    color: #ffffff !important; /* 텍스트 색상 (테마 기본 색상으로 설정) */
    font-size: 16px !important; /* 폰트 크기 (테마 기본 크기로 설정) */
    line-height: 3.5 !important; /* 줄 간격 설정 */
}
.site-info div a{ /* site-info 안에 있는 div 요소 */
     display: none !important; /* 블록 요소로 강제 */
}

/* 가장 중요한 수정: site-info 안의 span.copyright 요소에 float 제거 및 정렬 */
.site-info span.copyright {
    float: none !important; /* float 속성 제거 */
    display: block !important; /* 블록 요소로 변경하여 margin: auto와 text-align 적용 가능하게 함 */
    width: 100% !important; /* 전체 너비 차지 */
    text-align: center !important; /* 텍스트 가운데 정렬 */
    margin: 10 auto !important; /* 요소 자체를 가운데 정렬 */
    position: static !important; /* position 속성 제거 */
    box-sizing: border-box !important;
	font-size: 16px !important; /* 폰트 크기 (테마 기본 크기로 설정) */
}

/* 부트스트랩 또는 테마의 그리드 시스템 충돌 해결 */
/* 푸터 내부의 col-1 클래스에 대한 강력한 재정의 */
.secondary-footer .col-1 {
    width: 100% !important; /* 전체 너비 강제 */
    max-width: 100% !important; /* 최대 너비도 전체로 강제 */
    flex: none !important; /* Flexbox의 flex-grow, flex-shrink, flex-basis 속성 제거 */
    float: none !important; /* float 속성 제거 */
    margin-left: auto !important; /* 왼쪽 마진 자동 */
    margin-right: auto !important; /* 오른쪽 마진 자동 */
    text-align: center !important; /* 내부 텍스트 가운데 정렬 */
    padding-left: 0 !important; /* 좌우 패딩 제거 (필요시) */
    padding-right: 0 !important; /* 좌우 패딩 제거 (필요시) */
}

/* 웹사이트 제목위 빈공간 */
element.style {
    display: block !important;
    height: 0 !important;
}
/* 각게시판 중 Kboard 의 구분.. 번호, 제목, 작성자, 작성일 등 바의 배경색 */
#kboard-default-latest table thead
	 {
		background-color:#e4e4e4 !important;
		font-size: 1.2rem !important;
		font-weight: 500 !important;
	}
	
	
/* 각게시판 중 Kboard 의 글목록 제목 폰트 설정 */
#kboard-default-list .kboard-list table a {
	font-size: 1.0rem !important;
}
	
/* sidebar의 Kboard 의 구분.. 번호, 제목, 작성자, 작성일 등 바의 배경색 */
#kboard-default-latest table a {
		background-color:#ebebeb !important;
		font-size: 1.0rem !important;
	}

/* 애드센스 코드 블록 숨기기 */
ins.adsbygoogle[data-ad-client="ca-pub-8108685103935338"] {
    display: none !important;
}
/* KBoard 게시판 글 제목 폰트 크기 조절 */
/* 글 목록의 제목(title)에 해당하는 CSS를 찾아 크기를 1px 증가시킵니다. */
.kboard-default-list .kboard-list-title a {
    font-size: 18px !important;
}
/* 메인페이지 가로폭 1200px로 조절 */
.container-wrapper {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
	padding-bottom: 0px !important;
	font-size: 16px !important;
}
/* 메인페이지 카드내ㅜ의 간격, 마진 폭조절 */
.entry-content .wp-block-latest-comments, .entry-content .wp-block-cover, .entry-content .wp-block-cover-image, .entry-content p, .entry-content [class^="wp-block-"]
 {
    margin-top: 0 !important;
    margin: 5px !important;
}

footer.site-footer, section.aft-blocks.above-footer-widget-section
 {
    margin-top: 0px !important;
}


/* KBoard 게시글 본문 내 링크 스타일 */
#kboard-default-document .kboard-content .content-view a {
    color: #0073aa !important; /* 링크 색상을 파란색으로 변경 */
    text-decoration: underline !important; /* 링크에 밑줄 추가 */
    font-weight: bold !important;/* 폰트를 굵게 표시 */
}

/* 마우스를 올렸을 때 링크 스타일 (선택사항) */
#kboard-default-document .kboard-content .content-view a:hover {
    color: #ff0000 !important; /* 마우스 올렸을 때 색상을 빨간색으로 변경 */
    text-decoration: none !important; /* 마우스 올렸을 때 밑줄 제거 */
}
/* KBoard 테이블의 테두리와 간격을 일률적으로 설정 */

/* 우측 사이드바 KBoard 위젯 폰트 스타일 */
.kboard-widget {
    font-family: "Noto Sans KR", sans-serif !important; /* 폰트 변경 (원하는 폰트로 수정 가능) */
    font-size: 1.0rem !important; /* 폰트 크기 변경 */
    line-height: 1.5 !important; /* 줄 간격 변경 */
    font-weight: normal !important; /* 폰트 굵기 변경 */
    color: #333 !important; /* 폰트 색상 변경 */
}
/* Kboard 의 본문글의 폰트 크기와 좌우 마진과 패딩조절 */
#kboard-default-document .kboard-content .content-view
 {
    margin-top: 30px !important;
	margin-bottom: 30px !important;
    padding: 0px !important;
    word-break: break-al !important;
	font-size: 1.0rem !important;
	line-height: 30px !important;
}
/* Kboard 의 우측 사이드바 글목목록 테이블의 좌, 맡, 우 테두리 설정 */
#kboard-default-latest table
 {
    border-left: 1px solid #d0d0d0 !important;
	border-right: 1px solid #d0d0d0 !important;
	border-bottom: 1px solid #d0d0d0 !important;
}
/* Kboard 의 번호, 제목, 작성일, 닥성자, 추천,조회 설정 */
/* .kboard-list-header .kboard-list-user,*/
/* .kboard-list-item .kboard-list-user,*/
/* .kboard-list-header .kboard-list-vote,*/
 /* .kboard-list-item .kboard-list-vote */
#kboard-default-list .kboard-list table td.kboard-list-user{
    display: none !important;
}
.kboard-content table.table {
    border-collapse: collapse !important; /* 셀 간의 간격을 없애고 단일 테두리로 만듭니다. */
    width: 100% !important; /* 테이블 너비를 100%로 설정하여 반응형으로 만듭니다. */
    border: 1px solid #dee2e6 !important; /* 테이블 전체 테두리 색상 */
    margin-bottom: 1rem !important;
}

/* KBoard 테이블 헤더(th)의 스타일 설정 */
.kboard-content table.table th {
    background-color: #d6f7ff !important; /* 헤더 배경색 */
    font-weight: bold !important; /* 폰트를 굵게 만듭니다. */
    text-align: left !important; /* 텍스트를 가운데 정렬합니다. */
    border: 1px solid #dee2e6 !important;
    padding: 0.75rem !important; /* 셀 안쪽 여백 */
    vertical-align: middle !important; /* 텍스트를 수직 가운데 정렬합니다. */
}

/* KBoard 테이블 데이터 셀(td)의 스타일 설정 */
.kboard-content table.table td {
    border: 1px solid #dee2e6 !important;
    padding: 0.75rem !important; /* 셀 안쪽 여백 */
    text-align: left !important; /* 텍스트를 가운데 정렬합니다. */
    vertical-align: middle !important; /* 텍스트를 수직 가운데 정렬합니다. */
}

/* 마우스 오버 시 행(tr)의 배경색 변경 */
.kboard-content table.table tbody tr:hover {
    background-color: #f1f1f1 !important; /* 마우스 오버 시 배경색 변경 */
}
/* 마우스 오버 시 행(tr)의 배경색 변경 */
.kboard-content table.table thead tr td {
    background-color: #d6f7ff !important; /* 마우스 오버 시 배경색 변경 */
}
/* KBoard 글목록에 나타나는 카타고리 제거 */
#kboard-default-list .kboard-category.category-pc {
    display: none !important;
}
#kboard-default-list .kboard-list table thead
 {
    border: 0;
    background-color: #e4e4e4 !important;
}
#main-navigation-bar
 {
    height: 50PX !important;
}
@media only screen and (max-width: 767px) {
  body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden;
  }
}

.entry-header .entry-title{
    display: none !important;
    margin: 10px 0 !important;
    margin-top: 10 !important;
	font-weight: bold !important; 
	font-size: 1.6rem !important; 
}
#kboard-default-document .kboard-title h1 {
    margin-bottom: 10px !important;
	padding-left: 0px !important; 
	background-color: #e6f6ff !important;
    color: #545861 !important; 
    font-weight: bold !important; 
    font-size: 24px !important; 
    text-align: left !important; 
}
#kboard-default-document .kboard-detail div{
	padding: 2px 22px 2px 2px !important;
	margin: 0px !important; 
}
.kboard-comments-default .kboard-comments-form .comment-textarea
 {  height: 120px !important; 
    min-height: 0 !important;
    border: 1px solid #32b000 !important;
    font-size: 14px !important;
    background-color: white !important;
    color: #8a8a8a !important;
}

body,
/* 기본 Pretendard 적용 */
body, body * {
    font-family: 'Pretendard', sans-serif;
}

/* 예외: 버튼, 입력창, 제목 태그 등에 개별 적용 */
button, input, textarea, select, h1, h2, h3, h4, h5, h6 {
    font-family: 'Pretendard', sans-serif;
}