@import url('common.css');



/* main */
.mainVisual{overflow:hidden; position:relative; z-index:2000; width:100%;}
.mainVisual .visualDiv{overflow:hidden; position:relative; width:1024px; height:503px; margin:0 auto;}
.mainVisual .visual{position:absolute; top:0; left:0; /* width:1024px; */ height:503px; background:url('../images/main/main_v.gif'); background-repeat:no-repeat; background-position:center 0} /*position:absolute; top:0; left:0; z-index:1000; */
.mainVisual .visual1{background-image:url(../images/main/main_v.gif);}
.mainVisual .visualCon{float:left; width:342px; height:176px;}
.mainVisual .visualCon .box1{widht:342px; height:176px; margin-top:327px; background:rgba(85,74,88,0.6);}
.mainVisual .box1 p.title{width:290px; height:41px; padding-top:25px; margin:0 auto; background:url(../images/sub/sub_con_barW.gif); background-repeat:no-repeat; background-position:bottom left;}
.mainVisual .box1 ul{overflow:hidden;}
.mainVisual .box1 .cont{width:290px; height:90px; margin:0 auto;}
.mainVisual .box1 .cont ul.txt{width:280px; height:100px; padding-top:8px; color:#fff;}




.mainConWrap{overflow:hidden; position:relative; width:1024px; margin:0 auto;}
.mainConWrap .more{position:absolute; top:273px; right:24px}
.mainCon{overflow:hidden; float:left; width:1024px;}

.mainCon .con1{float:left; position:relative; width:342px; height:306px;}
.mainCon .con1 .more{position:absolute; top:273px; right:24px}


.mainCon .con2{float:left; position:relative; width:342px; height:306px;}
.mainCon .con2 .more{position:absolute; top:273px; right:24px}



.mainCon .Con3{float:left; position:relative; width:340px; height:306px; background-color:#f4f4f4;}
.Con3 p.title{width:290px; height:55px; padding-top:41px; margin:0 auto; background:url(../images/main/m_notice_bar.gif); background-repeat:no-repeat; background-position:bottom left;}
.Con3 ul{overflow:hidden;}
.Con3 .notice_1{width:290px; height:90px; margin:0 auto;}
.Con3 .notice_1 h4.noti_date {padding-top:18px;}
.Con3 .notice_1 h4.noti_tit {color:#303030;}
.Con3 .notice_1 ul.noti_con{width:280px; height:200px; padding-top:5px;}
.Con3 .notice_1 .more{position:absolute; top:175px; right:24px}


.Con3 .notice_2{width:290px; height:90px; margin:0 auto;}
.Con3 .notice_2 h4.noti_date {padding-top:18px;}
.Con3 .notice_2 h4.noti_tit {color:#303030;}
.Con3 .notice_2 ul.noti_con{width:280px; height:200px; padding-top:5px;}
.Con3 .notice_2 .more{position:absolute; top:260px; right:24px}


/*
.mainCon1 .con3{float:left; position:relative; width:340px; height:306px; background-color:#cccccc;}
.mainCon1 .con3 ul{overflow:hidden; }
.mainCon1 .con3 li{float:left; width:106px;}
*/


.mainVisual .subcnt{
    position: absolute;
    display: inline-block;
    left: 0px;
    bottom: 0px;
	height:176px;
	width:282px;
	background-color:rgba(0,0,0,0.5);
	color:white;
	padding-left : 30px;
	padding-right : 30px;
	z-index:9999;
}