
/********** 07_news ***********/

.select-itm {
	float: left;
	margin-right: 12px;
	width: 165px;
}
input[type="text"] {
	float: left;
	width: 310px;
}
.news-list .content > .tit {
    margin: 1px 0 20px 0;
}

div.content > a.gisa {
	display: inline-block;
    margin: 70px 0 55px 20px;
	padding: 5px 10px;
	font-size: 15px;
	color: #fff;
    background: #7e7e7e;
    border-radius: 5px;
}

nav ul.subMenu > li.mn07 > div.mnSubWrap > div {
    width: 100%;
}

span.wSp30{
	word-spacing: 5em;
}
/****************************** 칼렌다 서비스 ******************************/

div#calendar > div.month {
	display: inline-block;
	margin-top: 35px;
}
div#calendar > ul.monthWrap {
	display: inline-block;
    width: 100%;
}
div#calendar > ul.monthWrap > li, div#calendar > ul.monthWrap > li > .imgWrap > ul > li {
	display: inline-block;
	float: left;
	width: 33.33%;
    text-align: center;
}
div#calendar > ul.monthWrap > li > .imgWrap > ul > li {
	width: 50%;
}
div#calendar > ul.monthWrap > li > .imgWrap > ul {
	margin: 0 auto;
	/*
	width: 250px;
	*/
	height: 35px;
	line-height: 35px;
	font-size: 11px;
	font-weight: bold;
	background: #F5FAFD;
	/*
	padding: 5px;
	*/
}
div#calendar > ul.monthWrap > li > .imgWrap {
	width: auto;
    display: inline-block;
}
div#calendar > div#month {
	display: inline-block;
	margin-top: 37px;
}
div#calendar > ul.monthWrap > li > .imgWrap img {
	width: 250px;
	height: 141px;
}

/****************************** 달력 ******************************/
div#year > ul.monthWrap {
	display: inline-block;
	margin-top: 50px;
    width: 100%;
}
div#year > ul.monthWrap > li, ul.monthWrap > li > .imgWrap > ul > li {
	display: inline-block;
	float: left;
	width: 25%;
    text-align: center;
}
div#year > ul.monthWrap > li > .imgWrap > ul > li {
	width: 100%;
}
div#year > ul.monthWrap > li > .imgWrap {
	display: inline-block;
	position: relative;
	margin-bottom: 50px;
	line-height: 0px;
	border: 3px solid #eaf4ff;
}
div#year > ul.monthWrap > li > .imgWrap:hover {
	border: 3px solid #5999df;
}
div#year > ul.monthWrap > li > .imgWrap > ul {
	position: absolute;
	display: inline-block;
	top: 120px;
	left: 60px;
	width: 80px;    
	height: 80px;
	line-height: 80px;
	font-size: 15px;
	
	background-color: rgba(89, 153, 223, 0);
	
	border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}
div#year > ul.monthWrap > li > .imgWrap:hover > ul {
	background-color: rgba(89, 153, 223, 0.9);
}
div#year > ul.monthWrap > li > .imgWrap > ul > li, div#year > ul.monthWrap > li > .imgWrap > ul > li > a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: rgba(255, 255, 255, 0.0);
}
div#year > ul.monthWrap > li > .imgWrap:hover > ul > li > a {
	color: rgba(255, 255, 255, 1.0);
}

div#year > ul.monthWrap > li > .imgWrap img {
	width: 200px;
	height: 300px;
}

div#year > ul.monthWrap > li > .imgWrap > ul.table {
	top: 75px;
}









section.newsHdr a > span {
    margin-left: 7px;
    padding: 5px 15px;
    font-size: 15px;
    color: #fff;
    background-color: #ff8e53;
}
section.newsHdr a > span.ebook {
	margin-left: 0;
	background-color: #5788da;
}
section.newsHdr > div.count {
    position: absolute;
	display: inline-block;
	top: 137px;
    right: 0;
	padding: 20px 0 0;	  
    font-size: 14px;	
    border: none;
}











.contents .sub-menu .logo .img {
    background: url(../../assets/image/00_main/icn_subimg.jpg) -1124px center no-repeat;
}

/********** 내용 ***********/
.contents .sub-content > .wrap > .content img.center {
    margin: 30px auto;
	max-width: 100%;
}

/* 행사.홍보 css */
.image > div.ing {	
	position: absolute;
    top: 5px;
    left: -25px;
    
    width: 55px;
    height: 55px;
    display: inline-block;
    
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
	background: #fd5799;
}
.image > div.ing {	
	position: absolute;
    top: 5px;
    left: -25px;
    
    width: 55px;
    height: 55px;
    display: inline-block;
    
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
	background: #fd5799;
}
.tit > span.end {	
	background: #f7f7f7;
	color: #808080;
}
.news-list .content > .cssGray, .cssGray {
	color: #ccc;
}

/****************************** VOD view code ******************************/

#sectionVidio {
	/*
	display:<%=Vodyn%>;
	*/
	display: inline-block;
	width: 100%;
	height: auto;
	margin-top: 82px;
	margin-bottom: 20px;
}
#sectionVidio #my-video {
	visibility: visible;
	margin: 0 auto;
	width:100%;
	padding:0;
	font-size:0.9em;
	color: #FF6600;
}
#my-video #player {
	margin: 0 auto;
	width: 680px;
	height: 410px;
    border: 10px solid #eaf0f2;
}
#my-video #player img {
	padding: 0;
}

/****************************** responsive code ******************************/

@media (max-width: 1280px) {

}
@media (max-width: 1020px) {
}
@media (max-width: 650px) {
#sectionVidio {
	width:100%;
}
#sectionVidio #my-video {
	width:100%;
	margin: 0px;
}	
#my-video #player {
	width: 100%;
	height: auto;
}
#my-video #videoPlayer {
	width: 100%;
	height: auto;
}
object#player_api {
	width: 100%;
    height: 430px;
}