main .main { width: 100%; }
main .aside { width: 324px; max-width: 324px;}
/* 본문/사이드바 2단 유지 — flex 항목의 기본 min-width:auto 는 min-content 로 계산되어,
   본문 칼럼 안에 애드센스 광고 iframe 처럼 축소되지 않는 요소가 들어오면 칼럼이 배분된 폭 아래로
   줄어들지 못한다. 그러면 .row 의 flex-wrap:wrap 때문에 사이드바가 다음 줄(본문 아래)로 밀려난다.
   min-width:0 으로 바닥을 없애 칼럼이 정상적으로 줄어들게 한다.
   자식 결합자(>) 로 최상위 칼럼만 대상으로 하며, 본문 안에 중첩된 .row 는 건드리지 않는다. */
main .content > .row > .col-lg { min-width: 0; }
@media (max-width: 992px) {
    main .aside { width: initial; max-width: fit-content; }
}



@media (max-width: 767px) { /** MOBILE */
    header .navigation { margin-bottom: 0 !important; }
    main .container-xl { padding: 0; margin: 0; }
    main .content { border-radius: 0 !important; padding: 1rem;  margin-top: 0; margin-bottom: 0; }
    main .aside { max-width: 100%; width: 100%; }
    main .item .title { font-size :1rem !important; font-weight: normal !important; }
    .navbar-nav .dropdown-menu { position: relative !important; background: transparent !important; transform: initial !important; }
}



article { }
article .info {  }
article .info a:hover { text-decoration: none;}
article .title a:hover { text-decoration: none; }
article .contents { font-size: 1.00rem; color: var(--hl-text); }
article .contents h2 { font-size: 1.4rem; font-weight: bold; margin-bottom: 0.75rem; }
article .contents h3 { font-size: 1.2rem; font-weight: bold; margin-bottom: 0.5rem; }
article .contents h4 { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; }
article .contents p { margin: 5px 0; padding: 0; }
article .contents a { text-decoration: none; }
article .contents img { max-width: 100%; height: auto !important; }



section .title-wrapper { margin: 0; padding: 0; }
section .title-wrapper .desc { color: var(--hl-text-muted); }



.tag-cloud { }
.tag-cloud .tag-cloud-item { display: inline-block; margin: 3px 0; padding: 0; }
.tag-cloud .tag-cloud-item a { display: inline-block; padding: 5px 10px; }
.tag-cloud .tag-cloud-item a { color: #fff; }
.tag-cloud .tag-cloud-item a:hover { color: #fff; }
.tag-cloud .tag-cloud-bg-1 { background: #E0215A; }
.tag-cloud .tag-cloud-bg-2 { background: #393939; }
.tag-cloud .tag-cloud-bg-3 { background: #4082F1; }
.tag-cloud .tag-cloud-bg-4 { background: #BD081C; }
.tag-cloud .tag-cloud-bg-5 { background: #1DA1F2; }
.tag-cloud .tag-cloud-bg-6 { background: #00C300; }
.tag-cloud .tag-cloud-bg-7 { background: #DB4437; }
.tag-cloud .tag-cloud-bg-8 { background: #3B5998; }
.tag-cloud .tag-cloud-bg-9 { background: #400191; }
.tag-cloud .tag-cloud-bg-10 { background: #333333; }

footer { margin-top: 15px; color: #fff; background: #111; border-top: 1px solid #000; border-bottom: 1px solid #000; }
footer .at-map { background-color: #222; }
footer .at-map ul { list-style: none; padding: 0px; margin: 0px; }
footer .at-map ul li { display: inline-block; text-align: center; margin-right: -6px; font-size: 0.7rem; border-left: 1px solid #000; border-right: 1px solid #000; background: #2d2d2d; color: #999;}
/* footer .at-map ul li:first-child { border-left: 1px solid #000; }
footer .at-map ul li:last-child { border-left: 1px solid #000; } */
footer .at-map ul li a { display: block; color: #999; line-height: 39px; padding: 0px 15px; }
footer .information { background: #000; }
footer .information .risk-warning { line-height: 1.1rem; background: #242323; color: #999; border: 1px dashed #2F2F2F; }


.featured-image { 
    aspect-ratio: 1.5/1;
    object-fit: cover;
}