/* list */
section.news{
    /* border:1px solid dodgerblue; */
   position: relative;
   max-width:1200px;
	 width:100%;
   margin:20px auto;
	 height:100%;
}
section .inner{
    /* border:1px solid red; */
    display:flex;
    justify-content: space-between;
    align-items: stretch ;
}
section .mainViw{
/*     border:2px solid green; */
    flex:5;
}
/*¸®½ºÆ® ³×ºñ°ÔÀÌ¼Ç ¹× ŸÀÌƲ====================================*/

.list-navi{
	display:none;
position:relative;
 /* display:flex; */
    justify-content: space-between;
    align-items: flex-end ;
		height:52px;
		margin-left:10px;
}
.list-navi-hr{
	margin:35px 0 20px 0 !important;
}
.list-navi-hr.tv{
	margin:35px 0 10px 0 !important;
}
.list-navi-btn{
/*  margin:0 0 20px 10px;	*/
	position:relative;
	flex:6;
	display:flex;
    justify-content: flex-start;
    align-items: center ;
	height:100%;
}
.list-navi-btn span{
	font-size:47px;
	color:#000;
	font-weight:600;
		height:100%;
		line-height:50px;
		margin-right:30px;
		cursor:pointer;
}
.list-navi-btn a{
	height:34px;
	max-width:120px;
	min-width:90px;
/*	padding:10px 15px 10px 15px;*/
	background-color:#E1E1E1;
	color:#181818;
	margin:0 8px;
	line-height:34px;
	text-align:center;
	padding:0 3px 0 3px;
}
.list-navi-btn a:hover{
		background-color:#000;
		color:#fff;
		font-weight:600;
}
/*=================================================== end ¸®½ºÆ® ³×ºñ°ÔÀ̼Ç*/
.item{
    width:100%;
    /* max-width: 375; */
/*     border:1px solid red; */
    /* border-radius: 8%; */
    /* box-shadow: 0 8px 16px rgba(0,0,0,0.1); */
    /* margin:10px; */
    margin:10px;
   display:flex; 
	 justify-content: space-between;
    align-items: center ;
	 }
.mainViw hr{
    margin:0;
    height:1px;
    border:0;
    color:#DDD;
    background-color: #DDD;    
    border-style: dotted;
    width:100%;
    margin:20px 0;
/*    margin-left: 10px;*/
    /* border-bottom:1px dotted #ccc; */
}
.item.first{
	display:block;
}
.item.first img{
	max-width:820px;
	width:100%;
	border-radius:10px;
	height:calc(820px * 0.5);
	object-fit:cover;
}
.item img{
    margin-right:10px;
		flex:1;
/*     border:1px solid dodgerblue; */
}
.item-title{
/*     border:1px solid dodgerblue;  */
		 flex:1;
		 display:flex;
		 flex-direction:column;
		 width:100%;

}
.first .item-title h3{
	margin-top:0;
	height:100%;
	font-size:25px;
	line-height:1.6;
}
.item-title h3{
    font-size:19px;
    color:#181818;   
/*     border:1px solid dodgerblue;   */
    width:95%;
    margin:0;
}
.item-title > p{
    font-size:15px;
    color:#4d4d4d;
/*     border:1px solid dodgerblue; */
    width:95%;
    margin: 0;
/*    line-height: 22px;*/
    white-space: nowrap;
		text-overflow:ellipsis;
    overflow: hidden;
}
.clear {
    clear: both;
}

.m-cate-title{
	display:none;
}



/* ÆäÀÌ¡ */
.pageBtn{
    text-align: center;
    position: relative;
}
.page-list{
    display: flex;
    justify-content: center;
    align-items: center;
    /* border:1px solid #757575; */
}
.pageBtn a{
    width:25px;
    height:25px;
    border:1px solid #DDD;
    display: block;
    margin: 0 5px;
    line-height: 25px;
    font-size:14px;
    color:#000;
 }
 .pageBtn a.active{
     background-color: #757575;
     color:#fff;
 }


/*================================================== tv list*/

.tv-item{
	display:flex;
	justify-content:space-between;
	align-items: center;
	flex-wrap: wrap;
}
.tv-item a{
	display:flex;
	max-width:250px;
	width:100%;
	min-height:250px;
	height:100%;
	border:1px solid #ccc;
	margin:10px;
	flex-wrap: wrap;
	background:#fff;
	text-decoration:none;
	box-shadow: 1px 2px 5px rgba(0,0,0,.1);
	flex-direction:column;
	justify-content:start;
	z-index:99;
	position:relative;
	top:0;
	transition:0.2s;
	border-radius:10px;
}
.tv-item a:hover{
	top:-2px;
	box-shadow: 1px 5px 5px rgba(0,0,0,.2);

}
.tv-item p{
	margin:5px 10px;
	color:#000;
	font-size:15px;
}
.tv-item img{
	max-width:250px;
	width:100%;
	height:140px;
	object-fit: fill; /* cover */
	border-radius:10px;
}
/*Æ÷Åä´º½º list*/
.photo-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.photo-item img{
    max-width: 250px;
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.photo-item a{
    display: flex;
    max-width: 250px;
    width: 100%;
    min-height: 250px;
    height: 100%;
    border: 1px solid #ccc;
    margin: 10px;
    flex-wrap: wrap;
    background: #fff;
    text-decoration: none;
    box-shadow: 1px 2px 5px rgb(0 0 0 / 10%);
    flex-direction: column;
    justify-content: start;
    z-index: 99;
    position: relative;
    top: 0;
    transition: 0.2s;
}
.photo-item p {
    margin: 5px 10px;
    color: #000;
    font-size: 15px;
}