@charset "utf-8";
/**
* OLYM Cascading Style Sheets
* File Name : /css/layout.css
* Description : 화제신문 기본 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : designtj@olymcompnay.com
* Date : 2015.04.08
* Update : 2015.04.08
* Copyright(c) 2015 hwaje. All Rights Reserved.
*/


/* layout.css */
.wrap{
	width:100%;
	position:relative;
}

/*----------top---------*/
#header_wrap{
	width:100%;
	position:relative;
}
.gnb_wrap{
	width:100%;
	height:35px;
	padding-top:5px;
}
.gnb{
	width:1240px;
	margin:0 auto;
	position:relative;
}
.gnb ul{
	float:right;
}
.gnb ul li{
	float:left;
	padding:0 0 0 10px;
	font-size:11px;
}
.gnb ul li.gnb01{
	padding:3px 5px 0 0;
}
/*로그인*/
.gnb ul li span{
	display:inline-block;
	padding:0 1px;
}
.gnb ul li a{
	display:inline-block;
	color:#8c8c8c;
	font-size:12px;
}
.gnb ul li span button{
	border:1px solid #aaa;
}
.gnb ul li span.find a{
	font-weight:600;
}
.gnb ul li input{
	width:100px;
	height:20px;
	border:1px solid #aaa;
}
.gnb ul li a:hover{
	font-weight:600;
	color:#4a8ec2;
}
.gnb li.favorites{
	position:absolute;
	top:6px;
	left:0;
	font-size:1.25em;
	color:#ff6c00;
}
#header_wrap{
	width:100%;
}
#header{
	z-index: 10;
	width: 100%;
}
#header .logo_wrap{
	width:1240px;
	margin:20px auto;
	position:relative;
}
#header .m_tel{
	position:absolute;
	top:-5px;
	left:65px;
}
#header .m_Rimg{
	position:absolute;
	top:0px;
	right:80px;
}
#lnb_wrap{
	width:100%;;
	margin:0 auto;
	position:relative;
}
#header h1{
	width:292px;
	margin:0px auto;
}
#header .nav{
	padding:5px 0 0 0;
}
#header .nav .lnb_bg{
	width:100%;
	height:5px;
	position:absolute;
	top:53px;
	z-index:-999;
}
#header .nav .lnb_bg .b_50{
	width:50%;
	height:5px;
	float:left;
}
#header .nav .lnb_bg .bg_g{
	background:#0f944c;
}
#header .nav .lnb_bg .bg_p{
	background:#702977;
}
#header .nav .lnb{
	width:1132px;
	height:53px;
	margin:0 auto;
}
#header .nav .lnb ul{
	float:left;
}
#header .nav .lnb ul li{
	font-size:1.2em;
	float:left;
	font-weight:500;
}

/*----------//top---------*/

/*----------countents---------*/
#contents_wrap{
	width:100%;
	min-height:600px;
	background:#f3f3f3;
}
/*----------//countents---------*/

/*----------sub_countents---------*/
#sub_contents_wrap{
	width:100%;
	background:url(../img/sub_bg.jpg) no-repeat center top;
	min-height: 600px;
}
#sub_top{
	width:100%;
	height:160px;
	background:url(../img/sub/sub_top01.png) no-repeat center top;
}
#sub_contents{
	width:1240px;
	margin:50px auto;
	min-height:600px;
	background:#fff;
}
/*----------//sub_countents---------*/


/*---------------footer----------------*/
#footer_wrap{
	width:100%;
	border-top:1px solid #d7d7d7;
}
#footer_wrap .f_quick{
	border-bottom:1px solid #d7d7d7;text-align:center;
}

#footer_wrap .f_quick a{
	display:inline-block;
	padding:10px 0px;
	font-weight:bold;

}

#footer_wrap .f_quick a:hover{text-decoration :none;color:#e04e91;}

#footer_wrap .f_quick span{display:inline-block;width:17px;font-size:0.55em;font-weight:bold;color:#5d5a5b;vertical-align:middle}
#footer{
	width:1060px;
	height:75px;
	margin:20px auto;
	position:relative;
}
#footer h1{
	padding-left:10px;
	float:left;
	padding-right:60px;
}
#footer .adress{
	float:left;
	font-size:12px;
	font-weight:500;
	padding-top:10px;
	color:0c0c0c;
}

/*---------------//footer----------------*/

.tit{
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

a.overing .roll, a.overing:hover .over {
	display:inline-block;
}
a.overing .over, a.overing:hover .roll {
	display:none;
}
a.on .over{display:block;}
a.on .roll{	display:none;}
button{
	cursor:pointer;
}
.div_aft:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
	visibility: hidden;
}
.div_aft: {*zoom:1;}
.dt_none {display:none;}
.contents_body{
	padding:10px;
}