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


/*---------main_visual_area----------*/

/*slide*/
.slide_wrap{
	background:url(../img/slide_bg.png) repeat-x;
}
.container{
	margin:0 auto;
	position:relative;
	width:1240px;
}
 #slides {
      display: none
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
	  z-index:999;
	  position:absolute;
	  bottom:50px;

    }

    a.slidesjs-next {
      background-position: -12px 0;
	  left:85px;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
	  left:60px;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
	  left:110px;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
	  left:110px;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      float: right;
      list-style: none;
	  position:absolute;
	  bottom:50px;
	  right:60px;
	  z-index:999;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
/*--------m_contents----------*/
.contents{
	width:1132px;
	margin:30px auto;
}
.contents .m_banner li{
	float:left;
	padding:10px;
}

.contents .m_banner li img{
  outline: 3px solid #01ffff;
}

.contents .banner05 img{
  outline: 3px solid #01ffff;
}

.contents .b_book img{
  outline: 3px solid #01ffff;
}

.second_con{
	padding:40px 10px 20px 10px;
}
.tab_box_wrap{
	position:relative;
	width:556px;
	float:left;
}
.tab_box dd ul{
	position:absolute;
	top:2px;
	left:190px;
}
.tab_box dd ul li{
	padding:2px 0;
	font-size:0.9em;
	height:22px;
}
.tab_box dd ul li a{
	display:inline-block;
	width:260px;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size:0.95em;
	margin-right:20px;
}
.tab_box dd ul li span{
	display:inline-block;
	font-size:0.95em;
	vertical-align:top;
}
.tab_box dd .more{
	position:absolute;
	top:-20px;
	right:13px;
}
.banner05{
	float:left;
	padding:0px 10px;
}
.b_book{
	float:left;
	padding-left:10px;
}





/*------------------*/