.list_header {
	padding:1.5rem 1rem;
	border:1px solid #bbb;
	background-color:#FAFAFA;
	/*
	background-color: rgba(0,0,0,.05);
	*/
}
.list_header::after {
	display: block;
	content: "";
	clear: both;

}
.list_header > li  {
	float:left;
}
.list_header > li:last-child  {
	float:right;
}
.list_header > li > strong ,
.list_header > li > a {
	position: relative;
	display:inline-block;
	padding:.5rem 1rem;
	color:#999;
}
.list_header > li > a:hover {
	text-decoration:underline;
}
.list_header > li > a:hover ,
.list_header > li > a.active {
	font-weight:600;
	color:#000;
}
.list_header > li > a::after {
	content:'';
	position: absolute;
	width:100%;
	height:1.5rem;
	display:block;
	right:-.2rem;
	top:calc(50% - .7rem);
	padding-right:3rem;
	border-right:2px solid #bbb;
}
.list_header > li > a:last-of-type::after {
	display:none;
}

.list_header > li > strong {
	font-weight:600;
	color:#000;
}
.list_header > li > strong > span {
	color:#E63F24;
}

.list_header > li > BUTTON {
	position: relative;
	display:inline-block;
	padding:0;
	border:1px solid #aaa;
	background:#fff;
	width:4rem;
	height:3rem;
	font-size:2.5rem;
	line-height: 1;
	vertical-align: middle;

}
.list_header > li > BUTTON:hover ,
.list_header > li > BUTTON.active {
	border:1px solid #2E313D;
	background:#3B3F4F;
	color:#FEFEFE;

}

/********************* Mobile / Tablet *********************/
/* 모바일 & 태블릿 */
@media all and (max-width: 1023px) {

	.list_header {
		padding: 2rem .5rem;
		border:0;
		background-color: #fff;
	}
	.list_header > li {
		padding:1rem 0;
	}
	.list_header > li > BUTTON{
		display:none;
	}
}


.list_header UL.divList_tags {
	display: inline-block;
}
.list_header UL.divList_tags > LI {
	display:inline-block;
}
.list_header UL.divList_tags > LI > A {
	display:flex;
	height: 100%;
	background-color: #fafafa;
	border: 1px solid #bbb;
	margin: 0 .3rem;
	padding: .5rem 2rem;
	font-size: 1.4rem;
	border-radius: 5rem;
	box-shadow: 1px 1px 0 1px rgba(0,0,0,.15);
}
.list_header UL.divList_tags > LI > A:hover ,
.list_header UL.divList_tags > LI > A.active {
	background-color: #3B3F4F;
	border: 1px solid #555;
	color:#eee;
	box-shadow: inset 1px 1px 0 1px rgba(0,0,0,1);
}





.list_search{border-top:2px solid #6680bb; border-bottom:1px solid #aaa; background-color:#f5f5f5; padding:3.2rem 2rem 3.3rem;}
.list_search .search_con{line-height:0; text-align:center; font-size:0;}
.list_search .search_con .selectbox{display:inline-block; margin-right:3rem; vertical-align:top;}
.list_search .search_con .selectbox .selectitem{display:inline-block; position:relative; margin-right:1.5rem; background-color:#FFF; border:1px solid #c2c2c2;}
.list_search .search_con .selectbox .selectitem:last-child{margin-right:0;}
.list_search .search_con .selectbox .selectitem::before{display:block; position:absolute; top:0; right:4.2rem; z-index:1; width:.1rem; height:100%; background-color:#c2c2c2; content:'';}
.list_search .search_con .selectbox .selectitem::after{
	display:block; position:absolute; top:1.4rem; right:.6rem; z-index:1; width:1rem; height:1rem;
	content: "";
	border: solid #999;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
	margin: 0 1rem 0 .5rem;
}
.list_search .search_con .selectbox .selectitem select{position:relative; z-index:2; width:100%; border:0; line-height:2.4rem; padding:.1rem 2rem; color:#515151; font-size:1.5rem; letter-spacing:0; -webkit-appearance:none; -moz-appearance:none;}
.list_search .search_con .selectbox .selectitem select::-ms-expand{display:none;}
@media only all{
	.list_search .search_con .selectbox .selectitem select{height:4.3rem; padding:.2rem 5.7rem .2rem 1.4rem;}
}

.list_search .search_con .inputbox{display:inline-block; vertical-align:top;}
.list_search .search_con .inputbox input.temp_textbox{border:#c2c2c2 solid 1px; height:4.5rem; padding:.1rem 1.5rem; color:#676767; font-size:1.5rem;}
.list_search .search_con .inputbox input.temp_textbox:focus{border-color:#394159; color:#333333;}
.list_search .search_con .inputbox input.temp_textbox.disabled,
.list_search .search_con .inputbox input.temp_textbox[disabled]{border-color:#394159; background-color:#f4f8fb; color:#878787;}
.list_search .search_con .inputbox input.temp_textbox{width:calc(100% - 11rem); margin-right:1rem;}
.list_search .search_con .inputbox BUTTON[type="submit"]{width:10rem; height:4.5rem; background-color:#6680bb; border:none; margin:0; padding:0; line-height:2.4rem; text-align:center; vertical-align:top; color:#FFF; font-size:1.6rem; letter-spacing:0;}

@media screen and (max-width:1200px){
	.list_search .search_con .selectbox{width:47.8rem; margin-right:.8rem;}
	.list_search .search_con .selectbox .selectitem select{padding:.2rem 4.8rem .2rem .3rem;}
	.list_search .search_con .selectbox .selectitem{margin-right:.8rem;}
	.list_search .search_con .inputbox{width:calc(100% - 48.6rem);}
}

@media screen and (max-width:1000px){
	.list_search .search_con .selectbox{display:block; width:auto; margin-right:0; margin-bottom:.8rem;}
	.list_search .search_con .selectbox .selectitem{width:32.6%; margin-right:1.1%;}
	.list_search .search_con .selectbox .selectitem:nth-child(3n){margin-right:0;}
	.list_search .search_con .inputbox{display:block; width:auto;}
}

@media screen and (max-width:640px){
	.list_search .search_con .selectbox .selectitem{display:block; width:auto; margin-right:0; margin-bottom:.8rem;}
	.list_search .search_con .selectbox .selectitem:last-child{margin-bottom:0;}
}



/* 박스변경 */
.list_search + .list_header {
	border:0;
}
.list_header + .TableBoardList {
	margin-top:0;
	border-color:#6680bb;
}

/* MO 테이블 */
@media all and (max-width:767px) {
	.list_search + .list_header {
		border:0;
	}
	.list_header + .TableBoardList {
		border-color: transparent;
	}
	.list_header + .TableBoardList > LI:first-of-type {
		margin-top:0;
	}

}





:lang(ko) .list_section {
    font-family: 'Noto Sans KR','Malgun Gothic',dotum,'Sans-serif',AppleGothic;
}
.list_section::after {
	content:'';
	display:block;
	clear:both;
}
.list_section > li {
	position: relative;
	border:1px solid #bbb;
	box-shadow:5px 5px 0 0 rgba(0,0,0,.1);
	margin:3.2rem 0;
	transition: all ease .5s 0s;
}
.list_section > li.null {
	font-size:2rem;
	color:#aaa;
	height:20rem;
	display: -webkit-flex;
	display:         flex;
	-webkit-align-items: center;
		align-items: center;
	-webkit-justify-content: center;
		justify-content: center;

}
.list_section > li:not(.null):hover  {
	border-color: var(--ThemeBase-border, #000);
}
.list_section > li:not(.null):active:has( > A:hover) {
	top:.2rem;
	left:.2rem;
	box-shadow:none;
}
.list_section > li:first-child {
	margin-top:1.5rem;
}
.list_section .item_section {
	float: none;
	width: 100%;
	height: 30rem;
	padding:2rem;
	background-color:#fff;
}
.list_section .item_section .item_photo {
	float:left;
	width:35rem;
	height:100%;
	overflow:hidden;
}
.list_section .item_section .item_photo:empty {
	background-image:url('../../../imgs/icon_gallery_null.png');
	background-repeat: no-repeat;
	background-position: center;
	background-color:#e5e5e5;
}
.list_section .item_section .item_photo > IMG {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.list_section .item_section .item_photo > div {
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease .5s 0s;
}

.list_section > li:hover  .item_section .item_photo > div {
	transform: scale(1.1);
}

.list_section .item_section .item_article {
	float:left;
	width:calc(100% - 35rem);
	padding:0 1.5rem 0 3rem;
}
.list_section .item_section .item_article > * {
	display:block;
	overflow:hidden;
	word-wrap: normal;

	white-space:nowrap;
	text-overflow:ellipsis;
}
.list_section .item_section .item_article .tit {
	height:5rem;
	font-size:2.8rem;
	letter-spacing: -1px;
	font-weight:500;
	line-height: 1.3;
	color:var(--ThemeBase-color, #7b7a8c);
}
.list_section .item_section .item_article .sub {
	height:3rem;
	font-size:2rem;
	font-weight:500;
	letter-spacing: -1px;
	color:#7b7a8c;
	color:#47956e;
	color:var(--ThemeBase-color, #7b7a8c);
	color:#7b7a8c;
	/* font-family: 'Yeon Sung', cursive; */
}
.list_section .item_section .item_article .sub:empty {
	display:none;
}
.list_section .item_section .item_article .con {
	height:11rem;
	font-size:1.6rem;
	color:#a7a6b3;
	color:#64637b;
	padding:1.5rem 0;

	white-space: normal;
	line-height: 1.5;
	text-align: left;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}




.list_section .item_section .item_article .addr {
	position: absolute;
	top: 2rem;
	right: 2rem;
	/*background: rgba(255,255,255,.5);*/
	font-size: 1.5rem;
	color: #777;
    font-weight: 600;
	/* padding: .5rem 1rem; */
}
.list_section .item_section .item_article .addr:empty {
	display:none;
}

.list_section .item_section .item_article .tel {
	width: auto;
    margin: auto;
	background: #eee;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5rem;
    padding: .5rem 0;
    margin-top: .5rem;
}
.list_section .item_section .item_article .tel:empty {
	display:none;
}
.list_section .tag {
	position: absolute;
	padding: 0;
	bottom: 2rem;
	left: 39rem;
	padding:.5rem;
	height:4rem;
	overflow:hidden;
	word-wrap: normal;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.list_section  .tag::after {
	clear:both;
	content:'';
	display:block;
}

.list_section > li:hover .tag {
	bottom: 2.2rem;
	left: 39rem;
}
.list_section .tag > A ,
.list_section .tag > BUTTON {
	float:left;
	position: relative;
	padding:.3rem 1.5rem;
	margin: .3rem;
	border-radius:3rem;
	font-size:1.3rem;
}
.list_section > li:hover .tag > A ,
.list_section > li:hover .tag > BUTTON {
	border-color:#aaa;
	box-shadow:2px 2px 0 0 rgba(0,0,0,.1);
}
.list_section > li:hover .tag > A:hover ,
.list_section > li:hover .tag > BUTTON:hover {
	box-shadow:none;
	top: .1rem;
	left: .1rem;

}




/* ******************************************************************* */
/* 모듈형 */
.list_section.view_module  {
	width:100%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.list_section.view_module > li {
	margin:5rem 1.5% 0;
	float:left;
	width:31.3%;
	background-color:#fff;
}

.list_section.view_module > li:first-child ,
.list_section.view_module > li:nth-child(3n+1) {
	margin-left:0;
}
.list_section.view_module > li:nth-child(3n) {
	margin-right:0;
}
.list_section.view_module > li.null {
	width: 100% !important;
}

/* 모듈형 */
.list_section.view_module.module_cell4 > li {
	width:23.5%;
}
.list_section.view_module.module_cell4 > li:first-child ,
.list_section.view_module.module_cell4 > li:nth-child(3n+1),
.list_section.view_module.module_cell4 > li:nth-child(3n) {
	margin:3.2rem 1% 0;
}
.list_section.view_module.module_cell4 > li:first-child ,
.list_section.view_module.module_cell4 > li:nth-child(4n+1) {
	margin-left:0;
}
.list_section.view_module.module_cell4 > li:nth-child(4n) {
	margin-right:0;
}



.list_section.view_module .item_section {
	height:46rem;
	height:auto;
}
.list_section.view_module .item_section .item_photo {
	float:none;
	width:100%;
	height:24rem;
}

.list_section.view_module .item_section .item_article {
	float:none;
	width:100%;

	padding:3.5rem 1rem 2.5rem;;
}

.list_section.view_module .item_section .item_article .tit {
	height:4rem;
	font-size:2.2rem;

	height:auto;
	overflow: unset;
    word-wrap: normal;
    white-space: normal;
}
.list_section.view_module .item_section .item_article .con {
	height:9rem;
	-webkit-line-clamp: 3;
}

.list_section.view_module .item_section .item_article .sub {
	height:3rem;
	font-size:2rem;
}
.list_section.view_module .item_section .item_article .addr {
	top: 29.5rem;


    position: relative;
    right: auto;
    top: auto;
    width: auto;
    display: inline-block;
    padding: 1px 15px;
	border-radius: 5px;
    background: var(--Theme, #3875c9);
    color: #fff;

	font-size: 1.4rem;
    font-weight: 400;

}
.list_section.view_module .tag {
    width: 100%;
    height: auto;
    display: flex;
    z-index: 1;
    position: relative;
    left: 0;
	
	bottom:2rem;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 2.5rem;
}
.list_section.view_module > li:hover .tag {
    left: 0;
	bottom:2rem;
}

/********************* Mobile / Tablet *********************/
/* 모바일 & 태블릿 */
@media all and (max-width: 1023px) {

	.list_section {
		padding:1rem;
		padding-top:0;
	}

	.list_section .item_section {
		height: 25rem;
		padding: 1rem;
	}
	.list_section .item_section .item_photo {
		width:35%;
	}
	.list_section .item_section .item_article {
		width: calc(100% - 35%);
		padding:  0 .5rem 0 1.5rem;
	}
	.list_section .item_section .item_article .con {
		padding: .3rem 0;
		height:10rem;
	}

	.list_section .tag {
		left: calc(35% + 1.5rem);
		bottom: 1rem;
	}

	.list_section > li:hover .tag {
		/*bottom: 1rem; */
		left: calc(35% + 1.5rem);
	}

	.list_section.view_module > li {
		margin:0;
		margin-bottom:3rem;
		float:none;
		width:100%;
	}
	.list_section.view_module .item_section {
		height:auto;
	}

	.list_section.view_module .item_section .item_article .con {
		height:10rem;
		margin-bottom:1.5rem;
	}
	.list_section.view_module .item_section .item_article .con:empty {
		display:none;
	}

}


/* Large desktops and laptops */
@media all and (max-width: 767px) {
	.list_section {
		padding:0;
	}
	.list_section .item_section {
		height:20rem;
	}
	.list_section .item_section .item_article .addr {
		position: relative;
		top:auto;
		right:auto;
	}
	.list_section .item_section .item_article .tit {
		    font-size: 2.3rem;
			height: 3.5rem;
	}
	.list_section .item_section .item_article .sub {
		font-size: 1.7rem;
	}
	.list_section .item_section .item_article .con {
		height:9rem;
		font-size: 1.4rem;
	}
	.list_section .tag {
		display:none;
	}
}