{@ $wi = $widget_info; }
<load target="css/normal.css" />
<load target="js/ajax.js" cond="$wi->ajax_use == 'Y' && $wi->page_type=='Y'"/>

<style>
#mhbox_s { border-color:{$wi->board_line_color}; border-style:{$wi->board_line};border-width:{$wi->board_line_width}px; background:{$wi->background_color}; <!--@if($wi->round_top == 'Y')-->-webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px 10px 0 0;<!--@end--> }
#mhbox_s .mhbox_top_title h2 { background:{$wi->top_background_color}; color:{$wi->title_font_color}; border-bottom:solid 1px {$wi->board_line_color} }
#mhbox_s .mhboard_s { <!--@if($wi->board_bottom == 'Y')-->border-bottom:1px solid {$wi->board_line_color}<!--@end-->; min-height:{$wi->thumbnail_height+10}px }
#mhbox_s .mhboard_s:hover { background:{$wi->hover_bcolor}; border-color:#ddd; }
#mhbox_s .mhsummary { <!--@if($wi->content_hl_s == 'Y')-->-webkit-line-clamp:{$wi->content_h_n}; height:{$wi->content_l_h*$wi->content_h_n}em;<!--@end-->line-height:{$wi->content_l_h}em; }
#mhbox_s .mhsummary a { color:{$wi->summary_font_color} }
#mhbox_s .mhcomment1 a { color:{$wi->com_font_color} }
#mhbox_s .mhbottom { background-color:{$wi->top_background_color} }
#mhbox_s .mhbottom a { color:{$wi->title_font_color} }
#mhbox_s .mh_one a { padding-bottom:3px; font-size:1.1em; }
#mhbox_s .mh_two a { font-size:1.2em; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:25px }
#mhbox_s .mh_three { margin:3px 0; }
#mhbox_s .mh_three span { font-size:1em; color:{$wi->titles_font_color} }
#mhbox_s .mhthumb img:hover { box-shadow:0 0 10px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1; <!--@if($wi->thumd_rotate == 'N')-->-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg);transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s;<!--@end-->}

@media all and (max-width: 479px) {
#mhbox_s .mhboard_s { max-width:{$wi->sm_width}%; }
#mhbox_s .mhboard_s:hover { border:1px solid #d4d4d4 }
#mhbox_s .mhsummary { font-size:12px; padding-left:0px; }
#mhbox_s .mhthumb img { margin:3px; padding:1px; border:1px solid #ccc; alpha(opacity=100);opacity:1.0}
#mhbox_s .mhthumb img:hover { box-shadow:0 0 10px rgba(0,0,0,.2);filter:alpha(opacity=100);opacity:1;}
}
</style>

<div id="mhbox_s" class="mhbox_s">

	<div class="mhbox_top_title cor" cond="$wi->title">
	<h2 class="{$colorset}">{$wi->title}</h2>
	</div>

	<!--@foreach($wi->document_list as$oDocument)-->
	<div class="mhboard_s" style="cursor: pointer;" <!--@if(!$wi->view_type == 'lightbox')-->onclick="location.href='{getUrl('','document_srl',$oDocument->document_srl)}';"<!--@end-->>

			<div class="mhmain">
				<a class="mhthumb" cond="$wi->thumd_nails== 'Y' && $wi->view_type == '' && $oDocument->document_srl" href="{getUrl('','document_srl',$oDocument->document_srl)}">
					<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" onerror="this.src='./widgets/mh_multi/images/no_image.gif'" width="{$wi->thumbnail_width}" height="{$wi->thumbnail_height}" border="0" alt="" title="" />
				</a>

			<span cond="$wi->view_type =='lightbox'">
				<a class="mhthumb example-image-link" cond="$wi->thumd_nails== 'Y' && $oDocument->document_srl" href="{$oDocument->getThumbnail($wi->thumbnail_width*$wi->thumbnail_zoom,$wi->thumbnail_height*$wi->thumbnail_zoom,ratio)}" data-lightbox="msm" data-title="{$oDocument->getTitleText($wi->subject_cut_size)}">
				<load target="../../css/lightbox.min.css" />
				<load target="../../js/lightbox.js"/>
					<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" onerror="this.src='./widgets/mh_multi/images/no_image.gif'" width="{$wi->thumbnail_width}" height="{$wi->thumbnail_height}" border="0" alt="" title="" />
				</a>
			<script>
			jQuery(function ($) {
				lightbox.option({
					'resizeDuration': {$wi->lr_duration},
					'imageFadeDuration': {$wi->li_duration},
					'positionFromTop': {$wi->l_top},
					'disableScrolling': {$wi->l_scrolling},
					'alwaysShowNavOnTouchDevices': {$wi->lt_nav},
					'wrapAround': {$wi->l_around}
				})
			});
			</script>
			</span>

				<div class="zoom-section" cond="$wi->view_type == 'zoom'">
				<load target="css/zoom.css" />
				<load target="../../js/cloud-zoom.1.0.2.min.js" />
					<div class="zoom-small-image">
						<a cond="$wi->thumd_nails== 'Y' && $oDocument->document_srl" href="{$oDocument->getThumbnail($wi->thumbnail_width*$wi->thumbnail_zoom,$wi->thumbnail_height*$wi->thumbnail_zoom,ratio)}"class='cloud-zoom' rel="position:'inside',showTitle:false,adjustX:-1,adjustY:-1">
							<img src="{$oDocument->getThumbnail($wi->thumbnail_width,$wi->thumbnail_height,$wi->thumbnail_type)}" onerror="this.src='./widgets/mh_multi/images/no_image.gif'" width="{$wi->thumbnail_width}" height="{$wi->thumbnail_height}" alt="" title="Your caption here" />
						</a>
					</div>
				</div>

				<div class="mhtitle">
					<div class="mh_one">
						<a href="{getUrl('','mid',$oDocument->mid)}" class="mhmenuname" title="게시판명" cond="$oDocument->menuname"><span style="color:#0088cc">{$oDocument->menuname}</span></a>
						<a href="{getUrl('','mid',$oDocument->mid,'category',$oDocument->category_srl)}" class="mhcategoryname {$colorset}" title="분류명" cond="$oDocument->category->title">{$oDocument->category->title}</a>
						<a href="{getUrl('','mid',$oDocument->mid,'search_target','extra_vars'.$oDocument->extra_var_num,'search_keyword',$oDocument->extra_value)}" class="mhextra_value {$colorset}" title="확장변수1" cond="$oDocument->extra_value">{$oDocument->extra_value}</a>
						<a href="{getUrl('','mid',$oDocument->mid,'search_target','extra_vars1'.$oDocument->extra_var_num1,'search_keyword',$oDocument->extra_value)}" class="mhextra_value {$colorset}" title="확장변수2" cond="$oDocument->extra_value1">{$oDocument->extra_value1}</a>
					</div>
					<div class="mh_two cor" cond="$wi->titles =='Y'">
						<a class="{$colorset}" href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}" title="제목" >{$oDocument->getTitleText($wi->subject_cut_size)} <span cond="$wi->display_duration_new == 'Y'">{$oDocument->printExtraImages($wi->duration_new)}</span></a>
					</div>
					<div class="mh_three">
						<span class="mhregdate" cond="$wi->display_regdate == 'Y'"> {$oDocument->getRegdate('Y.m.d')}</span>
						<span class="mhcomment" cond="$wi->display_comment_count== 'Y' && $oDocument->getCommentCount()">
							<a href="{$oDocument->getPermanentUrl()}#comment"><i class="fa fa-copyright"></i>{$oDocument->getCommentCount()}</a></span>
						<span class="mhread" cond="$wi->display_readed_count== 'Y'"><i class="fa fa-registered" aria-hidden="true"></i>{$oDocument->get('readed_count')}</span>
						<span class="mhvoted" cond="$wi->display_voted_count== 'Y' && $oDocument->get('voted_count')>0 "><i class="fa fa-thumbs-o-up"></i>{$oDocument->get('voted_count')}</span>
						<span class="mhauthor" cond="$wi->display_author== 'Y'"> By {$oDocument->getNickName()}</span>
					</div>

					<div class="mhsummary" cond="$wi->display_summary == 'Y'">
						<a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}" title="내용">{$oDocument->getSummary($wi->content_cut_size)}</a>
					</div>

				<div class="clear"></div>

					{@ $comment_list = $oDocument->getComments()}
					<!--@ foreach($comment_list as $val)-->
					<div class="mhcomment1" cond="$wi->com_view == 'Y'"<!--@if($val->depth < 11)-->style="margin-left:{($val->depth)*1.3}em"<!--@else-->style="margin-left:13em"<!--@end--> class="mhreplyIndent">
						<a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" title="댓글">　┖  <i class="fa fa-commenting-o fa-flip-horizontal"></i>  {$val->getSummary($wi->com_cut_size)}<font color="#CCC" style="margin-left:20px;">by {$val->nick_name}</font></a>
					</div>
					<!--@end-->
				</div>
			</div>

	</div>
	<!--@end-->

	<div class="mhbottom" cond="$wi->display_link== 'Y'">
		<a href='{$wi->link}'><i class="fa fa-paperclip"></i> {$wi->linkt}</a>
	</div>

	<!-- 페이지 네비게이션 -->
	<div id="mmcpageNavigation_s" cond="$wi->page_type=='Y'">
		<a href="{getUrl('page','','document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="goToFirst" title="First Page"><i class="fas fa-backward"></i></a>
				<!-- 페이지 정보 구하기 위해 선언 -->
				{@$page_view = WD_getNextPage($wi->total_count,$wi->total_page,$wi->page,$wi->page_count)}
				<!-- 중복 페이지 정보 출력을 위해 사전 초기화 -->
				{@WD_getNextClear()}
		<a href="{getUrl('page',$page-$wi->page_count,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pn" cond="$page > $wi->page_count"><i class="fas fa-caret-left"></i> Prev</a>
		<!--@while($page_no = WD_getNextPage2())-->
			<!--@if($wi->page == $page_no)-->
				<span class="current">{$page_no}</span>
			<!--@else-->
				<span class="pageNavigations"><a href="{getUrl('page',$page_no,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pageNavigation2">{$page_no}</a></span>
			<!--@end-->
		<!--@end-->
		<a href="{getUrl('page',$page+$wi->page_count,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="pn" cond="($page_view->last_page-$page) > $wi->page_count">Next <i class="fas fa-caret-right"></i></a>
		<a href="{getUrl('page',$page_view->last_page,'document_srl','','division',$division,'last_division',$last_division,'entry','')}" class="goToLast" title="Last Page"><i class="fas fa-forward"></i></a>
	</div>

</div>