@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
/**
* hwaje style Sheets
* File Name : /css/layout.css
* Description : 화제신문 기본 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : rud1031@lycos.co.kr
* Date : 2016.04.13
* Update : 2016.04.13
* Copyright(c) 2016 hwaje. All Rights Reserved.
*/


/* layout.css */
footer a{
  color: white;
}
footer a:hover{
  color:white;
}
body{
  width:100%;
  background-color: #f7f7f9;
}
header{
  border-bottom: 1px solid #d4d4d4;
  background-color: white;
}
header .util_wrap{
    background:#f7f7f7;
    position: relative;
    height:30px;
}
header .left_util{

}
header .ut_w{
    width:960px;
    margin:0 auto;
}
header .left_util li{
  float: left;
  height: 40px;
  padding: 9px 15px 0px 15px;
  background: #4b637f;
}
header .left_util li.favorites{
  padding:12px 15px 0 15px;
  background: #025b9d;
}

header .util ul{
    float: right;
    padding-top:7px;
}
header .util li{
    float:left;
    border-left: 1px #ebebeb solid;
    padding:0 15px 0 15px;
}
header .util li:first-child{
  border-left: 0;
}
header .util li:last-child{
  padding-right:0px;
}
header .util li a{
    display:block;
    font-size:11px;
}
header .header,.foo_wrap,footer .f_top{
    width:960px;
    margin:0 auto;
    position:relative;
}
header h1{
    position:absolute;
	top:20px;
	left:0;
}
/*lnb*/
header nav{
  width:960px;
  height: 76px;
  position:relative;
}
header .depth02_bg{
  height:40px;
  background: #004c9d;
  width:100%;
}
header nav .lnb{
  margin:20px 0 10px 0;
  float:right;
}
header nav ul>li{
  float:left;
}
header nav ul.lnb>li{
  float:left;
  font-weight:600;
  position:relative;
  color: #292929;
  letter-spacing: 0.5px;
  height: 30px;
  margin-left: 26px;
  margin-top: 8px;

  /*-webkit-transition: all 1s ease;
  transition: all 1s ease;*/
}

header nav ul.lnb>li.menu01{
  background: url('/img/menu.png') no-repeat -0px 0px;
  width: 72px;
}
header nav ul.lnb>li.menu01:hover{
  background: url('/img/menu.png') no-repeat -0px -52px;
}
header nav ul.lnb>li.menu02{
  background: url('/img/menu.png') no-repeat -97px 0px;
  width: 60px;
}
header nav ul.lnb>li.menu02:hover{
  background: url('/img/menu.png') no-repeat -97px -52px;
}

header nav ul.lnb>li.menu03{
  background: url('/img/menu.png') no-repeat -179px 0px;
  width: 60px;
}
header nav ul.lnb>li.menu03:hover{
  background: url('/img/menu.png') no-repeat -179px -52px;
}

header nav ul.lnb>li.menu04{
  background: url('/img/menu.png') no-repeat -260px 0px;
  width: 60px;
}
header nav ul.lnb>li.menu04:hover{
  background: url('/img/menu.png') no-repeat -260px -52px;
}

header nav ul.lnb>li.menu05{
  background: url('/img/menu.png') no-repeat -345px 0px;
  width: 72px;
}
header nav ul.lnb>li.menu05:hover{
  background: url('/img/menu.png') no-repeat -345px -52px;
}

header nav ul.lnb>li.menu06{
  background: url('/img/menu.png') no-repeat -442px 0px;
  width: 60px;
}
header nav ul.lnb>li.menu06:hover{
  background: url('/img/menu.png') no-repeat -442px -52px;
}
header nav ul.lnb>li.menu07{
  background: url('/img/menu.png') no-repeat -525px 0px;
  width: 60px;
}
header nav ul.lnb>li.menu07:hover{
  background: url('/img/menu.png') no-repeat -525px -52px;
}
header nav ul.lnb>li.menu08{
  background: url('/img/menu.png') no-repeat -604px 0px;
  width: 30px;
}
header nav ul.lnb>li.menu08:hover{
  background: url('/img/menu.png') no-repeat -604px -52px;
}
header nav ul.lnb>li.menu09{
  background: url('/img/menu.png') no-repeat -655px 0px;
  width: 67px;
}



header nav ul.lnb>li>a{
  display: block;
  padding-bottom: 7px;
}
header nav ul.lnb>li>a.depth01{
  font-size:1em;
  letter-spacing:-1.2px;
  padding-bottom:23px;
}
header nav ul.lnb>li>a img{
  padding: 12px 23px;
}

header nav ul.lnb li ul{
  position:absolute;
  top:25px;
  /*top:18px;*/
  padding:0;
  z-index: 99;
  background: #fff;
  display: none;
  border-bottom: 5px solid #0061ae;
  font-size: 0.9em;
}

header nav ul.lnb>li.menu01 ul{
  width: 330px;
}
header nav ul.lnb>li.menu02 ul{
  width: 616px;
  left: -6px;
}
header nav ul.lnb>li.menu03 ul{
  width: 550px;
  left: -24px;
}
header nav ul.lnb>li.menu04 ul{
}
header nav ul.lnb>li.menu05 ul{
  width: 440px;
  left: -92px;
}
header nav ul.lnb>li.menu06 ul{
  width: 415px;
  left: -120px;
}
header nav ul.lnb>li.menu07 ul{
  width: 268px;
  left: -110px;
}

header nav ul.lnb>li.menu08 ul{
  width: 117px;
  left: -20px;
}

.header nav ul.lnb>li>a.on ul{
  display: block;
}

header nav ul.lnb li ul li{
  float: left;
  padding: 0 20px 6px 3px;
}
header nav ul.lnb li ul li:last-child{
  padding: 0 0 6px 3px;
}
header nav ul.lnb li ul li a{
  font-size:0.8em;
  font-weight:600;
  display:block;
  color: #4f4f4f;
}
header nav ul.lnb li ul.float_r li{
  float: right;
}
header nav ul.lnb li:hover ul{
  display:block;
}
header nav ul.lnb li.on{
  color:#0054a7;
}
header nav ul.lnb>li>a .over{
  background:#025b9d;
}
header nav ul.lnb li.on ul{
  display:block;
}

header nav ul.lnb li ul li a:hover{
  color:#007ef9;
}
header nav ul.lnb li.on a.overing .over,
header nav ul.lnb li.on ul.depth02{
  display: block;
}
header nav ul.lnb li.on a.overing .roll{
  display: none;
}

header nav ul.lnb li:hover a.overing .over,
header nav ul.lnb li:hover ul.depth02{
  display: block;
}
header nav ul.lnb li:hover a.overing .roll{
  display: none;
}



/*sitemap-사이트맵*/
#sitemap{
  width:100%;
  height: 100%;
  background: #d4d4d4;
}
#sitemap h1{
  padding:40px 20px 0 40px;
  font-size:2em;
}
#sitemap .sitemap{
  background: #fff;
  margin: 20px;
  padding: 50px 0;
}
#sitemap .sitemap dl{
  float:left;
  margin:0 50px;
  width:180px;
  min-height: 250px;
}
#sitemap .sitemap dl dt{
  font-size: 1.2em;
  padding-bottom: 5px;
  margin-bottom:10px;
  border-bottom: 1px solid #444;
  color:#0e5ba4;
}
#sitemap .sitemap dl dd{
  padding-bottom: 4px;
}
#sitemap .sitemap dl dd a{
  color: #777;
}
#sitemap .sitemap dl dd a:hover{
  color:#0054a7;
}

/*footer*/

footer{
    border-top:1px solid #d4d4d4;
    background-color: #595f6a;
    color: white;
    padding-bottom: 15px;
    padding-top: 10px;
    font-size: 12px;
}

.foo_wrap .address .address_left{
  width: 400px;
  margin-top:5px;
  float: left;
}
.foo_wrap .address .address_left .copyright{
  float: left;
}
.foo_wrap .address .address_left .footer_menu{
  width: 400px;
  height: 20px;
}
.foo_wrap .address .address_left .footer_menu li{
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px #80868b solid;
}
.foo_wrap .address .address_left .footer_menu li:first-child{
  border-left: 0px;
  padding-left: 0px;
}
.foo_wrap .add{
  font-style:nomal;
  font-size: 12px;
  color:#d6d8dc;
  font-family: 나눔고딕, NanumGothic,'Nanum Gothic',Nanumbarungothic,arial,verdana,sans-serif;
}
.foo_wrap .add span{
  display: block;
}
.foo_wrap .add span #spe{
  color: yellow;
  display: inline;
  font-size: 15px;
  font-weight:bold;
}

.full_menu{
  display: none;
  position: absolute;
  border-top: 5px solid #0061ae;
  border-bottom: 2px solid #0061ae;
  z-index: 999999;
  height: 210px;
  width: 100%;
  background: white;
}

.menushow{
  display: block;
}

.full_menu dl{
  position: relative;
  float:left;
  width: 135px;
  margin-top: 15px;
}

.full_menu dl:first-child{
  margin-left: 15px;
}
.full_menu dl dt{
  color: #0e5ba4;
  margin-bottom: 10px;
}
.full_menu dl dd{
  font-size: 0.8em;
  line-height: 1.8em;
}
.full_menu .menu_close{
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0px;
  right: 0px;
  color: black;
  font-weight: bold;
  text-align: center;
  font-size: 1.4em;
  line-height: 30px;
  cursor: pointer;
}