/* List
---------------------------------------------------------------------------- */
.list_style {
	margin: 0;
	padding: 0;
	list-style: none;	
}
.list_style>li {
	padding: 2rem 0;
	border-bottom: 1px dotted #e1e1e1;
	transition:.5s;
}

.list_style>li:hover {
	border-bottom: 1px dotted var(--duna-point1);
}

.list_style>li:hover .contentsWrp .etc.date {
	color: var(--duna-point1);
}

.list_style>li:hover .angle-right i {
    border: 1px solid var(--duna-point1);
    color: var(--duna-point1);
    padding: .9rem;
}

.list_style>li .thumbnail {
	float: right;
	margin-left: 10px;
	max-width: 30%;
}
.list_style>li .titleWrp .subject {
	font-size: 1.5rem;
}
.list_style>li .titleWrp .date.ymd {
    margin-top: .5rem;
}
.list_style>li .contentsWrp {
	overflow: hidden;
	align-items: center;
	justify-content: center;
}
.list_style>li .contentsWrp .etc {
	display: inline-block;
}

.list_style>li .contentsWrp .etc.date {
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	text-align: center;
	color: var(--duna-gray-300);
	transition:.5s;
}

 .etc.date .date.d {
    font-size: 3rem;
    line-height: 3rem;
}

 .etc.date .date.ym {
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: 0.1rem;
}

.list_style>li .contentsWrp .content {
    font-size: 1rem;
}
.list_style>li .contentsWrp .exvar {
	font-size: 1rem;
	display: inline-block;
}

.angle-right {
	display: flex;justify-content: end;
}

.angle-right i {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--duna-gray-400);
    border-radius: 50%;
    color: var(--duna-gray-300);
    padding: 1rem;
	transition:.5s;
}


/* Table
---------------------------------------------------------------------------- */
.table_style {
	width: 100%; 
	margin:0; 
	padding:0; 
	border-collapse: collapse;
}
.table_style td { 
	vertical-align: top; 
	word-break: keep-all;
	padding: 10px 5px;
	border-bottom: 1px dotted #e1e1e1;
}
.table_style td.titleWrp {
	width: 100%;
}
.table_style td.author {
	white-space: nowrap;
}


/* 어두운 바탕용
---------------------------------------------------------------------------- */
.xet_contentWrp.dark .list_style > li,
.xet_contentWrp.dark .table_style td {
	border-color: #3b3b3b;
}


/* 모바일 이하
---------------------------------------------------------------------------- */

@media (max-width:1399.98px) {
	#section-banner .img {margin-top:0; height:100%;}

}

@media (max-width:1199.98px) {
	
}

@media (max-width:991.98px) {
	#section-icon .container .row>div {margin-bottom:4rem;}
	#section-about .text {display:block;}
}

@media (max-width:767.98px) {
	.angle-right {display: none;}
}

@media (max-width:575.98px) {

}