<?
$page_title = $page_title_1;
$page_title_link = '#';
require_once(APPPATH."/views/m/common/light_header.php");?>
<div class="swiper-slide swiper-slide-active" data-hash="life" data-swiper-slide-index="1" style="width: 100%;">
		<div class="news_cont2">
				<div class="cont_top" style="margin-top: 40px;">
						<div class="cont_top_img">
								<span class="shadow"></span>
								<a href="/m/life/life_view/<?=$arr_daily_cutie[1]['content_idx']?>">
									<img src="<?=$arr_daily_cutie[1]['theme_img']?>">
								</a>
						</div>
						<p class="cont_top_txt2">
								<a href="/m/life/editor/72">
										데일리 큐티
								</a>
						</p>
						<p class="chn_bar2">
								<img src="/img/mobile/bg_bar.gif">
						</p>
						<p class="cont_top_title4">
								<a href="/m/life/life_view/<?=$arr_daily_cutie[1]['content_idx']?>">
										<?=$arr_daily_cutie[1]['title']?>		
								</a>
						</p>
				</div>

				<div class="life_cont4" style="background: #f8f8f8;">
						<h4 class="beachblue">
								<a href="">추천채널
										<br>
										<?/*<!-- <span style="color:#818181; font-weight:normal; font-size:12px;">(읽을거리 <$arr_channel[0]['article_count']?>) </span> -->*/?>
								</a>
						</h4>
						<span class="a_left"><!--<a><img src="/img/mobile/editor_left.gif"></a>--></span>
						<div class="life_cont4_box responsive"  style="width:86%;">
								<?foreach($arr_channel as $val):?>
										<div class="tr_img">
												<a href="/m/life/channel/<?=$val['idx']?>">
														<img src="<?=thumb($val['channel_icon'])?>" class="art-img">
												</a>
												<p class="tr_txt">
														<a href="/m/life/channel/<?=$val['idx']?>"><?=$val['channel_name']?></a>
												</p>
										</div>
								<?endforeach;?>
						</div>
						<span class="a_right"><!--<a><img src="/img/mobile/editor_right.gif"></a>--></span>
				</div>

				<div class="channel_cont">
						<div class="wrap">
								<div class="channel_top">
										<a href="/m/life/channel/<?=$arr_book['idx']?>">
												<span class="fl beachblue"><?=$arr_book['channel_name']?></span>
										</a>
										<span class="fr">
												<a href="/m/life/channel/<?=$arr_book['idx']?>"><button type="button" class="btn btn-default br20">더보기</button></a>
										</span>
								</div>
								<?for($i=0 ; $i<6; $i++):@$data = $arr_book['data'][$i]?>
										<?if($i%2==0){?><div class="channel_boxs" style="margin-bottom:0;"><?}?>
												<div class="channel_con2">
														<a href="/m/life/life_view/<?=$data['idx']?>">
																	<img src="<?=$data['main_img']?>" class="art-img">
														</a>
														<p class="chtitle">
																<a href="/m/life/life_view/<?=$data['idx']?>">
																		<span class="beachblue"></span><?=$data['title']?></a>
														</p>
														<p class="editor2">
																<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
														</p>
												</div>
											<?if($i%2==1){?></div><?}?>
									<?endfor?>
						</div>
						<div class="wrap">
								<div class="channel_top">
												<a href="/m/life/channel/<?=$arr_card['idx']?>">
														<span class="fl beachblue"><?=$arr_card['channel_name']?></span>
												</a>
												<span class="fr">
														<a href="/m/life/channel/<?=$arr_card['idx']?>"><button type="button" class="btn btn-default br20">더보기</button></a>
												</span>
										</div>
										<?for($i=0 ; $i<4; $i++):@$data = $arr_card['data'][$i]?>
												<?if($i%2==0){?><div class="channel_boxs" style="margin-bottom:0;"><?}?>
														<div class="channel_con2">
																<a href="/m/life/life_view/<?=$data['idx']?>">
																			<img src="<?=$data['main_img']?>" class="art-img">
																</a>
																<p class="chtitle">
																		<a href="/m/life/life_view/<?=$data['idx']?>">
																				<span class="beachblue"></span><?=$data['title']?></a>
																</p>
																<p class="editor2">
																		<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
																</p>
														</div>
													<?if($i%2==1){?></div><?}?>
											<?endfor?>
								</div>
						</div>
			</div>

		<div class="channel_cont" style="background:#fff;">
				<div class="wrap">
						<div class="channel_boxs bgb3" style="margin-top:10px;">
								<div class="channel_detail_box">
										<div class="channel_detail fl">
												<a href="/m/life/channel/<?=$arr_en['idx']?>">
														<span class="channel_profile">
																<img src="<?=$arr_en['channel_icon']?>" style="width:50px;height:50px;">
														</span>
														<div style="padding-top:15px;">
																<span class="chinfo"><?=$arr_en['channel_name']?></span>
														</div>
												</a>
										</div>
										<div class="fr" style="margin-top:20px;">
												<p><a href="/m/life/channel/<?=$arr_en['idx']?>">
														<span class="beachblue" style="font-size:13px;"><?=$arr_en['channel_article_count']?></span> stories
												</a></p>
										</div>
								</div>
								<?for($i=0; $i<2; $i++):@$data = $arr_en['data'][$i]?>
										<div class="channel_con">
												<a href="/m/life/life_view/<?=$data['idx']?>">
														<img src="<?=$data['main_img']?>" class="art-img">
												</a>
												<p class="chtitle">
														<a href="/m/life/life_view/<?=$data['idx']?>"><?=$data['title']?></a>
												</p>
										</div>
								<?endfor?>
						</div>

						<div class="channel_boxs bgb3" style="margin-top:10px;">
								<div class="channel_detail_box">
										<div class="channel_detail fl">
												<a href="/m/life/channel/<?=$arr_knowledge['idx']?>">
														<span class="channel_profile">
																<img src="<?=$arr_knowledge['channel_icon']?>" style="width:50px;height:50px;">
														</span>
														<div style="padding-top:15px;">
																<span class="chinfo"><?=$arr_knowledge['channel_name']?></span>
														</div>
													</a>
										</div>
										<div class="fr" style="margin-top:20px;">
												<p><a href="/m/life/channel/<?=$arr_knowledge['idx']?>">
														<span class="beachblue" style="font-size:13px;"><?=$arr_knowledge['channel_article_count']?></span> stories
												</a></p>
										</div>
								</div>
								<?for($i=0; $i<2; $i++):@$data = $arr_knowledge['data'][$i]?>
										<div class="channel_con">
												<a href="/m/life/life_view/<?=$data['idx']?>">
														<img src="<?=$data['main_img']?>" class="art-img">
												</a>
												<p class="chtitle">
														<a href="/m/life/life_view/<?=$data['idx']?>"><?=$data['title']?></a>
												</p>
										</div>
								<?endfor?>
						</div>
				</div>
		</div>

		<div class="cont_middle">
				<div class="cont_top_img">
						<span class="shadow"></span>
						<a href="/m/life/channel/<?=$arr_post['idx']?>" class="img_profile">
								<img src="<?=$arr_post['main_img']?>">
						</a>
				</div>
				<div class="cover_profile2">
						<a href="/m/life/channel/<?=$arr_post['idx']?>">
								<img src="<?=$arr_post['channel_icon']?>" style="width:50px;height:50px;">
						</a>
				</div>
				<div class="life_editor3">
						<a href="/m/life/editor/8"> <?=$arr_post['channel_name']?> </a>
				</div>
				<div class="life_editor2">
						<a href="/m/life/channel/<?=$arr_post['idx']?>"> <?=$arr_post['channel_intro']?> </a>
				</div>
		</div>
		<div class="channel_cont">
				<div class="wrap">
						<?for($i=0;$i<4;$i++):@$data=$arr_poem['data'][$i]?>
						<?if($i%2==0){?>
								<div class="channel_boxs" style="margin-bottom:0;">
								<div class="channel_boxs" style="margin-bottom:0;">
						<?}?>
								<div class="channel_con2">
										<a href="/m/life/life_view/<?=$data['idx']?>">
												<img src="<?=$data['main_img']?>" class="art-img">
										</a>
										<p class="chtitle">
												<a href="/m/life/life_view/><?=$data['idx']?>">
														<span class="beachblue"></span> <?=$data['title']?>
												</a>
										</p>
										<p class="editor2">
												<a href="/m/life/editor/<?=$data['partner_idx']?>">by <?=$data['editor_name']?></a>
										</p>
								</div>
						<?if($i%2==1){?>
								</div>
								</div>
						<?}?>
						<?endfor?>
				</div>
		</div>
		</div>
<!-- <link rel="stylesheet" type="text/css" href="/css/slick.css" />
<script type="text/javascript" src="/js/slick.js"></script>
 --><script>
window.onload=function(){
    $('.responsive').slick({
      dots: false,
    	infinite: true,
      speed: 300,
      slidesToShow: 3,
      slidesToScroll: 1,
      responsive: [
        {
          breakpoint: 1024,
          settings: {
            slidesToShow: 3,
            slidesToScroll: 1,
           }
        },
        {
          breakpoint: 600,
          settings: {
      slidesToShow: 3,
      slidesToScroll: 1,
          }
        },
        {
          breakpoint: 480,
          settings: {
      slidesToShow: 3,
      slidesToScroll: 1,
          }
        }
       ]
    });
};
</script>
<style>
/*.life_cont4 .a_left, .life_cont4 .a_right{display:none}*/
.life_cont4 {position:relative}
.life_cont4 .life_cont4_box{/*float:none;*/margin:0 auto}
.life_cont4 .slick-prev.slick-arrow{cursor:pointer;z-index:99;position:absolute;left:-5%;top:30%;background:url('/img/mobile/editor_left.gif') center center no-repeat;width:14px;height:25px;border:none;text-indent:-9999rem;}
.life_cont4 .slick-next.slick-arrow{cursor:pointer;z-index:99;position:absolute;right:-5%;top:30%;background:url('/img/mobile/editor_right.gif') center center no-repeat;width:14px;height:25px;border:none;text-indent:-9999rem;}
.life_cont4_box .tr_txt{padding-top:1rem}
.life_cont4 .life_cont4_box div img{margin:0 auto}
@media screen and (max-width: 640px){
	.life_cont4 .slick-prev.slick-arrow{left:-5%;top:20%;background:url('/img/mobile/editor_left.gif') center center no-repeat;width:10px;background-size:100% auto }
	.life_cont4 .slick-next.slick-arrow{ right:-5%;top:20%;background:url('/img/mobile/editor_right.gif') center center no-repeat;width:10px;background-size:100% auto}
}
@media screen and (max-width: 400px){
	.life_cont4 .slick-prev.slick-arrow{top:10%;}
	.life_cont4 .slick-next.slick-arrow{top:10%;}
}
</style>
</div>