@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;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.xns_gnuboard_latest_naver_webzine_style1 { position:relative; overflow:hidden; float:none; clear:both; }

.xns_gnuboard_latest_naver_webzine_style1 .header_title { position:relative; padding-bottom:7px; margin-bottom:0px; overflow:hidden; border-bottom:0px solid #ddd; }
.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:15px; color:#4158d1; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; }
.xns_gnuboard_latest_naver_webzine_style1 .header_title > a .icon_more { position:absolute; top:0px; right:0px; overflow:hidden; font-size:15px; color:#4158d1; 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; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li { position:relative; overflow:hidden; display:block; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a { display:block; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .title { position:relative; overflow:hidden; font-size:15px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .title strong { float:left; }
.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 { position:relative; padding-top:2px; overflow:hidden; float:left; font-size:12px; color:#777; font-weight:normal; display:inilne-block; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a span.icon_new { padding:0px 4px 1px 4px; margin-top:2px; margin-right:3px; border-radius:3px; line-height:15px; font-size:10px; color:#fff; background:#ff0000; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a span.sv_member { margin-left:10px; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a span.madi { height:15px; padding:2px 5px 0px 5px; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .thumbnail_area { position:absolute; top:0px; left:0px; overflow:hidden; border:1px solid #ddd; }
/* 1. À̹ÌÁö¸¦ °¨½Î´Â ¹Ú½º ÀÚü¸¦ 132px·Î °íÁ¤ */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .thumbnail_area {
    position: relative !important; /* absolute¸¦ ÇØÁ¦ÇÏ¿© ¿µ¿ª È®º¸ */
    width: 132px !important;
    height: 132px !important;
    float: left; /* À̹ÌÁö ¿ÞÂÊ ¹èÄ¡ */
    margin-right: 15px; /* À̹ÌÁö¿Í ±Û »çÀÌ °£°Ý */
    overflow: hidden;
    border: 1px solid #ddd;
}

/* 2. À̹ÌÁö Å©±â¸¦ ¹Ú½º¿¡ ¸Â°Ô °­Á¦ È®´ë ¹× ºñÀ² À¯Áö */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .thumbnail_area img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important; /* À̹ÌÁö°¡ Âî±×·¯ÁöÁö ¾Ê°Ô ²Ë ä¿ò */
}

/* 3. ÅؽºÆ® ¿µ¿ªÀÌ À̹ÌÁö ¿·À¸·Î ¿Àµµ·Ï Á¶Á¤ */
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area {
    height: auto !important; /* °íÁ¤ ³ôÀÌ ÇØÁ¦ */
    min-height: 132px;
    padding: 0 !important;
    overflow: hidden;
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area { position:relative; height:90px; padding:3px 0px 0px 0px; overflow:hidden; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area > div { position:relative; overflow:hidden; line-height:20px; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area .summary {
  height:40px; margin-top:5px; font-size:13px; color:#777;
  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:3px; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area .user_area span.icon_new { padding:0px 4px 1px 4px; margin-top:2px; margin-right:3px; border-radius:3px; line-height:15px; font-size:10px; color:#fff; background:#ff0000; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul > li > a .content_area .user_area span.sv_member { margin-left:0px; }
.xns_gnuboard_latest_naver_webzine_style1 .webzine_list > ul.docu_list { padding-left:10px; margin-top:15px; border-left:2px solid #ddd; }
.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; }