#wrapper {margin:100px auto 0px auto; ;height:830px;position:relative; display:block;overflow:hidden;}
#mVisualA {width:100%;height:830px; margin:0px auto 0px auto; overflow:hidden;position:relative;}
#mVisualA .mvisTxt {position:absolute; top:167px; left:50%; width:600px;margin-left:-300px; z-index:9; text-indent:-9999999px; height:200px; background:url(/img/main/mimg_txt.png) center top no-repeat; }


#showcase{position:relative;}
#showcase .showcase-onepage .showcase-content{}
#showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:90px; left:50%; width:400px; margin-left:-200px;  text-align:center; z-index:11;}
#showcase .showcase-button-wrapper span{display:inline-block; width:18px; height:18px; margin:0px 4px; cursor:pointer; text-indent:-99999em; font-size:0px; line-height:0px; background:url(/img/btn_off.png) left top no-repeat ;}
#showcase .showcase-button-wrapper span.active{ background:url(/img/btn_on.png) left top no-repeat ;}

#showcase .showcase-arrow-next {position:absolute; top:410px;outline:0; width:80px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;left:30px; background:url(/img/main/prev_next_btn.png) no-repeat 0 0px;  cursor:pointer; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
#showcase .showcase-arrow-previous{position:absolute; top:410px; outline:0; width:80px; height:80px; margin-top:0px; text-indent:-9999px; z-index:11;right:30px; background: url(/img/main/prev_next_btn.png) no-repeat -80px 0; cursor:pointer;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }
#showcase .showcase-arrow-next:hover, #showcase .showcase-arrow-previous:hover  {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}

#showcase2{width:200px; margin:0px 5px; overflow:hidden;}
#showcase2 .showcase-onepage .showcase-content{}
#showcase2 .showcase-arrow-next {position:absolute; top:20px;outline:0; width:16px; height:22px; margin-top:0px; text-indent:-9999px; z-index:11;right:0px; background:url(/img/main/btn_next.png) no-repeat 0 0px;  cursor:pointer;  }
#showcase2 .showcase-arrow-previous{position:absolute; top:20px; outline:0; width:16px; height:22px; margin-top:0px; text-indent:-9999px; z-index:11;right:30px; background: url(/img/main/btn_prev.png) no-repeat 0px 0; cursor:pointer;  }
#showcase2 .showcase-arrow-next:hover, #showcase2 .showcase-arrow-previous:hover  {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
#showcase2 .showcase-arrow-next:hover, #showcase2 .showcase-arrow-previous:hover  { -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
#showcase2 .showcase-arrow-next:hover { background:url(/img/main/btn_next_on.png) no-repeat 0 0px;}
#showcase2 .showcase-arrow-previous:hover  { background:url(/img/main/btn_prev_on.png) no-repeat 0 0px;}
#showcase2 .sbjA {background:#000; width:200px; height:70px; padding:8px 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#showcase2 .sbjA span{color:#777; font-style:italic; font-size:0.9em;font-family:'NotoKrB'; }
#showcase2 .sbjA p{color:#92b100; height:24px; line-height:24px; overflow:hidden; margin-top:4px;font-family:'NotoKrM'; }
#showcase2 a:hover .sbjA {background:#92b100;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} 
#showcase2 a:hover .sbjA span, #showcase2  a:hover .sbjA p {color:#fff; font-family:'NotoKrR';}

#showcase2 .thimg {width:200px; height:175px; background:#000;overflow:hidden;}
#showcase2 a .thimg .mpimg {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); -webkit-transform:scale(1.00); transform:scale(1.00); } 
#showcase2 a:hover  .thimg .mpimg  {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); -webkit-transform:scale(1.04); transform:scale(1.04); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;} 

#mLefArea {position:absolute; top:110px; left:50%; margin-left:-620px; width:210px; overflow:hidden;}
#mRigArea {position:absolute; top:100px; left:50%; margin-left:410px; width:210px; overflow:hidden;}


#mLefArea .recipeTile {padding-bottom:30px;   }
#mLefArea .recipeTile span{display:block; width:200px; height:1px; background:rgba(203,208,0,0.4); margin:0px 5px;margin-top:30px;}

.gallA{position:relative;  margin-bottom:25px;   box-sizing:border-box; display:block; overflow:hidden;}
.gallA .gal_title {margin:0px 0px 0px 0px; padding:0px 0px 14px 0px;   }

.quickA {  width:200px; margin:0px 5px 0px 5px;}
.quickA ul{margin:0px; padding:0px; list-style:none;}
.quickA li{float:left; width:60px; margin-left:10px; font-size:0.8em;}
.quickA li:first-child{margin-left:0px;}
.quickA li a{display:block;}
.quickA li a .qic {width:60px; height:60px;   overflow:hidden;border-radius: 30px !important;  -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important;}
.quickA li a .qbg01{ background:url(/img/main/mrecipe_ic01.png) no-repeat center #fff;  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.quickA li a .qbg02{ background:url(/img/main/mrecipe_ic02.png) no-repeat center #fff;  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.quickA li a .qbg03{ background:url(/img/main/mrecipe_ic03.png) no-repeat center #fff;  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}

.quickA li a:hover .qbg01{ background:url(/img/main/mrecipe_ic01_on.png) no-repeat center #fff; }
.quickA li a:hover .qbg02{ background:url(/img/main/mrecipe_ic02_on.png) no-repeat center #fff; }
.quickA li a:hover .qbg03{ background:url(/img/main/mrecipe_ic03_on.png) no-repeat center #fff; }
.quickA li a .txt{margin-top:8px; height:20px; line-height:20px;display:block; background:#5a4b46; color:#fff;font-family:'NotoKrM'; font-style:italic; border-radius: 30px !important;  -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; text-align:center; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.quickA li a:hover .txt {color:#e4ff00;}

#mRigArea .introTile {padding-bottom:22px;  text-align:right; }
#mRigArea .introTile span{display:block; width:200px; height:1px; background:rgba(255,255,255,0.3); margin:0px 5px;margin-top:25px;}
#mRigArea .introTile  a{display:block;}

.notiA {position:relative; width:200px; overflow:hidden; margin:0px 5px 10px 5px;display:block;letter-spacing:-1px;}
.notiA h3 {font-style:none; color:#fff; font:normal 22px 'NotoKrR'; margin:0px 0px 0px 0px; padding:0px 0px 14px 0px; line-height:28px; }
.notiA a span.more {position:absolute; top:6px; right:0;text-indent:-999999px; width:20px; height:20px; background:url(/img/main/btn_more.png) right center no-repeat; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.notiA a:hover span.more {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100); }
.notiA ul:after {clear:both; content:''; display:block;}
.notiA li{list-style:none; display: block;   position:relative; padding:0px; margin:2px 0px 0px 0px;overflow:hidden;text-align:left; }
.notiA li a{ display:block; height:24px; line-height:24px; color:#fff; opacity:0.85; 	-moz-opacity:0.85; 	filter: alpha(opacity=85); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; text-shadow:1px 1px 1px  rgba(0,0,0,0.5); }
.notiA li a:hover{opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);color:#e2e700; }
.notiA li .i_new{display:inline-block; color:#fff; font-size:0.7em; background:#dd7c00; width:16px; height:16px; line-height:16px; text-align:center; margin-left:5px;border-radius: 20px !important;  -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important;}
.notiA li .cate{display:inline-block; margin-right:5px;color:#e2e700; background:#000; font-size:0.95em; padding:0px 3px;}

#mRigArea .centerTile {padding-bottom:23px;  text-align:right; }
#mRigArea .centerTile span{display:block; width:200px; height:1px; background:rgba(255,255,255,0.3); margin:0px 5px;margin-top:25px;}
#mRigArea .centerTile  a{display:block;padding-top:20px;}

#mRigArea .foodTile { margin:0px 5px 0px 5px; width:200px; }
#mRigArea .foodTile span{display:block; width:200px; height:1px; background:rgba(255,255,255,0.3);  margin-top:25px; margin-bottom:28px;}
#mRigArea .foodTile  a{display:block;width:200px; height:74px;text-indent:-999999px; background:url(/img/main/ban_mfood.jpg) center top no-repeat;-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
#mRigArea .foodTile  a:hover { background:url(/img/main/ban_mfood_on.jpg) center top no-repeat;}