@charset "utf-8";

/* 기본 초기화 */
.xns_gnuboard_latest_naver_webzine_style1, 
.xns_gnuboard_latest_naver_webzine_style1 div, 
.xns_gnuboard_latest_naver_webzine_style1 span, 
.xns_gnuboard_latest_naver_webzine_style1 a, 
.xns_gnuboard_latest_naver_webzine_style1 table, 
.xns_gnuboard_latest_naver_webzine_style1 tr, 
.xns_gnuboard_latest_naver_webzine_style1 th, 
.xns_gnuboard_latest_naver_webzine_style1 td { 
    padding:0px; margin:0px; line-height:normal; box-sizing: border-box; 
}
.xns_gnuboard_latest_naver_webzine_style1 ul, 
.xns_gnuboard_latest_naver_webzine_style1 li { 
    padding:0px; margin:0px; list-style:none; line-height:normal; box-sizing: border-box; 
}

/* 전체 박스 디자인 */
.xns_gnuboard_latest_naver_webzine_style1 { 
    position:relative; 
    overflow:hidden; 
    float: none !important; 
    width: 100% !important;  
    margin: 0px !important;  
    background-color: #f3f0ea; 
    border: 1px solid #cfc7a4; 
    padding: 15px 15px 0px 15px; 
    border-radius: 8px; 
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

/* 마우스 오버 그림자 효과 */
.xns_gnuboard_latest_naver_webzine_style1:hover {
    transform: translateY(-3px); 
    box-shadow: 0 10px 22px rgba(60, 58, 54, 0.18); 
    border-color: #8c8368; 
}

/* [게시판 제목 줄] 상단 헤더 박스 */
.xns_gnuboard_latest_naver_webzine_style1 .header_title { 
    position:relative; 
    padding: 12px 14px !important; 
    margin: -15px -15px 12px -15px !important; 
    overflow:hidden; 
    background: linear-gradient(135deg, #46433e 0%, #2f2d2a 100%) !important; 
    border-radius: 7px 7px 0 0; 
    border-bottom: 1px solid #1f1e1c; 
}
.xns_gnuboard_latest_naver_webzine_style1 .header_title > a { display:block; }

.xns_gnuboard_latest_naver_webzine_style1 .header_title > a .title { 
    position:relative; 
    margin:0px 50px 0px 0px; 
    overflow:hidden; 
    font-size:14px; 
    font-weight:bold; 
    text-overflow:ellipsis; 
    white-space:nowrap; 
    color: #ffffff !important; 
    letter-spacing: -0.3px;
}

.xns_gnuboard_latest_naver_webzine_style1 .header_title > a .icon_more { 
    position:absolute; 
    top: 12px; 
    right: 14px; 
    overflow:hidden; 
    font-size:14px; 
    color: #dcd7c9 !important; 
    display:inline-block; 
}

/* 게시글 목록 영역 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list { position:relative; overflow:hidden; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul { position:relative; overflow:hidden; margin: 0; } 

.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li { 
    position:relative; 
    overflow:hidden; 
    display:block; 
    float: none !important; 
    width: 100% !important; 
    padding: 0px; 
}

/* 💥 [대변혁] Flexbox 레이아웃 도입하여 좌우 정렬 및 공백 원천 해결 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a { 
    display: flex !important; /* 가로 배열 배치 */
    align-items: flex-start; /* 상단 기준 정렬 */
    position: relative;
    width: 100%;
    min-height: 0px !important; 
    overflow: hidden;
    padding: 4px 0;
}

/* 💥 [파란색 부분 보완] 썸네일 영역 - Flex 고정 크기 지정 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .thumbnail_area { 
    position: relative !important; /* absolute 제거하여 유연한 흐름 확보 */
    top: 0px !important;
    left: 0px !important;
    flex: 0 0 110px; /* 💥 가로 110px 크기로 완전히 고정 */
    width: 110px;
    height: 75px;
    overflow: hidden; 
    border: 1px solid #d0cabc; 
    border-radius: 4px; 
    /* 💥 썸네일과 본문 사이(파란색 부분)의 여백 간격을 딱 '12px'로 좁게 고정 */
    margin-right: 12px; 
}
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .thumbnail_area img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
}

/* 💥 [빨간색 부분 보완] 본문 내용 영역 우측 잘림 철저 방지 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area { 
    position: relative; 
    flex: 1; /* 💥 중요: 우측 남는 공간을 소수점 오차 없이 100% 꽉 채우도록 설정 */
    min-width: 0; /* 💥 중요: Flex 구조 내에서 내부 글자가 박스를 삐져나가 잘리는 버그 차단 */
    height: auto; 
    padding: 0px; 
    margin-left: 0px !important; /* 기존 마진 제거 */
    overflow: hidden; 
}
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area > div { position:relative; overflow:hidden; line-height:18px; }

/* 게시글 제목 라인 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .title { 
    position:relative; 
    padding: 0px !important; 
    overflow:hidden; 
    font-size:14px; 
    font-weight: bold;
    text-overflow:ellipsis; 
    white-space:nowrap; 
    display: block; 
    width: 100%; 
    color: #2b2c2e !important; 
}
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .title:hover > strong { text-decoration:underline; }

/* 뉴 아이콘 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a span.icon_new { 
    position: relative;
    top: -2px; 
    padding: 1px 4px 2px 4px; 
    margin-right: 4px; 
    border-radius: 3px; 
    line-height: 14px; 
    font-size: 10px; 
    color: #fff; 
    background: #e63946; 
    font-weight: normal;
}
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a span.sv_member { margin-left:7px; font-weight:bold; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a span.madi { top:-3px; padding:0px 2px 0px 2px; }

/* 본문 요약 내용 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area .summary { 
    height: 36px; 
    margin-top: 3px; 
    font-size: 13px; 
    color: #666; 
    word-wrap: break-word; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
}

/* 작성자 및 날짜 영역 여백 압축 */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area .user_area { 
    margin-top: 2px; 
    font-size: 11px;
    color: #888;
}
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area .user_area span {
    font-size: 11px;
    color: #888;
}

.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul.docu_list { padding-left:10px; margin-top:15px; border-left:2px solid #dcd7c9; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul.docu_list > li { margin-top:10px; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul.docu_list > li:first-child { margin-top:0px; }