    <div class="channel_contents">
		<div class="wrap">
            <div id="channel_list">
        <?
            $i=0;
            foreach ($channel as $val1) {
                $style = 'style="display:block;"';
                $style.= 'margin-bottom: 0 !important;';
                $class= ' channel_page';

        ?>
            <div class="channel_boxs <?=$class?>" <?=$style?>>
				<div class="channel_detail_box">
					<div class="channel_detail fl">
                        <div class="channel_profile"><div onclick="location.href='/grace/category/<?=cleanUrl($val1['category_name'])?>/<?=$val1['category_idx']?>'" style="cursor:pointer;border-radius: 50px;width:50px;height:50px;background:url('<?=$val1['channel_icon']?>') no-repeat center; background-size:cover;"></div></div>
						<div style="padding-top:7px;" ><a href="/grace/category/<?=cleanUrl($val1['category_name'])?>/<?=$val1['category_idx']?>"><span class="chinfo"><?=$val1['channel_name']?></span></a><p><span class="beachblue"><?=number_format($val1['channel_article_count'])?></span> stories</p></a></div>
					</div>
					<div class="fr" style="margin-top:15px; margin-right:10px;" >
						<button type="button" class="btn btn-success br20" onclick="location.href='/grace/category/<?=$val1['category_name']?>/<?=$val1['category_idx']?>'" >더보기 <img src="/img/web/img_down.png" style="padding-top:8px;"></button>
					</div>
				</div>
           <?   if(count($val1['data'])<5) {
                    foreach ($val1['data'] as $val2) {

                    	$head_title = '';
						if($val2['head_title'] != '')    $head_title = '<span class="beachblue">['.$val2['head_title'].']</span> ';
						$title = $head_title.$val2['title'];

                        $title_txt = mb_strimwidth($title, '0', '90', '..', 'utf-8');
            ?>
				<div class="channel_con">
					<div class="art-img" onclick="location.href='/grace/<?=cleanUrl($val2['title'])?>/<?=$val2['idx']?>'" style="border-top-left-radius: 5px;border-top-right-radius: 5px;cursor:pointer;width:309.39px;height:200.3px;background:url('<?=imgSrc($val2['main_img'])?>') no-repeat center; background-size:cover;"></div>
					<p class="chtitle" style="height:57px"><a href="/grace/<?=cleanUrl($val2['title'])?>/<?=$val2['idx']?>"><?=$title_txt?></a><span class="c_name"><a href="/grace/editor/<?=$val2['editor_name']?>/<?=$val2['partner_idx']?>"><?=$val2['editor_name']?></a></span></p>
				</div>
            <?
                    }
                }
            ?>
			</div>
        <?$i++;}?>

            </div>
		</div>	
	</div>



<script>
var channel_page = 2;
function channel_list_more(){
    $(".channel_page"+channel_page).show();
    console.log($("#channel_list").children('.channel_page'+(channel_page-1)).last());
    $("#channel_list").children('.channel_page'+(channel_page-1)).last().removeAttr("style");
    $("#channel_list").children('.channel_page'+(channel_page-1)).last().addClass("bgb3");
}
</script>
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "2ee4bea3106352";
wcs_do();
</script>








