@import url(tab.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@charset "utf-8";
/**
* OLYM Cascading Style Sheets
* File Name : /css/sub.css
* Description : 화제신문 기본 스타일시트
* Author : Hwaje Web business Team / Lee kyoung sun
* Email : rud1031@lycos.co.kr
* Date : 2015.09.24
* Update : 2015.09.24
* Copyright(c) 2015 hwaje. All Rights Reserved.
*/
#sub_slide{
  height: 330px;
}

/*--------contents_wrap-----------*/
.contents_wrap{
  width: 960px;
  margin: 10px auto;
  margin-bottom: 20px;
}
.mCon_01{
  padding-bottom: 15px;
}
.visual{
  width:640px;
  height:470px;
  margin-right:10px;
  border-radius: 1em 1em 1em 1em;
  float: left;
  box-shadow: 3px 3px 10px grey;
}
.visual img{
  border-radius: 1em 1em 1em 1em;
}

.mCon_01_con{
  float: left;
}
/*아이콘즈*/
.mCon_01 .con01{
  width:310px;
  height: 128px;
  margin-top: 15px;
}
.mCon_01 .con01 .icon01{
  /*margin: 0 auto;*/
  margin-left: 10px;

}
.mCon_01 .con01 .icon01 li{
  float: left;
  width:100px;
  height: 94px;
  text-align: center;
}



.mCon_01 .con01 .icon02{
  width:310px;
  margin-top: 20px;
  overflow:hidden;
  padding-left:4px;
}


.mCon_01 .con01 .icon02 li{
  float: left;
  height: 27px;
  text-align: center;
  padding-left:2px;
}




/**/
.mCon_02{
  height: 150px;
  width: 100%;
  background-color: white;
  border-radius: 1em 1em 1em 1em;
  box-shadow: 3px 3px 10px grey;
}
.mCon_02 .con01{
  width: 490px;
  height: 120px;
  float:left;
  border-right: 1px #a1a1a1 solid;
  margin-top: 8px;
  margin-bottom: 10px;
}
.mCon_02 .con01 .left{
  position:relative;
  width: 134px;
  height:134px;
  margin-left: 0px;
  margin-top: 7px;
  padding-right:20px;
  float: left;
  text-align:center;
}

.mCon_02 .con01 .left img{position:absolute;top:-5px;left:7px;}

.mCon_02 .con01 .left .title{
  text-align:center;
  font-weight:600;
  font-size:1.1em;
}
.mCon_02 .con01 .left .title span{letter-spacing: 0.4em;}

.mCon_02 .con01 .left .date{
  position:absolute;
  bottom:48px;
  left:37px;
  font-size: 12px;
  letter-spacing: -0.05em;
}
.mCon_02 .con01 .right{
  float: left;
  width: 340px;
  margin-top: 22px;
}
.mCon_02 .con01 .right ul li{
  float: left;
  width: 70px;
  font-size: 0.95em;;
  font-weight:500;
  margin-left:  6px;
  margin-right: 6px;
  text-align: center;
}
.mCon_02 .con01 .right ul li.active{
  background-color: #1361ab;
  border-radius: 0.4em;
  color: white;
  margin-left:  0px;
  margin-right: 0px;
  padding:0px;
  width: 82px;
}
.mCon_02 .con01 .right .tab_table tr td {height:24px;padding:0px 1px;font-size:11px;}
.mCon_02 .con01 .right .tabbody ul li{padding-left:10px;}
.mCon_02 .con01 .right .tabbody #tab01{
  width: 345px;
}
.mCon_02 .con01 .right .tabbody #tab02{
  width: 345px;
}
.mCon_02 .con01 .right .tabbody #tab03{
  width: 345px;
}
.mCon_02 .con01 .right .tabbody #tab04{
  width: 345px;
}
.mCon_02 .con01 .right .tabbody{
  width: 345px;
  float: left;
  color: #1361ab;
}

.mCon_02 .con01 .right .tabbody .focus{
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -3px;
  float: left;


  font-family: 'Noto Sans KR', sans-serif;
}

.mCon_02 .con01 .right .tabbody .item{
  float: left;
  margin-left: 15px;

  line-height: 18px;
  font-weight:500;;
  text-align: left;
}

.mCon_02 .con01 .right .tabbody #tab04 .item{
  padding-left: 30px;
}

.mCon_02 .con02{
  overflow:hidden;
  padding:0px 20px;
}
.mCon_02 .con02 .tabmemu_wrap{
  float: left;
  width: 400px;
  margin-top: 30px;
}


.mCon_02 .con02 .tabmemu_wrap ul li{
  float: left;
  padding:0 10px;
  font-size: 0.95em;
  font-weight:500;
  margin-left:  5px;
  margin-right: 12px;
  text-align: center;
}
.mCon_02 .con02 .tabmemu_wrap ul li.active{
  background-color: #1361ab;
  border-radius: 0.4em;
  color: white;
  /*margin-left:  0px;
  margin-right: 0px;*/
}
.mCon_02 .con02 .tabbody2 ul {padding-top:5px;}
.mCon_02 .con02 .tabbody2 ul li ul li{font-size:0.8em;padding:0px 16px 0 20px;position:relative;letter-spacing: 0.07em;}
.mCon_02 .con02 .tabbody2 ul li ul li a img {vertical-align:middle;margin-right:5px;}
.mCon_02 .con02 .tabbody2 ul li ul li .date {position:absolute;top:0px;right:0px;}
.mCon_02 .con02 .tabbody2 ul li ul li a span{color:#a1a1a1;font-size:0.85em;}
.mCon_02 .con02 .tabbody2 #tab05{
  width: 340px;
}
.mCon_02 .con02 .tabbody2 #tab06{
  width: 340px;
}
.mCon_02 .con02 .tabbody2 #tab07{
  width: 340px;
}

.mCon_02 .con02 .tabbody2{
  width: 340px;
  float: left;
  color: #1361ab;
}
.mCon_02 .con02 .tabbody2 .focus{
  font-size: 50px;
  font-weight: bold;
  letter-spacing: -6px;
  float: left;
  width: 110px;
  font-family:"돋움", Dotum, "굴림", Gulim, Sans-serif;
}

.mCon_02 .con02 .tabbody2 .item{
  float: left;
  margin-left: 15px;
  margin-top: 15px;
  line-height: 18px;
}


.mCon_03{
  width: 100%;
  padding:20px 0px 0 00px;
  overflow:hidden;
}
.mCon_03 ul li{
  float:left;
  padding-left:13px;
}
.mCon_03 ul li:first-child{
  padding-left:0px;
}

#slide02{
  width:298px;
  height: 110px;
  overflow: hidden;
}
#slide02 li{
  float:left;
  width:298px;
  height: 110px;
}
.pager_wrap{
  position: absolute;
  top:-29px;
  right: 10px;
}
.pager {
  position:absolute;
  top:5px;
  right:5px;
  text-align: center;
  padding-bottom:0px;
  color:#fffff;
  z-index:1;
}
.pager01 a {
	background: none repeat scroll 0 0 #fff;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin: 0 1px;
	overflow: hidden;
	text-indent: -9999px;

}
.pager01 a.selected {
	background: #0071b7;
	width: 15px;
	height: 15px;
}
.mCon_02 .con03 .c_botm{
  padding-top: 10px;
}
.mCon_02 .con03 .c_botm span{
  display: inline-block;
  padding:0px;
  margin: 0px;
}

.cs_center{
  width:310px;
  height: 330px;
  margin-bottom: 10px;
  position: relative;
  border-radius: 1em 1em 1em 1em;
  box-shadow: 3px 3px 10px grey;
}

.cs_center #prev,.cs_center #next{
  z-index: 99999;
  font-size: 1.4em;
  font-weight: bold;
  color: #1361ab;
  position: absolute;
  top: 140px;
}
.cs_center #prev{
  left: 10px;
}
.cs_center #next{
  right: 10px;
}
.cs_center img{
  border-radius: 1em 1em 1em 1em;
}
.cs_center h3{
  position:absolute;
  top:30px;
  right:35px;
  display: block;
  background: #fff;
  color:#025b9d;
  font-size: 1.35em;
  font-weight:bold;;
}
.cs_center .time{
  font-size: 0.7em;
  position: absolute;
  top:65px;
  right:35px;
  text-align: right;
  line-height: 1.25em;
}
.cs_center .tel{
  padding:110px 0 0 32px;
  font-size: 1.05em;
  background: url("/img/bg_csCenter.png") no-repeat 30px 30px;
}
.cs_center .tel p{
  padding: 4px 0;
}
.cs_center .tel span,.cs_center .tel em{
  display: inline-block;
}
.cs_center .tel span{
  font-weight: 600;
  padding-right: 30px;
}
.cs_center .tel em{
  color:#025b9d;
  font-weight: 500;
}

#event_tip{
  position: absolute;
  top:0px;;
  left: 0px;
  z-index: 999999;
}
#event_tip img{
  border-radius: 0em 0em 0em 0em;
}