@charset "utf-8";
/**
* Hwaje Style Sheets
* File Name : /css/main.css
* Description : 화제신문 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : designtj@olymcompnay.com
* Date : 2015.06.11
* Update : 2015.06.11
* Copyright(c) 2015 hwaje. All Rights Reserved.
*/
.contents_m{
	float:left;
	width:850px;
	margin-right:-20px;
}
.div_float{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
}
.wide-container{
	width:405px;
	height:500px;
	overflow:hidden;
}



.m_con2{
	width:405px;
	height:250px;
	background:url(../img/m_con2_bg.png) no-repeat;
	
}
.m_con2 ul{
	padding:130px 25px 0;
}
.m_con2 ul li{
	width:110px;
	height:45px;
	float:left;
	background:#d6d5da;
	margin:4px;
	text-align:center;
}
.m_con2 ul li:hover{
	background:#f7f7f7;
}
.m_con2 ul li img{
	padding-top:15px;
	display:inline;
}
.m_con5{
	background:url(../img/m_con5_bg.png) no-repeat;
	width:405px;
	height:233px;
}
.m_con6{
	background:url(../img/m_con6_bg.png) no-repeat;
	width:405px;
	height:233px;
}
.m_con5 .tit,.m_con6 .tit{
	position:absolute;
	top:25px;
	left:25px;
}
.m_con5 .mn,.m_con6 .mn{
	position:relative;
	top:130px;
	left:25px;
}
.m_conPhoto .mn ul li a{
	display:block;
	width:165px;
	height:25px;
	cursor:pointer;
}
.m_con5 .mn ul li a{	
	background:url(../img/m_con5_memu.png) no-repeat;
}
.m_con6 .mn ul li a{	
	background:url(../img/m_con6_memu.png) no-repeat;
}
.m_con5 .mn ul li a.mn01{background-position:0 0;}
.m_con5 .mn ul li a.mn02{background-position:0 -30px;}
.m_con5 .mn ul li a.mn03{background-position:0 -60px;}

.m_con5 .mn ul li a.mn01:hover{background-position:-200px 0;}
.m_con5 .mn ul li a.mn02:hover{background-position:-200px -30px;}
.m_con5 .mn ul li a.mn03:hover{background-position:-200px -60px;}

.m_con5 .mn ul li a.mn01.on{background-position:-200px 0;}
.m_con5 .mn ul li a.mn02.on{background-position:-200px -30px;}
.m_con5 .mn ul li a.mn03.on{background-position:-200px -60px;}

.m_con6 .mn ul li a.mn01{background-position:0 0;}
.m_con6 .mn ul li a.mn02{background-position:0 -30px;}
.m_con6 .mn ul li a.mn03{background-position:0 -60px;}

.m_con6 .mn ul li a.mn01:hover{background-position:-200px 0;}
.m_con6 .mn ul li a.mn02:hover{background-position:-200px -30px;}
.m_con6 .mn ul li a.mn03:hover{background-position:-200px -60px;}

.m_con6 .mn ul li a.mn01.on{background-position:-200px 0;}
.m_con6 .mn ul li a.mn02.on{background-position:-200px -30px;}
.m_con6 .mn ul li a.mn03.on{background-position:-200px -60px;}

.m_con5 .img,.m_con6 .img{
	position:absolute;
	top:25px;
	right:25px;
	width:170px;
	height:183px;
	background:#fff;
	overflow:hidden;
}
.m_con5 .img img{
	width:170px;
	height:auto;
}
.m_con7 ul{
	margin-right:-20px;
}
.m_con7 ul li{
	float:left;
	margin-right:20px;
}