/* BASIC css start */
@import url(//fonts.googleapis.com/earlyaccess/Nanum Gothic.css);

body {margin:0px auto; word-break:break-all; -ms-word-break:break-all;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button {
margin: 0px;
padding: 0px;
outline:none;
}

.nanum-gothic-regular {
  font-family: "Nanum Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.do-hyeon-regular {
  font-family: "Do Hyeon", sans-serif;
  font-weight: 400;
  font-style: normal;
}


body, th, td, div, p, h3, h4, a, li, textarea, input, select{
font-size:12px; 
font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;
}

a:link {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}
a:visited {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}
a:active {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}
a:hover {text-decoration:none; color:#666; font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;}

@font-face {
font-family:³ª´®°íµñ, Nanum Gothic, Georgia, Serif;
font-family:³ª´®ºê·¯½¬½ºÅ©¸³Æ®, Nanum Brush Script, Georgia, Serif;
font-family:µµÇöü, BM DoHyeon, Georgia, Serif
}


#mcontents {width:100%; height:520px;}
.slides { height: 520px; position: relative; margin-bottom: 0px; }
.slides .mbanner-img1 {background:#f9de53; width:100%; height:520px;}
.slides .mbanner-img2 {background:url('http://sunny8875.img3.kr/design/images/bg_02.png'); width:100%; height:550px; }
.slides .mbanner-img3 {background:url('http://sunny8875.img3.kr/design/images/banner_bg3.png'); width:100%; height:520px;}
.slides .mbanner-img4 {background:#fff; width:100%; height:520px;}
.slides .mbanner-img5 {background:url('http://sunny8875.img3.kr/design/images/m_conbanner.png'); width:100%; height:520px;}
.slides .mbanner-img6 {background:url('http://sunny8875.img3.kr/design/images/banner_bg06.png'); width:100%; height:520px;}
.slides .mbanner-img7 {background:url('http://sunny8875.img3.kr/design/images/banner_bg01.png'); width:100%; height:520px;}

.slides .num { overflow:hidden; width:1200px; margin:0px auto; height: 25px; position: absolute; bottom:20px; left: 15%; zoom:1; z-index:3; }
.slides .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.slides .num li.on { background: #FF7700; }
.slides .prev,
.slides .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 115px;}
.slides .prev { left: 0; }
.slides .next { right: 0; background-position: right }

.mbanner li > span {display:block; width:1200px; margin:0px auto; height:520px;}
a { blr: expression(this.onFocus=this.blur()); outline: none; }

/*¿ÞÂʸ޴º*/
#mle-pro {width:1200px; margin:20px auto; height:550px;}
#mle-pro h2 {background:url("http://sunny8875.img3.kr/design/images/cate_bg.png") no-repeat; width:210px; height:49px; text-align:center; }
#mle-pro h2 span{display:block; color:#fff; font-size:18px; font-weight:700; padding-top:13px;}
.mleft-menu {float:left; width:210px; height:595px; border:1px solid #ccc; border-top-right-radius:10px; border-top-left-radius:10px;}
.mleft-menu li {width:185px; margin-left:12px;  border-bottom:1px dotted #bbb;}
.mleft-menu li a {display:block; width:210px; line-height:35.5px; padding-left:10px; font-size:13px; font-weight:bold; }

.mbest-pro {float:left; background:url("http://sunny8875.img3.kr/design/images/best_emblem.png") no-repeat; z-index:10px; overflow:hidden; width:722px; height:276px; border:1px solid #ccc; margin-left:20px;}
.output-mbestpro li {float:left; width:156px; margin:30px 0px 0px 70px;}
.output-mbestpro li span {display:block; text-align:center;}
.output-mbestpro img {width:150px; height:auto; margin-bottom:10px;}
.MS_prod_img_m {width:159px;}
.btn-overlay-show img {width:15px;}

.mnew-pro {float:right; background:url("http://sunny8875.img3.kr/design/images/newpro_bg.png") no-repeat; width:228px; height:276px;}
.newproli {width:156px; margin:60px 35px 0;}
.new-font {font-size:25px; text-align:center; color:#333;}
.newproli span {display:block; text-align:center; font-size:13px; color:#333; font-weight:bold;}
.newproli span img {width:15px; height:15px;}


.micon-btn {float:right; margin-top:20px; width:970px; height:230px;}

/*½Å»óÇ° º£½ºÆ®»óÇ° Ãâ·Â*/
.new-product {width:1200px; min-height:1800px; margin:50px auto; padding-top:50px; }.mlongbanner {width:100%; height:150px; background:url("http://sunny8875.img3.kr/design/images/mlongbanner_bg.png");}
.new-product img {margin-bottom:50px;}
.mlongbanner span {display:block; width:1200px; margin:0px auto;}
.best-product {width:1200px; min-height:1380px; margin:50px auto;}
.best-product img {margin-bottom:50px;}
.recipe-product {width:1200px; min-height:285px; margin:50px auto;}
.recipe-product li {float:left; margin-left:16px;}
.recipe-product li:last {margin-left:none;}
.recipe-product img {margin-bottom:50px;}
.thumb {float:left; width:285px; height:400px; margin:0 7.5px 30px 7.5px; }
.MS_prod_img_m {width:285px; height:285px;}
.thumb span {display:block; text-align:center; height:55px; font-size:13px; font-weight:bold; overflow:hidden;}
.btn-overlay-show img {width:15px; height:15px;}


/* BASIC css end */