
#list {
	width:1280px;
	margin:0 auto;
}
.cnt_wap {
	display:flex;
	gap:28px;
	margin-top:140px;
	margin-bottom:100px;
}

.layout_box {
background-color: #fff;
    border: 1px solid #f3f1f0;
    border-radius: 5px;
}
.layout_box ul {
	padding:20px;
}

#list_wrap {
	width:842px;
}




.img-cover {background-position-y: top !important;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.img {display:block;}
.img.img-cover {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50%;}

.img-cover img {
    visibility: hidden;
    opacity: 0;
	height:1px !important;
	}


#aside_wrap {
	width:432px;
}


.aside_top_section ul {
	display: grid;
    gap: 20px;
    justify-content: center;
    grid-template-columns: repeat(2,1fr);
}
.aside_top_section ul .mvl_card {
height:140px;
}


.aside_midde_section ul {
	display:flex;
	flex-direction: column;
	gap:10px;
}
.aside_midde_section ul .mvl_card {
	width:120px;
	height:75px;
}
.aside_midde_section ul .w-l-h-block {
	display:flex;
	gap:14px;
}
.aside_midde_section .title,
.aside_top_section .title {
	display: flex;
    justify-content: space-between;
    padding: 7px 15px;
    font-size: 15px;
    line-height: 38px;
    color: #222;
    border-bottom: 1px solid #f3f1f0;
}

.aside_midde_section .title,
.aside_top_section .title {
	position:relative;
	padding-left:24px;
}
.aside_midde_section .title:after,
.aside_top_section .title:after {
    content: "";
    position: absolute;
    top: 46%;
    left: 12px;
	width:4px;
	height:4px;
	background-color:#535353;
}
.aside_midde_section ul li {
	padding-top:10px;
	border-top:1px solid #e7e7e7;
}
.aside_midde_section ul li:nth-child(1) {
		padding-top:0;
	border-top:none;
}

.aside_top_section .info_title {
	margin-top:10px;
}

.list_top_section  ul {
	display: grid;
    gap: 14px;
    justify-content: center;
    grid-template-columns: repeat(4,1fr);
}

.list_top_section ul .mvl_card {
	height:160px;
}


.list_top_section ul li {
	border-left:1px solid #e7e7e7;
	padding-left:14px;
}
.list_top_section ul li:nth-child(1) {
	border-left:none;
	padding-left:0px;
}

.list_top_section ul li .info_title {
	margin-top:10px;
}
.mb_20 {margin-bottom:20px;}

.list_middle_section ul {
	display: grid;
    gap: 20px 20px;
    justify-content: center;
    grid-template-columns: repeat(2,1fr);
}
.list_middle_section ul li {
	padding-top:20px;
	border-top:1px solid #e7e7e7;
}
.list_middle_section ul li:nth-child(1),
.list_middle_section ul li:nth-child(2) {
		padding-top:0px;
	border-top:none;
}
.list_middle_section ul li .w-l-h-block {
	display:flex;
	gap:16px;
}
.list_middle_section ul .mvl_card {
	width:182px;
	height:140px;
}
.list_middle_section ul .mvl_card img {
	height:202px;
}
.list_middle_section .wl-h-info .info_title {
	margin-top:10px;
	overflow:hidden;
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;

}
.list_middle_section .wl-h-info .info_title a {
	font-size:14px;
	color:#1a1a1a;
}

#list_wrap .list_wrap_title {
	padding:14px 20px;
	font-size:16px;
	font-weight:500;
	border-bottom:1px solid #f3f1f0;
}

#list_wrap .list_wrap_title span {
	display:block;
	position:relative;
	padding-left:12px;
}
#list_wrap .list_wrap_title span:after {
    content: "";
    position: absolute;
    top: 44%;
    left: 0px;
	width:5px;
	height:5px;
	background-color:#535353;
}
.aside_top_section .mvl_card {
	width:100%;
		height:160px;
}