/* common */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap');

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, html {
    margin: 0;
    color: white;
    background-color: #141617;
    font-size: medium;
    font-family: 'Nanum Gothic', sans-serif;
    overflow-x: hidden;
    white-space: normal;
    word-break: break-all;
}

a {
    text-decoration: none;
    color: dodgerblue;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: hotpink;
    
}

/* input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #000 inset;
    -webkit-text-fill-color: #fff;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { 
    transition: background-color 5000s ease-in-out 0s; 
} */

.grid_1_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.grid_1_2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-bolder {
    font-weight: bolder;
}

.text-14px {
    font-size: 14px;
}

.text-black {
    color: black;
}

.text-white {
    color: white;
}

.text-gray {
    color: gray;
}

.text-hotpink {
    color: hotpink;
}

.text-aqua {
    color: aqua;
}

.text-dodgerblue {
    color: dodgerblue;
}

.text-yellow {
    color: yellow;
}

.emphasized {
    box-shadow : rgba(0,0,0,0.5) 0 0 0 9999px;
}

.ads {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.btn-open {
    display: block;
    cursor: pointer;
    width: 100%;
    background-color: #1E5BBC;
    border: none;
    color: white;
    margin: 0;
    padding: 10px;
    font-size: large;
}

.btn-submit {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 30px;
    border: 1px gray solid;
    border-radius: 0;
    background-color: lightgray;
    color: black;
    margin: 10px 0;
    font-size: medium;
    font-weight: 400;
}

.ipt-basic {
    display: block;
    width: 100%;
    height: 30px; 
    border: 1px gray solid;
    border-radius: none;
    margin: 10px 0;
    padding: 0;
    background-color: white;
    color: black;
    font-size: medium;
}

.ipt-basic:focus {
    outline: none;
    background-color: white;
}

.ta-basic {
    display: block;
    width: 100%;
    height: 150px; 
    border: 1px gray solid;
    border-radius: none;
    margin: 10px 0;
    padding: 0;
    background-color: white;
    color: black;
    font-size: medium;
}

.ta-basic:focus {
    outline: none;
    background-color: white;
}

.linux {
    color:#4791CF;
    font-weight: bold;
}

.linux a {
    color:#4791CF !important; 
    font-weight: bold;
}

.linux1 {
    color:#B86E30;
    font-weight: bold;
}

.linux1 a {
    color:#B86E30 !important;
    font-weight: bold;
}

.linux2 {
    color: #9CDCF0;
}

.nav-up {
    top: -50px !important;
}

.nav-down {
    top: 0 !important;
}

.nav-up1 {
    top: 0px !important;
    height: 100% !important;
}

.nav-down1 {
    top: 54px !important; 
    height: calc(100% - 54px) !important;
}

.nav-up2 {
    bottom: -40px !important;
}

.nav-down2 {
    bottom: 0px !important; 
}

/* header 영역 */
.header {
    display:flex; 
    align-items: center;
    justify-content: space-between;
    height: 50px;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    font-size: large;
    background-color: #2F3336;
    z-index: 5;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}

.header a {
    text-decoration: none;
    color: white;
}

.header-nav {
    display: inline;
}

.header-nav a {
    margin: 0 10px;
    font-size: medium;
}

.blog-name {
    margin-left:5px;
    margin-right:15px;
    font-weight: bold;
} 

.switch-mode {
    margin-right:5px; 
    font-size: x-large;
}

.btn-open-sidebar {
    display: none;
}

/* footer 영역 */
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 40px;
    width: 100%;
    background-color: #2F3336;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    display:flex; 
    align-items: center;
    z-index: 5;
}

.footer a {
    text-decoration: none;
    color: #4791CF;
    
}

.footer a:hover {
    text-decoration: none;
    color: #4791CF; 
}

.ipt_search {
    width:150px;
    border: none;
    background: transparent;
    color:white; outline: none;
}

.cursor {
	position: relative;
}

.cursor	i {
	position: absolute;
	width: 10px;
	height: 3px;
	background-color: white;
	left: 0px;
	top: 90%;
	animation-name: blink;
	animation-duration: 800ms;
	animation-iteration-count: infinite;
	opacity: 1;
}

.cursor input:focus + i {
	display: none;
}

@keyframes blink {
	from { opacity: 1; }
	to { opacity: 0; }
}

/* main 영역 */
.main {
    display: grid;
    grid-template-columns: 1fr 350px;
    margin-top: 50px;
}

.main-title {
    background-color: #2F3336;
    border-bottom: 1px solid black;
    padding: 10px 5px;
    text-align: justify;
    font-size: large;
    border-top: 2px solid dodgerblue;
}

.main-title a {
    color: white;
}

.main-title a:hover {
    color: hotpink;
}

.main-category {
    color: gray;
    font-size: medium;

}

.main-category a {
    text-decoration: none;
    color: gray;
}

.main-category a:hover {
    text-decoration: none;
    color: gray;
}

.main-time {
    display: block;
    background-color: gray;
    color: black;
    padding: 5px 10px;
    text-align: right;
}

.main-contents {
    display: relative;
    text-align: justify;
	font-size: large; 
    line-height: 1.5;
	font-family: 'NEXON Lv1 Gothic OTF';
}

.main-contents a {
    text-decoration: underline;
}

/* aside 영역 */
.sidebar {
    width: 352px;
    background-color: #212426;
    border-left: 2px solid black;
    display: block;
    height: calc(100% - 52px);
    position: fixed;
    top: 52px;
    right: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    cursor: default;
    z-index: 10;
}

.sidebar a {
    color: white;
}

.sidebar a:hover {
    color: hotpink;
}

.sidebar-title {
    background-color: #2F3336;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 10px 20px;
}

.sidebar-body {
    padding: 20px;
}

.img-blog {
    text-align: center;
    margin: 0 auto 20px auto;
    position: relative;
    width: 200px;
}

.img-blog img {
    width: 200px;
    border-radius: 100%;
    border: 1px solid gray;
}

.sidebar-blog-title {
    font-weight: bold; 
    font-size: 24px; 
    margin-bottom: 10px;
}

.sidebar-blog-blogger {
    color: gray;
    margin-bottom: 20px;
}

.ul-sidebar-notice {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ul-sidebar-notice > li {
    list-style: none;
}

.ul-sidebar-notice > li > a {
    color: aqua;
}

.sidebar-category .sidebar-body > ul {
    padding-left: 0;
    margin: 0;
    list-style: none; 
}

.sidebar-category .sidebar-body > ul > li::before {
    content: "\f0b1";
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    color: dodgerblue;
    margin-right: 5px;
}

.sidebar-category .sidebar-body > ul > li > ul {
    padding-left: 20px;
    list-style: none;
}

.sidebar-category .sidebar-body > ul > li > ul > li::before {
    content: "\f07c";
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    color: yellow;
    margin-right: 5px;
}

.sidebar-category .sidebar-body > ul > li > ul > li > ul {
    padding-left: 20px;
    list-style: none;
}

.sidebar-category .sidebar-body > ul > li > ul > li > ul > li::before {
    content: "\f07b";
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    color: yellow;
    margin-right: 5px;
}

.ul-sidebar {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.ul-sidebar > li {
    list-style: none;
}

.ul-sidebar > li > a {
    color: aqua;
}

/* article 영역 */
.article {
    width: 100%;
    height: 100%;
    background-color: #141617;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.post-list {
    color: white;
    padding: 20px;
    max-width: 800px;
    margin: auto;
}

.post-list a {
    color: lightgray;
}

.post-list a:hover {
    color: hotpink;
}

.post-list > ul {
    list-style: none;
    padding-left: 0;
}

.post-list > ul > li {
    border-bottom: solid 1px #EAECEF;
    margin-bottom: 5px;
    text-align: justify;
}

.post-list-grid {
    display: flex;
    align-items: center;
    column-gap: 10px;
    min-height: 80px;
}

.post-list-thumbnail {
    background-color: white;
    width:80px; 
    height:50px; 
    min-width:80px; 
    min-height:50px; 
    object-fit: cover;
}

.post-list-regdate-rpcnt {
    color: gray; 
    font-size: small; 
    margin-top: 5px;
}

.post {
    color: lightgray;
    padding: 20px;
    max-width: 800px;
    margin: auto;
}

.post img {
    background-color: white;
}

.post .main-contents h2, h3, h4 {
    position: relative;
    background-color: lightgray; 
    color: black;
    padding: 5px 10px 5px 10px;
    text-decoration: underline;
    text-underline-position: under;
        
    &:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        background: #1E5BBC;
        width: 15px;
        height: 15px;
    }
}

.tag-list {
    font-size: 16px;
    text-align: right;
    color: dodgerblue;
}

.tag-list a {
    text-decoration: none;
}

.tag-list a:before {
    content: '#';
}

.comment {
    text-align: justify;
    font-size: large;
    line-height: 1.5;
	font-family: 'NEXON Lv1 Gothic OTF'; 
} 

.comment a {
    color: lightgray;
}

.comment a:hover {
    color: hotpink;
}

.reply-input-form {
    display: none;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed; 
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.comment-write {
    background-color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px !important;
    width: 300px;
}

.comment-list {
    color: lightgray;
    text-align: justify;
    max-width: 800px;
    margin: auto;
    padding: 20px;
    font-size: 16px;
}

.comment-list > ol {
    list-style: none;
    padding-left: 0;
}

.comment-list > ol > li {
    list-style: none;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.comment-list > ol > li > ul {
    padding-left: 20px;
}

.comment-list > ol > li > ul > li {
    list-style: none;
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 5px;
}

.address, .write, .modify {
    color: #93C25C !important;
}

.rp_admin img {
    display: none;
}
.rp_general img {
    display: none;
}

.guest_admin img {
    display: none;
}
.guest_general img {
    display: none;
}

.protect {
    color: lightgray;
    padding: 20px;
    max-width: 800px;
    margin: auto;
}

.tag {
    text-align: justify;
    padding: 20px;
    max-width: 800px;
    margin: auto;
}

.tag > ul {
    padding-left: 0;
}

.tag > ul > li {
    list-style: none;
    display: inline-block;
}

.paging {
    margin-bottom: 40px;
}

.paging a {
    text-decoration: none;
    font-size: large;
    color: white;
    cursor: pointer;
}

.paging a:hover {
    font-size: larger;
}

.paging .selected {
    font-weight: bold;
    font-size: larger;
}

.copyright {
    padding: 5px 10px;
    text-align: right;
}

/* tistory 영역 */
.another_category {     
    /* 포스팅 본문 내에서 카테고리 내 다른 글 안보이게 하기 */
    display: none;
}

/* .another_category h4 {
    background-color: transparent !important;
    color: none !important;

    &:before {
        content: '';
        position: absolute;
        left: -20px;
        top: 50%;
        background: transparent !important;
        width: 0;
        height: 0;
        border-radius: 0; 
    }
} */

.tistoryProfileLayerTrigger {
    display: none !important;
}

.tt_box_namecard {
    /* 포스트 하단에 위치한 티스토리에서 지원하는 블로그 소개 카드 */
    display: none !important;
}

.og-text {
    /* 포스트 내 링크로 인해 표현되는 카드 */
    background-color: white !important;
}

/* adsense 영역 */
.ap_container {
    /* 애드센스 자동광고 여백주기 */
    margin-top: 20px;
}

/* bskyvision only */
.convert-domain a:hover {
    color: white;
}

/* 반응형 */
@media (max-width:1200px){
    .header-nav {
        display: none;
    }

    .btn-open-sidebar {
        display: inline;
        cursor: pointer; 
        margin-right: 5px; 
        font-size: x-large;
    }

    .sidebar {
        display: block;
        width: 100%;
        position: static;
        overflow: hidden;
    }

    .sidebar-mobile {
        display: none;   
        height: calc(100% - 52px);
        width: 300px; 
        display: none;
        position: fixed;
        z-index: 10;
        right: 0;
        top: 52px;
        overflow-x: hidden;
        overflow-y: visible;
        padding: 0;
        background-color: #212426;
        border-left: 2px solid black;
    }

    .sidebar-mobile a {
        color: white;
    }
    
    .sidebar-mobile a:hover {
        color: hotpink;
    }

    .main {
        display: block;
        margin-top: 50px;
    }    
}

/* ==== OVERRIDE: Light theme + readable font (append at the very end) ==== */

/* 1) 폰트: Noto Sans KR 로 통일 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
html, body {
  font-family: 'Noto Sans KR', 'Nanum Gothic', 'NEXON Lv1 Gothic OTF', sans-serif !important;
  background: #ffffff !important;
  color: #222 !important;
  line-height: 1.7 !important;
}

/* 2) 상·하단 바: 다크 → 라이트 */
.header, .footer {
  background-color: #ffffff !important;
  color: #222 !important;
  border-color: #e5e7eb !important; /* 기존 테두리 색 살짝 라이트 톤 */
}
.header a, .footer a { color: #1a73e8 !important; }
.header a:hover, .footer a:hover { color: #0b57d0 !important; }

/* 3) 본문/리스트 영역: 라이트 카드형 느낌(배경만 전환) */
.article, .post, .post-list, .protect, .tag, .comment-list {
  background: #ffffff !important;
  color: #222 !important;
}

/* 4) 사이드바: 라이트 그레이 배경 */
.sidebar, .sidebar-mobile {
  background-color: #fafafa !important;
  color: #222 !important;
  border-left-color: #eeeeee !important;
}
.sidebar a, .sidebar-mobile a { color: #1a73e8 !important; }
.sidebar a:hover, .sidebar-mobile a:hover { color: #0b57d0 !important; }

/* 5) 일부 다크 배경 요소 정리 */
.main-title {
  background: #ffffff !important;
  color: #111 !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-top-color: #1a73e8 !important; /* 기존 파란 포인트 유지 */
}
.main-time {
  background: #e9eef9 !important;  /* 회색 배경 대신 아주 옅은 블루 */
  color: #111 !important;
}

/* 6) 링크/포커스 컬러 */
a { color: #1a73e8 !important; text-decoration: none !important; }
a:hover { color: #0b57d0 !important; text-decoration: underline !important; }

/* 7) 이미지 배경(흰 테두리 느낌 제거) */
.post img { background: transparent !important; }

/* 8) 모바일 가독성 */
@media (max-width: 768px) {
  html, body { font-size: 15px !important; }
}
/* ==== OVERRIDE: 사이드바 섹션 제목(검은 배경 제거) ==== */
.sidebar h2,
.sidebar .title,
.widget h2,
.widget .title {
  background-color: #ffffff !important;
  color: #222 !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 8px 10px !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

/* 사이드바 각 섹션 사이 여백 정리 */
.sidebar .widget {
  margin-bottom: 20px !important;
  background-color: #fafafa !important;
  border-radius: 8px !important;
  padding: 10px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}
/* ==== OVERRIDE: 사이드바 타이틀/영역 라이트 테마 ==== */
/* 사이드바 컨테이너를 밝게 */
.sidebar,
.sidebar-mobile {
  background-color: #fafafa !important;
  color: #222 !important;
  border-left-color: #eeeeee !important;
}

/* 까만 막대(섹션 제목) 라이트로 변경 */
.sidebar-title,
.sidebar .sidebar-title,
.sidebar-mobile .sidebar-title {
  background-color: #ffffff !important;
  color: #222 !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  padding: 10px 12px !important;
  font-weight: 600 !important;
}

/* 사이드바 본문 영역도 글자색 통일 */
.sidebar .sidebar-body,
.sidebar-mobile .sidebar-body {
  background-color: #fafafa !important;
  color: #222 !important;
}

/* 사이드바 링크 색상 */
.sidebar a,
.sidebar-mobile a {
  color: #1a73e8 !important;
  text-decoration: none !important;
}
.sidebar a:hover,
.sidebar-mobile a:hover {
  color: #0b57d0 !important;
  text-decoration: underline !important;
}

/* 통계/카테고리 숫자 등 가독성 */
.post-list a,
.ul-sidebar > li > a,
.ul-sidebar-notice > li > a,
.post-list-regdate-rpcnt,
.sidebar-blog-blogger {
  color: #444 !important;
}
/* ==== OVERRIDE: 사이드바 제목 강조 + 본문 폭 확장 ==== */

/* 사이드바 제목 글씨 크게, 굵게 */
.sidebar-title {
  font-weight: 700 !important;     /* bold → 더 두껍게 */
  font-size: 17px !important;      /* 기존보다 +1단계 */
  color: #111 !important;          /* 좀 더 선명한 글자색 */
  letter-spacing: 0.2px !important;
}

/* 본문 영역 폭 20px 확장 */
.main {
  grid-template-columns: 1fr 330px !important; /* 기존 350px → 330px */
}
.post, .post-list, .article {
  max-width: 820px !important; /* 기존 800px → 820px */
}
/* 페이지 댓글 숨김 */
.page #comment,
.page #commentGroup,
.page .comment,
.page .comment-group {
  display: none !important;
}
/* 소개 블록 스타일 */
.sidebar .sidebar-profile {
  background:#fafafa;
  padding:14px 12px;
  border-radius:8px;
  margin-bottom:16px;
}
.sidebar .sidebar-profile .brand {
  font-weight:700;
  font-size:18px;
  color:#111;
  margin-bottom:4px;
}
.sidebar .sidebar-profile .desc {
  font-size:14px;
  color:#555;
  line-height:1.6;
}
.sidebar-blog-title a { transition: color .2s; }
.sidebar-blog-title a:hover { color: #007aff; }
.sidebar-blog-title-link { 
  display:block; 
  text-decoration:none; 
  color:inherit; 
}
.sidebar-blog-title { 
  font-weight:700; 
}
.sidebar-blog-title-link:hover .sidebar-blog-title { 
  color:#007aff; 
}

/* 혹시 클릭 막는 스타일이 있을 때 강제 허용 */
.sidebar-blog-title-link, .sidebar-blog-title-link * { 
  pointer-events:auto !important; 
  position:relative; 
  z-index:2; 
}
.sidebar-blog-title:hover { color:#007aff; }
.img-blog img { position:static !important; }
/* 제목 링크를 최상단 클릭 레이어로 */
.sidebar-home-link {
  display:inline-block;
  text-decoration:none;
  color:inherit;
  font-weight:700;
  position:relative;
  z-index: 50;              /* 위로 올림 */
  cursor:pointer;
}

/* 이미지가 제목을 덮는 경우 차단 */
.img-blog, .img-blog * {
  pointer-events:none !important;   /* 클릭 먹통 원인 1위 */
}

/* 사이드바 내부 레이아웃 겹침 방지 */
.sidebar-body { position:relative; z-index: 1; }
.sidebar-blog-title { position:relative; z-index: 40; }

/* 혹시 전역에 pointer-events:none 이 걸려있는 스킨 대응 */
.sidebar-blog-title *, .sidebar-blog-title {
  pointer-events:auto !important;
}

/* 살짝 시각 피드백(선택) */
.sidebar-home-link:hover { color:#007aff; transition:color .2s; }


/* ⬇️ 날짜 노출 + 좌측 흐름으로 */
.sidebar .sidebar-body li .date,
.sidebar .sidebar-body li .post-date,
.sidebar .sidebar-body li time,
.sidebar .sidebar-body li em,
.sidebar .sidebar-body li .regdate {
  display:inline !important;
  float:none !important;
  position:static !important;
  margin:0 6px 0 0 !important;
  color:#111 !important;    /* ← 날짜를 ‘검정’으로 고정 */
}


/* 앵커는 텍스트만 밑줄 나오도록 */
.sidebar .sidebar-body li a {
  display:inline !important;
  margin-left:0 !important;
  padding-left:0 !important;
  text-indent:0 !important;
  text-decoration:none !important;
  color:inherit !important;
}
.sidebar .sidebar-body li a:hover {
  text-decoration:underline !important;
  border-bottom:0 !important;
}
/* recent hot/최근글: 정렬·여백·호버 밑줄 최소화 */
.sidebar .sidebar-body ul { padding-left:0; margin:0; list-style:none; }
.sidebar .sidebar-body li { text-align:left; margin:0; padding:6px 0; border:0; }
.sidebar .sidebar-body li a { display:inline; text-decoration:none; padding:0; margin:0; }
.sidebar .sidebar-body li a:hover { text-decoration:underline; border:0; }

/* 스킨이 li:hover에 그었던 밑줄/보더/배경 효과 **완전 차단** */
.sidebar .sidebar-body li:hover,
.sidebar .sidebar-body li:hover * {
  border:0 !important;
  border-bottom:0 !important;
  background-image:none !important;
  box-shadow:none !important;
  text-decoration:none !important;   /* li 자체의 밑줄 제거 */
}
/* 날짜줄 모양 통일(왼쪽 정렬 + 검정) */
.sidebar .sidebar-body li time,
.sidebar .sidebar-body li .date,
.sidebar .sidebar-body li .regdate,
.sidebar .sidebar-body li em {
  display:inline-block;
  color:#111;
  margin:0 6px 0 0;   /* 제목 왼쪽 여백 제거, 날짜 오른쪽 6px만 */
  text-decoration:none;
  border:0;
}
/* recent hot / 최근글 영역: 양쪽정렬 */
.sidebar .sidebar-body ul { text-align: justify !important; text-justify: inter-word; }
/* 항목 자체는 줄바꿈 폭에 맞게 정렬되도록 */
.sidebar .sidebar-body li { text-align: justify !important; }

/* 앵커가 display:inline 이라면 정렬이 체감이 덜할 수 있어 block화 */
.sidebar .sidebar-body li a { 
  display:block !important; 
  text-align: justify !important; 
  text-decoration:none !important; 
}

/* 날짜(보조 텍스트)는 본문 흐름에 자연스럽게 붙도록 */
.sidebar .sidebar-body li :is(time, .date, .regdate, .post-date, em) {
  display:inline !important;
  color:#111 !important;
}
/* 어떤 우선순위 규칙이 있어도 날짜는 텍스트 흐름 내(왼쪽부터) 배치 */
.sidebar .sidebar-body li :is(time, .date, .regdate, .post-date, em) {
  right:auto !important;
  left:auto !important;
  float:none !important;
  position:static !important;
}
/* === RECENT HOT 날짜·제목 스타일 수정 === */

/* 날짜(div.text-white) → 검정글자 + 왼쪽정렬 */
.sidebar .sidebar-body li .text-white {
  color: #111 !important;      /* 흰색 → 검정 */
  text-align: left !important; /* 오른쪽 정렬 해제 */
}

/* 제목(div.text-right) → 양쪽정렬 */
.sidebar .sidebar-body li .text-right {
  color: #111 !important;      /* 필요시 제목도 검정으로 */
  text-align: justify !important;   /* 양쪽정렬 */
  text-justify: inter-word !important;
}

/* a태그 전체 클릭 영역 정리 (줄바꿈 안정화) */
.sidebar .sidebar-body li a.grid_1_2 {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
}
/* === 카테고리 앞 노란 아이콘/여백 제거 === */
.sidebar-category .sidebar-body > ul > li::before,
.sidebar-category .sidebar-body > ul > li > ul > li::before,
.sidebar-category .sidebar-body > ul > li > ul > li > ul > li::before {
  content: none !important;      /* 아이콘 없애기 */
  margin-right: 0 !important;    /* 아이콘 자리 여백 제거 */
}

/* 안쪽 들여쓰기도 살짝만 */
.sidebar-category .sidebar-body > ul {
  padding-left: 0 !important;
}
.sidebar-category .sidebar-body > ul > li > ul,
.sidebar-category .sidebar-body > ul > li > ul > li > ul {
  padding-left: 12px !important; /* 계층만 살짝 구분 */
}
/* === footer link layout (About/Contact/Privacy) === */
.footer {
  justify-content: space-between;
  padding: 0 12px;
  box-sizing: border-box;
}

.footer-left, .footer-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-sep {
  color: #999;
  font-size: 12px;
}
/* === paging force show (diagnostic) === */
.pagination,
.paging,
.area_paging,
.page_navi,
#paging,
[class*="paging"],
[class*="pagination"]{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  overflow: visible !important;
}
/* === Smart Life 4U Paging Style === */
.sl4u-pagination{
  margin: 28px 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

/* 링크/숫자 공통 */
.sl4u-pagination a,
.sl4u-pagination span{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #ffffff;
  color: #111827;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  line-height: 1;
}

/* 호버 */
.sl4u-pagination a:hover{
  background: #f3f4f6;
}

/* 현재 페이지(스킨별 class 대응) */
.sl4u-pagination .selected,
.sl4u-pagination .current,
.sl4u-pagination .on,
.sl4u-pagination span:not([class]){ /* 일부 스킨은 현재 페이지만 span으로 떨어짐 */
  background: #1a73e8;
  border-color: #1a73e8;
  color: #ffffff;
}

/* 이전/다음 버튼이 텍스트로 나오면 살짝 눌러줌 */
.sl4u-pagination a.prev,
.sl4u-pagination a.next{
  padding: 0 12px;
}