/* CSS Document */
@import url('reset.css');
@import url('common.css');

html,body{height:100%}

/* skip */
#skiptoContent{position:absolute;width:100%}
#skiptoContent dt{position:absolute;left:0;top:-10000px}
a.skip{display:block;position:absolute;left:0;top:-10000px;z-index:1000;width:100%;font-size:15px;text-align:center}
a.skip:hover, a.skip:focus, a.skip:active{position:absolute;top:0;z-index:1000;padding:15px 0;background:#fff;font-weight:800;color:#000;text-decoration:underline}

/* header */
header {background:#fff; overflow:hidden;z-index:110 }
header h1{ position:relative; width:17%; margin: 6px 0 6px 12px; float:left}

.top_btn{float:right; margin:15px}
.top_btn li{float:left;width: 2em;margin-left: 0.625em;}
.top_btn li img{width:100%}

.homeBtn , .blogBtn, .facebookBtn{width:14%}
.homeBtn, .blogBtn{}

/* bullet */
#bullet {position:absolute;top:94%;height:12px;z-index:100;width:100%;}
#bullet ul { text-align: center; }
#bullet ul li{display: inline-block; }
/*
#bullet ul li {float:left;width:12px;height:12px;margin-right:8px;border-radius:6px;background:#77787c;text-indent:-10000px;transition:0.5s}
#bullet ul li.on {width:25px;background:#FFF;transition:0.5s}
*/
#bullet ul li {width:12px;height:12px;margin-right:8px;border-radius:6px;background:#FFF;opacity:0.5;text-indent:-10000px;}
#bullet ul li.on {width:12px;background:#FFF;opacity:1;}
/* article */
.slide_btn{width:100%; height:78px; position:absolute; z-index:20; top:35%;}
.slide_btn a,.video a{display:block; height:100%; width:100%}
.btn_next{background:url(../images/common/btn_next.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:right; margin-right:2%}
.btn_pre{background:url(../images/common/btn_pre.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left; margin-left:2%}

/*m2 video*/
.video{width:25%; height:20%; z-index:23; position:absolute;right:5%; top:66%;background: none;}
.video_01{background:url(../images/m2/m2_con01_video.png) no-repeat; background-size:100% 100%; }
.video_01:hover{background:url(../images/m2/m2_con01_videoOn.png) no-repeat; background-size:100% 100%; }
.video_02{background:url(../images/m2/m2_con02_video.png) no-repeat; background-size:100% 100%; }
.video_02:hover{background:url(../images/m2/m2_con02_videoOn.png) no-repeat; background-size:100% 100%;cursor:pointer }

/*share btn */
.share_btn{width:100%; height:10%; position:absolute; z-index:22;bottom:4%; display: none;}
.face_share,.kakao_share{width:16%; height:60%; display:block; float:left }
.face_share{margin-left:33%}
.kakao_share{margin-right:33%; margin-left:2%}
.face_share a,.kakao_share a{display:block}
.face_share a,.slide .face_share a:hover{background:url(../images/common/btn_facebook_share.png) no-repeat; background-size:100% 100%;  }
.kakao_share a,.slide .kakao_share a:hover{background:url(../images/common/btn_kakao_share.png) no-repeat; background-size:100% 100%; }
/*bl_slide btn */
.bl_slide_btn{width:100%; height:8px; position:absolute; z-index:22;bottom:4%; margin-left:46%}
.slide_btn_on,.slide_btn_off {width:8px; height:8px; display:block; float:left}
.slide_btn_off{margin-left:3%}
.slide_btn_on a,.slide_btn_off a{display:block}
.slide_btn_on a{background:url(../images/common/bl_slide_btn.png) no-repeat; background-size:8px }
.slide_btn_off a{background:url(../images/common/bl_slide_btn.png) no-repeat; background-size:8px;background-position:0 -9px; }

.slide_btn_off a:hover{background:url(../images/common/bl_slide_btn.png) no-repeat; background-size:8px;background-position:0 0px; }
.slide .m3_btn{margin-left:44%}

article{ width:100%; clear:both}
article .bg{width:100%}

/*cheese_info*/
/* .cheese_info{position:absolute; width:50%; height:25%; z-index:10; right:0; top:6%;} */
.cheese_info{position:absolute; width:0%; height:28%; z-index:10; right:0; top:6%;box-shadow: 5px 5px 5px rgba(0,0,0,0.4);}
.cheese_info_off{position:absolute; width:50%; height:28%; z-index:10; right:0; top:6%;}
.cheese_info_off .btn_info a:hover{display:block; width:100%; height:100%;background:url(../images/common/info_on.png) no-repeat; background-size:100% 100%;}
#wrap .cheese_info_off .btn_info{float:right}
.shadow{box-shadow: -1px 5px 5px rgba(0,0,0,0.4); }
.cheese_info span{display:block;}
.cheese_info .btn_info a:hover{display:block; width:100%; height:100%;background:url(../images/common/info_on.png) no-repeat; background-size:100% 100%;}
.slide a{display:block; width:100%; height:100%}

/*m1*/
.slide_content01{display:block}
.slide_content01 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content01 .info{ background:url(../images/m1/m1_content01_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content02{display:block}
.slide_content02 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content02 .info{ background:url(../images/m1/m1_content02_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content02k{display:block}
.slide_content02k .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content02k .info{ background:url(../images/m1/m1_content03_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

/*m2*/
.slide_content03{display:block}
.slide_content03 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content03 .info{ background:url(../images/m2/m2_content01_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content04{display:block}
.slide_content04 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content04 .info{ background:url(../images/m2/m2_content02_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content04b{display:block}
.slide_content04b .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content04b .info{ background:url(../images/m2/m2_content03_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

 /*m3*/
.slide_content05{display:block}
.slide_content05 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content05 .info{ background:url(../images/m3/m3_content01_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content06{display:block}
.slide_content06 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content06 .info{ background:url(../images/m3/m3_content02_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content07{display:block}
.slide_content07 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content07 .info{ background:url(../images/m3/m3_content03_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

/* m3 .slide_content07p : 프렌치즈   20170630  modify*/
.slide_content07p{display:block}
.slide_content07p .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content07p .info{ background:url(../images/m3/m3_content04_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

/* m3 .slide_content08p : 프렌치즈   20170630  modify*/
.slide_content08p{display:block}
.slide_content08p .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content08p .info{ background:url(../images/m3/m3_content05_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}


 /*m4*/
.slide_content08{display:block}
.slide_content08 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content08 .info{ background:url(../images/m4/m4_content01_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content09{display:block}
.slide_content09 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content09 .info{ background:url(../images/m4/m4_content02_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content10{display:block}
.slide_content10 .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.slide_content10 .info{ background:url(../images/m4/m4_content03_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}




/*m5 story*/
.story_tab_wrap{position:relative;overflow:hidden;clear:both;padding-bottom: 147%;}
		.story_tab_wrap > img{width:100%;z-index:100;position:relative}
		#story_article{}
		.tabpage{}
		#story .tabpage{position:absolute;z-index:110;width:100%;height:auto;top:0;left:4%;padding-top:32%}
		#story .tabpage dd{width:30%;float:left;margin:0 1% 0 0;cursor:pointer;padding-bottom:0.7%}
		#story .tabpage span{display:block;}

		#story .tabpage dd div{width:100%;height:auto;position:absolute;top:108%;left:-4%}
		#story .tabpage dd .t01{}
		#story .tabpage dd .t05,#story .tabpage dd .t06,#story .tabpage dd .t07{margin-top:2%}
		.tab01{padding-left:62%}

		.tabpage dd div > img{width:100%}
		.tabpage .t02{display:none;}
		.tabpage .t03{display:none;}
		.tabpage .t04{display:none;}
		.tabpage .t05{display:none;}
		.tabpage .t06{display:none;}
		.tabpage .t07{display:none;}

		.tabpage dd .btn_tab img{width:100%}
		.tabpage dd .btn_tab img.t_on{display:none}
		.tabpage dd .btn_tab img.t_off{display:block}
		.tabpage dd span.select img.t_on{display:block}
		.tabpage dd span.select img.t_off{display:none}

.slide_content11 .info{ background:url(../images3/s1_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content12 .info{ background:url(../images2/s1_2_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content13 .info{ background:url(../images2/s1_3_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content14 .info{ background:url(../images2/s1_4_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content15 .info{ background:url(../images2/s1_5_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content16 .info{ background:url(../images2/s1_6_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content17 .info{ background:url(../images2/s1_7_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content18 .info{ background:url(../images2/s1_8_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content19 .info{ background:url(../images2/s1_9_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content20 .info{ background:url(../images2/s1_10_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content21 .info{ background:url(../images2/s2_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content22 .info{ background:url(../images2/s2_2_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content23 .info{ background:url(../images2/s2_3_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content31 .info{ background:url(../images2/s3_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content32 .info{ background:url(../images2/s3_2_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content33 .info{ background:url(../images2/s3_3_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content34 .info{ background:url(../images2/s3_4_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content41 .info{ background:url(../images2/s4_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content42 .info{ background:url(../images2/s4_2_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content43 .info{ background:url(../images3/s4_3_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content51 .info{ background:url(../images2/s5_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content52 .info{ background:url(../images3/s5_2_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content53 .info{ background:url(../images2/s5_3_info_1.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content54 .info{ background:url(../images3/s5_4_info_1.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content55 .info{ background:url(../images2/s5_5_info_1.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content56 .info{ background:url(../images2/s5_6_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content57 .info{ background:url(../images2/s5_7_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content58 .info{ background:url(../images2/s5_8_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content59 .info{ background:url(../images3/s5_9_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content60 .info{ background:url(../images3/s5_10_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content61 .info{ background:url(../images3/s5_11_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content62 .info{ background:url(../images3/s5_12_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}

.slide_content63 .info{ background:url(../images3/s6_1_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content64 .info{ background:url(../images3/s6_2_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content65 .info{ background:url(../images3/s6_3_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content66 .info{ background:url(../images3/s6_4_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content67 .info{ background:url(../images3/s6_5_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.slide_content68 .info{ background:url(../images3/s6_6_info.jpg) no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}


.cheese_info .btn_info{ background:url(../images/common/info_on.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}
.cheese_info_off .btn_info{ background:url(../images/common/info.png) no-repeat; background-size:100% 100%; width:10%; height:100%; float:left}

/* gnb */
article nav{background:#ffbe61; width:100%; z-index:200}
article nav ul{display:block; margin:0 auto; width:100%;height:70px;margin:0 30px}
article nav ul li{width:53px;float:left; height:52px; margin:10px 2.5px 10px 0; }
article nav ul .m1{ }
/* article nav ul .m6{margin-right:0} */

article nav ul li a img{width:100%}

article nav ul li h2{position:relative; top:1%;  height:100%; overflow:hidden}

.m1 a,.m2 a,.m3 a,.m4 a,.m5 a,.m6 a,.m7 a{display:block; width:100%; height:100%; }
article nav ul li.m1 a{background:url(../images/m1/m1_btn.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
/*
article nav ul li.m1 a:hover{background:url(../images/m1/m1_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
*/
article nav ul li.m2 a{background:url(../images/m2/m2_btn.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
/*
article nav ul li.m2 a:hover{background:url(../images/m2/m2_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
*/
article nav ul li.m3 a{background:url(../images/m3/m3_btn.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
/*
article nav ul li.m3 a:hover{background:url(../images/m3/m3_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
*/
article nav ul li.m4 a{background:url(../images/m4/m4_btn.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
/*
article nav ul li.m4 a:hover{background:url(../images/m4/m4_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
*/

article nav ul li.m5 a{background:url(../images/m5/m5_btn.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
/*
article nav ul li.m5 a:hover{background:url(../images/m5/m5_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
*/

article nav ul li.m6 a{background:url(../images/m6/m6_btn.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
/*
article nav ul li.m6 a:hover{background:url(../images/m6/m6_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
*/
article nav ul li.m7 a{background: url(../images/m_recipe/m_recipe_btn_new.png) no-repeat;text-indent:-9999px;background-size:50px}


.s1 a,.s2 a,.s3 a,.s4 a,.s5 a,.s6 a{display:block; width:100%; height:100%; }
article nav ul li.s1 a{background:url(../images2/gnb_m1.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
article nav ul li.s2 a{background:url(../images2/gnb_m2.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
article nav ul li.s3 a{background:url(../images3/gnb_m3.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
article nav ul li.s4 a{background:url(../images2/gnb_m4.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
article nav ul li.s5 a{background:url(../images2/gnb_m5.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
article nav ul li.s6 a{background:url(../images2/gnb_m6.png) no-repeat 0 0; text-indent:-9999px; background-size:50px}
.s1 a.current{background:url(../images2/gnb_m1.png) no-repeat; background-position:0 -50px; background-size:50px}
.s2 a.current{background:url(../images2/gnb_m2.png) no-repeat; background-position:0 -50px; background-size:50px}
.s3 a.current{background:url(../images3/gnb_m3.png) no-repeat; background-position:0 -50px; background-size:50px}
.s4 a.current{background:url(../images2/gnb_m4.png) no-repeat; background-position:0 -50px; background-size:50px}
.s5 a.current{background:url(../images2/gnb_m5.png) no-repeat; background-position:0 -50px; background-size:50px}
.s6 a.current{background:url(../images2/gnb_m6.png) no-repeat; background-position:0 -50px; background-size:50px}


.mbtn_pre img,.mbtn_next img{width:100%}
.mbtn_pre,.mbtn_next{width:18px;display:block;position:absolute;bottom:10%;z-index:1000;background:#ffbe61;padding:9px 4px}
.mbtn_pre{left:0;}
.mbtn_next{right:0;}
/*gnb current*/
.m1 a.current{background:url(../images/m1/m1_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
.m2 a.current{background:url(../images/m2/m2_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
.m3 a.current{background:url(../images/m3/m3_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
.m4 a.current{background:url(../images/m4/m4_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
.m5 a.current{background:url(../images/m5/m5_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
.m6 a.current{background:url(../images/m6/m6_btn.png) no-repeat; background-position:0 -50px; background-size:50px}
.m7 a.current{background: url(../images/m_recipe/m_recipe_btn_new.png) no-repeat;background-position: 0 -50px;background-size: 50px;}
.m8 a.current{background: url(../images/m_recipe/m_recipe_btn.png) no-repeat;background-position: 0 -50px;background-size: 50px;height:52px}
.btn_go_seoul{width:80%; height:20%; margin:0 auto; padding:4% 10%;background:url(../images/common/footer_bg.jpg) no-repeat}
.btn_go_seoul img{width:100%}
/* FOOTER */

footer{background:#e6e6e6; height:14.5%; position:relative; text-align:center; font-size:0.875em; font-color:#999999; padding:2% 0 2% 0;z-index:220}
footer p{color:#999; font-size:0.85em}

.swipe {overflow: hidden;visibility: hidden;position: relative;}
.swipe-wrap {overflow: hidden;position: relative;}
.swipe-wrap > div {float:left;width:100%;position: relative;}

 #gotop{position:absolute;right:2%;z-index:150;margin-bottom: 50%;}
 #gotop > span{display:block;text-align:right}
 #gotop .top_img{width:50%};

/*recipe*/
	.list_pages .slide a{line-height:2em}
	.bg_recipe{position:relative;}
	.recipe_section{padding:10% 4% 5%;width: 92%;background:url(../images/m_recipe/bg_m_recipe.jpg) center 50% no-repeat;background-size: 120%;}
	#recipe .recipe_section h2 > img{width:60%;margin-bottom:1%}
	#recipe .btn_next,#recipe .btn_pre{background:none;}
	.m_recipe a{display:block;width:100%;height:100%}
	.m_recipe a.current{background: url(../images/m_recipe/m_recipe_btn.png) no-repeat;background-position: 0 -50px;background-size: 50px;}
	article nav ul li.m_recipe a{background: url(../images/m_recipe/m_recipe_btn.png) no-repeat;text-indent:-9999px;background-size:50px}
	.recipe_box{width:100%;height:auto;  background:#fff}
	.recipe_box img{height:auto !important}
	.recipe_btn{width:78px;height:24px;margin:0 auto;}
	.recipe_btn .btn_pre{float:left;}
	.recipe_btn .btn_next{float:right;}
	.recipe_btn .btn_pre img,.recipe_btn .btn_next img{width:60%}
	.recipe_btn > span{display:block;width:16px;height:24px}
	#find_recipe{background: url('../images/m_recipe/cheese_recipe_serch.png') right no-repeat;height: 27px;margin: 8px 0 0 0;background-size: 50%;position:relative}
	#f_recipe{text-align:right;}
	#f_recipe #txt_search{width:35%;height:22px;background:transparent;color:#fff;border:none;margin-right: 13%;font-size: 0.75em;margin-top: 0.7%;}
	.pages_li.on{color:#D32C2C}

	.list_recipe{margin-top: 5%;}
	.list_recipe ul{margin:5% auto;text-align:left;font-size:0.67em;padding:0;}
	.list_recipe ul > li{color:#fff;line-height:2em;border-bottom:1px solid #fff;margin-bottom: 4.5%;font-family:gulim;font-size:1.5em}

	.list_recipe .list_pages{overflow:hidden;width:60%;margin-left:40%;}
	.list_recipe .list_pages > li{border:none;display:inline;float:left;font-size:1em;width: 15px;margin:none;padding:none;}
	.list_pages > li.select{color: #e51c1c;}
	.list_recipe .li_style{display: block;padding: 0 1.5%;float: left;font-weight: bold;}

.list_pages a{display:block;float:left;width:20px;height:25px;}
.list_pages .li_pre{display:block;background:url('./img/m_recipe/btn_recipe_pre.png') center no-repeat;width:13px;height:26px;float:left;}
.list_pages .li_next{display:block;background:url('./img/m_recipe/btn_recipe_next.png') center no-repeat;width:13px;height:26px;float:left}
.list_recipe .list_pages li{line-height:25px;color:#fff;width:20px;font-size:1.5em}
.slide a:hover{text-decoration: none;}


#find_recipe .bt_search {display:block;position:absolute;top:0;right:0.7%;width:18%;height:31px;}

li.page_span{color:#FFF}
li.page_span.on{color:#FFFF00}

#recipe_wrap .li_pre{display:block;background:url('./img/btn_recipe_pre.png') center no-repeat;width:7px;height:16px;float:left}
#recipe_wrap .li_next{display:block;background:url('./img/btn_recipe_next.png') center no-repeat;width:7px;height:16px;float:right}

/*shred_recipe, mozza*/
.shred_con_wrap {position:relative;}
.shred_con_wrap img{width:100%}
.btn_shred_prev{display:block;position:absolute;left:6%;top:2%;width:8%}
.btn_shred_prev img{width:100%}
.btn_share_wrap{position:absolute;left:32%;top: 34%;width:37%}
.btn_share_wrap:after{content: '';display:block;clear:both;height:0;visibility:hidden}
.btn_share_wrap li{float:left;width:48%;margin-left:4%}
.btn_share_wrap li:first-child{margin-left:0}

article nav ul li.m8 a {background: url(../images/m_recipe/m_recipe_btn.png) no-repeat 0 0;text-indent: -9999px;background-size:50px;height:52px}
.shred_wrap, .mozza_wrap, .cheese_wrap{position:relative}
.shred_wrap > img, .mozza_wrap > img, .cheese_wrap > img{width:100%}
.shred_recipe_wrap{overflow:hidden;position:absolute;left:6%;right:4%;top:22%}
.shred_recipe{overflow-y:scroll;}
.shred_recipe li, .mozza_recipe li, .cheese_recipe li{float:left;width:48%;margin:0 2% 2% 0}
.shred_recipe li:nth-child(even){margin:0 0 2% 0}
.shred_recipe img, .mozza_recipe img, .cheese_recipe img{width:100%}
.mozza_recipe_wrap{overflow:hidden;position:absolute;left:6%;right:4%;top:27%}
.cheese_recipe_wrap{overflow:hidden;position:absolute;left:6%;right:4%;top:21%}

.recipe_more_go{float:right;width:40%;text-align:right;}
.recipe_more_go img{width:100%;cursor:pointer}

.new_202309 .slide_info{display:block}
.new_202309 .slide_info .info{ background-repeat:no-repeat; background-size:100% 100%; width:90%; height:100%; float:right}
.new_202309 .slide1_1 .info{background-image:url('../images4/s1_1_info.jpg');}
.new_202309 .slide1_2 .info{background-image:url('../images4/s1_2_info.jpg');}
.new_202309 .slide1_3 .info{background-image:url('../images4/s1_3_info.jpg');}
.new_202309 .slide1_4 .info{background-image:url('../images4/s1_4_info.jpg');}
.new_202309 .slide1_5 .info{background-image:url('../images4/s1_5_info.jpg');}
.new_202309 .slide1_6 .info{background-image:url('../images4/s1_6_info.jpg');}
.new_202309 .slide1_7 .info{background-image:url('../images4/s1_7_info.jpg');}
.new_202309 .slide1_8 .info{background-image:url('../images4/s1_8_info.jpg');}
.new_202309 .slide2_1 .info{background-image:url('../images4/s2_1_info.jpg');}
.new_202309 .slide2_2 .info{background-image:url('../images4/s2_2_info.jpg');}
.new_202309 .slide2_3 .info{background-image:url('../images4/s2_3_info.jpg');}
.new_202309 .slide3_1 .info{background-image:url('../images4/s3_1_info.jpg');}
.new_202309 .slide3_2 .info{background-image:url('../images4/s3_2_info.jpg');}
.new_202309 .slide3_3 .info{background-image:url('../images4/s3_3_info.jpg');}
.new_202309 .slide3_4 .info{background-image:url('../images4/s3_4_info.jpg');}
.new_202309 .slide3_5 .info{background-image:url('../images4/s3_5_info.jpg');}
.new_202309 .slide4_1 .info{background-image:url('../images4/s4_1_info.jpg');}
.new_202309 .slide4_2 .info{background-image:url('../images4/s4_2_info.jpg');}
.new_202309 .slide4_3 .info{background-image:url('../images4/s4_3_info.jpg');}
.new_202309 .slide5_1 .info{background-image:url('../images4/s5_1_info.jpg');}
.new_202309 .slide5_2 .info{background-image:url('../images4/s5_2_info.jpg');}
.new_202309 .slide5_3 .info{background-image:url('../images4/s5_3_info.jpg');}
.new_202309 .slide5_4 .info{background-image:url('../images4/s5_4_info.jpg');}
.new_202309 .slide5_5 .info{background-image:url('../images4/s5_5_info.jpg');}
.new_202309 .slide6_1 .info{background-image:url('../images4/s6_1_info.jpg');}
.new_202309 .slide6_2 .info{background-image:url('../images4/s6_2_info.jpg');}
.new_202309 .slide6_3 .info{background-image:url('../images4/s6_3_info.jpg');}
.new_202309 .slide6_4 .info{background-image:url('../images4/s6_4_info.jpg');}
.new_202309 .slide6_5 .info{background-image:url('../images4/s6_5_info.jpg');}
.new_202309 .slide6_6 .info{background-image:url('../images4/s6_6_info.jpg');}
.new_202309 .slide6_7 .info{background-image:url('../images4/s6_7_info.jpg');}
.new_202309 .slide6_8 .info{background-image:url('../images4/s6_8_info.jpg');}
.new_202309 .slide6_9 .info{background-image:url('../images4/s6_9_info.jpg');}
.new_202309 .slide6_10 .info{background-image:url('../images4/s6_10_info.jpg');}
.new_202309 .slide6_11 .info{background-image:url('../images4/s6_11_info.jpg');}