
.ViSpace{ height:345px; background:url(../images/common/ViSpace_bg.jpg) 0 0 repeat; text-align:center;}

.ViSImg {position:relative; margin:0 auto; width:980px; height:345px; background:url(../images/common/ViSpace_m_bg.jpg) 0 0 no-repeat; }
.BBpre{ position:absolute; left:0; top:140px; filter:Alpha(style=0,opacity=60);opacity:0.6;-moz-opacity:0.6;}
.BBnext{ position:absolute; right:0; top:140px; filter:Alpha(style=0,opacity=60);opacity:0.6;-moz-opacity:0.6;}
.BBbt{ margin:0 auto; bottom:10px; text-align:center;}
.BBbt li{display:inline; padding:5px;}


.marginT22 { margin-top:22px;}
.marginR22 { margin-right:15px;}


/* 메인_공지 */	
.Notice{ position:relative; float:left; width:260px; margin:25px 0 0 30px;}
.Notice h2{ margin-bottom:26px;}
.Notice p{position:absolute; right:0; top:0;}
.Notice ul{ margin-top:4px;}
.Notice ul li{position:relative; clear:both; padding-bottom:7px;}
.Notice ul li a{display:inline-block; letter-spacing:-1px; padding-left:8px; background:url('../images/common/bull_01.gif') no-repeat 0 5px; color:#696969;}
.Notice ul li a:hover{color:#000;}
.Notice ul li span.new{display:inline-block; width:23px; height:11px; background:url('../images/btn/new.gif') no-repeat 0 0; text-indent:-9999px; vertical-align:top; margin-top:1px;}
.Notice ul li em{position:absolute; right:0; top:0; font-style:normal; color:#969696; font-size:11px; letter-spacing:-1px;}
.Notice .bmore{ margin:0; position:absolute; right:0; top:0;}
/* 메인_새소식 */	
.News{ position:relative;float:left; width:260px; right:0; margin:25px 0 0 65px;}
.News h2{ margin-bottom:26px;}
.News p{position:absolute; right:0; top:0;}
.News ul{ margin-top:4px;}
.News ul li{position:relative; clear:both; padding-bottom:7px;}
.News ul li a{display:inline-block; letter-spacing:-1px; padding-left:8px; background:url('../images/common/bull_01.gif') no-repeat 0 5px; color:#696969;}
.News ul li a:hover{color:#000;}
.News ul li span.new{display:inline-block; width:23px; height:11px; background:url('../images/btn/new.gif') no-repeat 0 0; text-indent:-9999px; vertical-align:top; margin-top:1px; margin-left:5px;}
.News ul li em{position:absolute; right:0; top:0; font-style:normal; color:#969696; font-size:11px; letter-spacing:-1px;}
.News .bmore{ margin:0; position:absolute; right:0; top:0;}

.ConBox{ float:left; width:232px; height:237px;}
.ConBox1{ padding-bottom:25px;}
.ConBox2{ padding-bottom:25px;}
.ConBox3{ padding-bottom:25px;}

.ConBoxB{ float:left; width:646px; height:157px; background:#fff; margin-top:22px;}
.ConBox4{ padding-bottom:25px;}
.ConBox5{ padding-bottom:25px;}


@media all and (max-width : 370px) {
.ViSpace{ margin-bottom:2em;}
.BBbt{ display:none;}
.ViSpace{display:none; height:100%; padding-right:1em;}
.ViSImg { width:100%; height:100%; margin-left:1em; margin-right:1em;}
.BBpre{ display:none;}
.BBnext{ display:none;}
.ConBox{ width:100%;height:100%; padding:0; margin:0; margin-bottom:1em; overflow:hidden; text-align:center; padding-right:1em;}
.ConBox img{width:100%; min-width:212px; max-width:312px; }
.ConBoxB{width:100%; height:100%;  margin:0; margin-bottom:1em; margin:0 auto;}
.Notice{ width:82%;}
.Notice ul li a{width:100%;}
.Notice ul li{ width:100%; font-size:1.2em;}
.Notice ul li em{ display:none;}
.News ul li em{ display:none;}
.News{width:82%;margin:2em 0 1em 3em;}
.News ul li{ font-size:1.2em;}
}

@media all and (max-width : 750px) {
.ViSpace{ margin-bottom:2em;}
.BBbt{ display:none;}
.ViSpace{display:none; height:100%; padding-right:1em;}
.ViSImg { width:100%; height:100%; margin-left:1em; margin-right:1em;}
.BBpre{ display:none;}
.BBnext{ display:none;}
.ConBox{ width:100%;height:100%; padding:0; margin:0; margin-bottom:1em; overflow:hidden; text-align:center; padding-right:1em;}
.ConBox img{width:100%; min-width:212px; max-width:312px; }
.ConBoxB{width:100%; height:100%;  margin:0; margin-bottom:1em; margin:0 auto;}
.Notice{ width:82%;}
.Notice ul li a{width:100%;}
.Notice ul li{ width:100%; font-size:1.2em;}
.Notice ul li em{ display:none;}
.News ul li em{ display:none;}
.News{width:82%;margin:2em 0 1em 3em;}
.News ul li{ font-size:1.2em;}
}

