/* BASIC css start */
#main { width:1200px; margin:0 auto; }

.mainbn { width:1200px;height:410px; }
.mainbn dl { float: left; }
.mainbn dt { display: none; width:1500px;height:410px;  }
.mainbn dt.on { display: block; }
.mainbn .btbt { position: absolute; margin-top:-42px }
.mainbn dd { float: left; width: 239px; margin-right:1px; line-height:42px; height:42px; text-align: center; background:rgba(0, 0, 0, 0.3); font-family:³ª´®°íµñOTF; color: #fff; font-size:13px; font-weight: bold; }
.mainbn dd.last { width: 240px; margin-right:0px }
.mainbn dd.on { background:rgba(0, 0, 0, 0.5); }



.m_99 { width:1200px; overflow:hidden; margin-top:25px; height:240px }
.m_99 .mborad { float:left; width:300px; margin-top:1px }
.m_99 .mborad ul { width:300px; overflow:hidden }
.m_99 .mborad li { float:left; }
.m_99 .mborad .box { padding:0 0px }
.m_99 .mborad .box td { border-bottom:1px dotted #bbb; padding:7px 0 3px }
.m_99 .mborad .box .subject { width:240px; padding-left:7px }
.m_99 .mborad .box .subject a { color:#555; font-family:³ª´®°íµñ; font-size:13px }
.m_99 .mborad .box .date { color:#999; font-family:³ª´®°íµñ; text-align:center; font-size:11px }

.m_99 .mweek { float:right; width:880px;  }
.m_99 .mweek h2 { padding:0px 0 1px 0; color:#000; font-weight: bold; font-size:21px; border-bottom:1px solid #e6e6e6; font-family:Corbel; letter-spacing:-1px; margin-bottom:15px }
.m_99 .mweek h2 span { color:#0249bf }



.mbn100 { width:1200px; overflow:hidden }
.mbn100 li { float:left; padding-right:5px }
.mbn100 li.last { padding-right:0px }



.new-prd-list h2 { padding:45px 0 1px 0; color:#000; font-weight: bold; font-size:21px; border-bottom:3px solid #000; font-family:Corbel; letter-spacing:-1px; margin-bottom:25px }
.new-prd-list h2 span { color:#0249bf }
.new-prd-list .box { width:220px; padding-bottom:30px; text-align:center }
.new-prd-list .thumb { width: 218px; height: 218px; border: 1px solid #ddd; }
.new-prd-list .thumb a,
.new-prd-list .thumb img { display: block; width: 100%; height: 100%; }
.new-prd-list .dsc { margin: 15px auto 7px; }
.new-prd-list .dsc a { color:#333; font-size:12px; }
.new-prd-list .icon img { margin:0 1px}
.new-prd-list .consm { text-decoration:line-through; font-weight:normal; padding-bottom:3px  }
.new-prd-list .price { padding-top:8px; font-weight: bold; color:#454545; font-size:12px; }


.WideBanner_Parallax {
	position:relative;
	background: url("/design/bnb71/deetong/main/m_wide1.jpg") 50% 100px fixed;
	height:200px;
	width:100%;
	margin:20px auto 50px;
	padding:0;
}
.WideBanner_Parallax span { position:absolute; top:65px; left:calc(50% - 150px);}
.WideBanner_Parallax .Wcopy {
	display:block;
	padding:20px 0px;
	text-align:center;
	font-size:24px;
	font-family:'Julius Sans One',Verdana,Dotum,AppleGothic;
	color:#fff; border:3px solid #fff; width:300px;
}
.WideBanner_Parallax:hover .Wcopy { color:#f4f711; border:3px solid #000; }


.pbox { border: 1px solid #eaeaea; border-top: 0px; padding:30px 20px 0}
.pbox .box { width:200px; padding-bottom:30px; text-align:center; margin:0 16px }
.pbox .thumb { width: 200px; height: 200px; border: 1px solid #ddd; }
.pbox .thumb a,
.pbox .thumb img { display: block; width: 100%; height: 100%; }
.pbox .dsc { margin: 15px auto 7px; }
.pbox .dsc a { color:#333; font-size:12px; }
.pbox .icon img { margin:0 1px}
.pbox .consm { text-decoration:line-through; font-weight:normal; padding-bottom:3px  }
.pbox .price { padding-top:8px; font-weight: bold; color:#454545; font-size:12px; }



.mbn200 { width:1200px; margin:45px 0 0; overflow:hidden }
.mbn200 li { float:left; padding-left:10px }
.mbn200 li.first { padding-left:0px; padding-right:10px }
.mbn200 img { display:block; margin-bottom:10px }



.best-prd-list h2 { padding:50px 0 30px 0; color:#000; text-align:center; font-size:30px; font-family:Corbel; letter-spacing:1px }
.best-prd-list h2 span { color:#0249bf;font-weight: bold; }
.best-prd-list .box { width:285px; padding-bottom:30px; }
.best-prd-list .icon { position: absolute; margin:9px}
.best-prd-list .icon img { margin:0 1px}
.best-prd-list .thumb { width: 283px; height: 283px; border: 1px solid #ddd; }
.best-prd-list .thumb a,
.best-prd-list .thumb img { display: block; width: 100%; height: 100%; }
.best-prd-list .dsc { margin: 15px auto 7px; font-weight:bold; border-bottom: 1px solid #ddd; padding-bottom:8px }
.best-prd-list .dsc a { color:#333; font-size:12px; }
.best-prd-list .sub { padding-top:4px }
.best-prd-list .sub a { color:#999 }
.best-prd-list .consm { text-decoration:line-through; font-weight:normal; padding-bottom:3px; color:#454545; }
.best-prd-list .price { padding-top:8px; font-weight: bold; color:#dd1717; font-size:13px; }


.mreview { overflow:hidden }
.mreview .more { position: absolute; right:0; margin-top:34px }
.mreview h2 { padding:50px 0 5px 0; color:#000; font-size:24px; font-weight:bold; font-family:Corbel; letter-spacing:1px }
.mreview h2 span { font-weight:normal }
.mreview li { float:left; padding-right:3px }
.mreview li img { width:128px; height:128px; border: 1px solid #ccc }





mmmmmmmmmmmmmmmm


/* °Ô½ÃÆÇÅÇ */
<!--
function DisplayMenu(index) {
        for (i=1; i<=2; i++)
        if (index == i) {
        thisMenu = eval("menu" + index + ".style");
        thisMenu.display = "";
        } 
        else {
        otherMenu = eval("menu" + i + ".style"); 
        otherMenu.display = "none"; 
        }
        }
-->
/* BASIC css end */