/* 게시판 최신글+Contact 섹션 3 */
.em-board-banner-3 .bg-cover {
	display: none;
}
.em-board-banner-3 .em-board-banner-3-flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 3.2em;
}
.em-board-banner-3 .em-board-banner-3-flex .em-board-banner-3-flex-con {
	width: calc((100% - 40px) / 2);
}
.em-board-banner-3 .item-holder {border: 1px solid transparent;}
.em-board-banner-3 .item-holder .left-title {position: relative;}
.em-board-banner-3 .item-holder .left-title h4 {padding-top: 0;padding-bottom: 32px;margin: 0;text-align: left;}
.em-board-banner-3 .item-holder .left-title .img-button-plus {position: absolute;top: 0;right: 0;height: 100%;max-height: 44px;opacity: 0.7;}
.em-board-banner-3 .item-holder .left-title .img-button-plus:hover {opacity: 1;}
.em-board-banner-3 .animation-btn {padding-top: 10px;padding-bottom: 10px;}
.recent-table {margin: 0 0;min-height: 168px;}
.em-board-banner-3 .recent-table table {width: 100%;table-layout: fixed;border-top: 1px solid #dfdfdf;}
.em-board-banner-3 .recent-table table tbody th, .recent-table table tbody td {border-bottom: 1px solid #dfdfdf;}
.em-board-banner-3 .recent-table table tbody th {background-color: transparent;padding: 8px 5px;width: 60px;}
.em-board-banner-3 .recent-table table tbody th p {color: #f5cb11;font-size: 30px;line-height: 1;margin: 0;font-weight: 600;}
.em-board-banner-3 .recent-table table tbody th p.date-span {font-weight: normal;font-size: 11px;margin-top: 3px;color: #303030;}
.em-board-banner-3 .recent-table table tbody td {background-color: transparent;padding: 18px 10px 18px 20px;width: calc(100% - 60px);}
.em-board-banner-3 .recent-table table tbody td.subject {padding-left: 0;}
.em-board-banner-3 .recent-table table tbody td.datetime {width: 110px;}
.em-board-banner-3 .recent-table table tbody td p.date-span {font-weight: normal;font-size: min(2.2916666666666665vw,13px);margin-top: 0;margin-bottom: 0;color: #303030;}
.em-board-banner-3 .recent-table table tbody td div p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.em-board-banner-3 .recent-table table tbody td div p.subject {color: #808080;font-weight: 500;margin-bottom: 0;position: relative;padding-left: 20px;}
.em-board-banner-3 .recent-table table tbody td div p.subject::before {position: absolute;top: calc(50% - 3px);left: 0;width: 8px;height: 8px;background-color: #3e4c86;content: "";}
.em-board-banner-3 .recent-table table tbody td div p.content {font-size: 16px;margin-bottom: 0;color: #909090;}

.em-board-banner-3 .contact .cont-box {
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.em-board-banner-3 .contact .cont-box {position: relative;padding: 40px 40px;width: 100%;min-height: 300px;}
.em-board-banner-3 .contact .cont-box .bg-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.em-board-banner-3 .contact .cont-box ul.row-gap {row-gap: 1.0em;}
.em-board-banner-3 .contact .cont-box p {position: relative;font-size: 18px;color: #fff;padding-left: 30px;text-shadow: 1px 1px 1px #000;}
.em-board-banner-3 .contact .cont-box p a {color: #fff;text-shadow: 1px 1px 1px #000;}
.em-board-banner-3 .contact .cont-box p.telephone {font-size: 40px;color: #fff;margin-bottom: 10px;padding-left: 0;line-height: 1.0;}
.em-board-banner-3 .contact .cont-box p span {position: absolute;left: 0;top: 0;}

/* 백그라운드 컬러 또는 이미지를 사용하는 경우 */
.em-board-banner-3.none-white-bg {
	background-image: url(../../theme/ybusiness_1/img/bg/em-board-banner-3-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.em-board-banner-3.none-white-bg .bg-cover {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
}
.em-board-banner-3.none-white-bg .item-holder .left-title h4 {color: #fff;}
.em-board-banner-3.none-white-bg .item-holder .left-title .img-button-plus {position: absolute;top: 0;right: 0;height: 100%;max-height: 44px;opacity: 0.7;}
.em-board-banner-3.none-white-bg .item-holder .left-title .img-button-plus:hover {opacity: 1;}
.em-board-banner-3.none-white-bg .recent-table {
	padding: 1.2em;
	background-color: rgba(255,255,255,0.8);
}
.em-board-banner-3.none-white-bg .recent-table table tbody td div p.subject {
	color: #323232;
}

@media screen and (max-width: 991px) { /* 부트스트랩 테이블 변환 초기화 */
	.em-board-banner-3 .recent-table table thead {display: table-header-group;}
	.em-board-banner-3 .recent-table table thead tr {display: table-row;}
	.em-board-banner-3 .recent-table table tbody {display: table-row-group;}
	.em-board-banner-3 .recent-table table tbody tr {display: table-row;}
    .em-board-banner-3 .recent-table table tbody tr th {display: table-cell;}
	.em-board-banner-3 .recent-table table tbody tr td {display: table-cell;}
	.em-board-banner-3 .contact {margin-top: 0;}

	.em-board-banner-3.section .container {
		padding-top: min(22.75vw, 140px);
		padding-bottom: min(22.75vw, 140px);
	}
	.em-board-banner-3 .em-board-banner-3-flex .em-board-banner-3-flex-con {
		width: 100%;
	}
	.recent-table {
		min-height: 1px;
	}
}
@media only screen and (max-width: 640px) {
	.em-board-banner-3 .item-holder .left-title h3 {font-size: 26px;line-height: 26px;}
	.em-board-banner-3 .contact .img-box {display: none;}
	.em-board-banner-3 .contact .cont-box {width: 100%;}
}
@media only screen and (max-width: 480px) {
	.em-board-banner-3 .item-holder .left-title h3 {font-size: 22px;line-height: 22px;}
	.em-board-banner-3 .item-holder .left-title .img-button-plus {
		max-height: 30px;
	}
	.em-board-banner-3 .recent-table table tbody td.datetime {
		width: 24%;
		padding: 18px 10px 18px 10px;
		text-align: right;
	}
	.em-board-banner-3 .recent-table table tbody td p.date-span {
		font-size: min(2.3809523809523815vw,11px);
	}
	.em-board-banner-3 .contact .cont-box {
		padding: 30px 30px 33px;
	}
	.em-board-banner-3 .contact .cont-box p {font-size: 16px;}
	.em-board-banner-3 .contact .cont-box p.telephone {font-size: 34px;margin-bottom: 15px;}
	.em-board-banner-3 .contact .cont-box p span i.fa-fax {font-size: 15px;}
	.em-board-banner-3 .contact .cont-box p span i.fa-money-check {font-size: 12px;}
}