/* BASIC css start */
#contentWrap { width:100%; }

#main_content { width:1200px; margin:0 auto; margin-top:10px; }






#indexVisual {float: left; position:relative; width:630px; height:620px; margin:0 auto; z-index:0; border:0px solid #000; padding-top:0px;}
#indexVisual .visualNavi {position:absolute; bottom:0px; top:590px;left:300px; z-index:10; }
#indexVisual .visualNavi li { float:left; display:block;width:15px;height:15px;text-indent:-9999px;background:url(/design/dustindark/wizdesign/buttons.png) right 0;cursor:pointer;}
#indexVisual .visualNavi li.over {background-position:left; }
#indexVisual .visualCont { margin-top:0px ;}



.wizmainbox {overflow:hidden; margin-bottom:30px;}

.box_left {float:left; position:relative;}

.box_right {float:left; height:620px; margin-left:10px;}
.box_right ul.cafcon_prd_wrap, .box_right ul.box_banner  {width:560px; overflow:hidden;}
.box_right ul.cafcon_prd_wrap{height: 380px;}
.box_right ul.cafcon_prd_wrap li {float:left; margin:0 10px 10px 0; position:relative;}
.box_right ul.cafcon_prd_wrap li.last {margin-right:0;}
.box_right ul.cafcon_prd_wrap li .prd_bg { display:none; position: absolute; top: 0; left: 0; width: 180px; height: 180px;  }
.box_right ul.cafcon_prd_wrap li .prd_bg .prd_title {width: 120px; margin: 60px auto 7px auto; text-align: center; border-bottom: 1px solid #fff; color: #fff; padding-bottom: 7px;}
.box_right ul.cafcon_prd_wrap li .prd_bg ul {overflow:hidden; width:120px; margin:0 auto;}
.box_right ul.cafcon_prd_wrap li .prd_bg ul li {width:120px; line-height:18px; color:#fff; padding:0; margin:0; text-align:center;}
.box_right ul.cafcon_prd_wrap li:hover .prd_bg {display:block; background:#000; background: rgba(0,0,0,0.6);}
.box_right ul.cafcon_prd_wrap li .prd_bg .coment {font-size: 11px;}
.box_right ul.cafcon_prd_wrap li .prd_bg .name{font-weight: bold;}
.box_right ul.box_banner li {float:left; margin-right:10px;}
.box_right ul.box_banner .last{ margin-right:0;}








#main { position: relative; width:1200px; margin:0 auto;}









/* Áß¾Ó¹è³Ê */

#cenbanner { width:1200px; border-top:2px solid #000; border-bottom:0px solid #000;padding:25px 0; margin:0px auto; height:295px;}

#mainboard { margin-bottom:30px;}

/* º£½ºÆ®»óÇ°¸®½ºÆ® */

/* º£½ºÆ®»óÇ°¸®½ºÆ® */

.flash_banner {border:0px solid #e3e3e3;	position:relative;padding:0;	margin:0px auto 0px;width:1200px;height:220px;z-index:0; border-bottom:2px solid #000;}

.flash_banner .flash_banner_body{float:left;position:absolute;padding:0px;width:1150px;height:182px;padding-top:0px;overflow:hidden;margin-left:25px;}
.flash_banner .flash_banner_body ul {float: left;position:absolute;list-style-type: none; width:2922px;height:182px;zoom*1;margin:0px;padding:0px;overflow: hidden;}
.flash_banner .flash_banner_body li {float: left;text-align:center;position: relative;width:230px;border-right:0px solid #ddd;line-height:0px;padding:0px;margin:0px;overflow: hidden;}
.flash_banner .flash_banner_body li img { width:180px; display:inline;margin:0px;padding:0px; border:1px solid #F1F1F1;}


.flash_banner .btn {cursor:pointer;z-index:12;}
.flash_banner .btn_left {  position:absolute; left:0px; top:80px; width:0px;  text-align:center; z-index:13;}
.flash_banner .btn_right { position:absolute; right:0px; top:80px;   text-align:center; z-index:13;} 
 


/*  ¸ÞÀÎÅ¸ÀÌÆ²ÀÌ¹ÌÁö */

.mtitbox { width:100%; height:40px; line-height:40px; background-color: #fff; border: 0px solid #EFEFEF; margin-top:40px; margin-bottom:50px;}
.mtitbox .mtitle {  width:250px;  text-align:center; height:40px; margin:0 auto; border: 3px double #E1E1E1; }
.mtitbox .mtitle .mname { font-weight:bold; font-size:12px; color:#000; text-transform:uppercase;  font-family: arial; letter-spacing:1px;}



/* ¹è°æºÎºÐ */

#cen_bg { clear:both; position:relative; width:1200px;margin-top:30px; text-align:center; }

/* BASIC css end */

