/* 게시판 최신글+Contact 섹션 4 */
.notice-contact-3-spaceflex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 3.6em;
}
.notice-contact-3-spaceflex .notice, 
.notice-contact-3-spaceflex .notice-2, 
.notice-contact-3-spaceflex .contact, 
.notice-contact-3-spaceflex .contact-2, 
.notice-contact-3-spaceflex .contact-3, 
.notice-contact-3-spaceflex .location {
	width: calc((100% - 30px) / 2);
}
.em-board-banner-4 .item-holder {border: 1px solid transparent;}
.em-board-banner-4 .item-holder .left-title {position: relative;}
.em-board-banner-4 .item-holder .left-title h4 {padding-top: 0;padding-bottom: 32px;margin: 0;text-align: left;}
.em-board-banner-4 .item-holder .left-title .img-button-plus {position: absolute;top: 0;right: 0;height: 100%;max-height: 44px;opacity: 0.7;}
.em-board-banner-4 .item-holder .left-title .img-button-plus:hover {opacity: 1;}
.em-board-banner-4 .animation-btn {padding-top: 10px;padding-bottom: 10px;}
.recent-table {margin: 0 0;min-height: 220px;}
.em-board-banner-4 .recent-table table {width: 100%;table-layout: fixed;border-top: 1px solid #dfdfdf;}
.em-board-banner-4 .recent-table table tbody th, .recent-table table tbody td {border-bottom: 1px solid #dfdfdf;}
.em-board-banner-4 .recent-table table tbody th {background-color: transparent;padding: 8px 5px;width: 60px;}
.em-board-banner-4 .recent-table table tbody th p {color: #f5cb11;font-size: 30px;line-height: 1;margin: 0;font-weight: 600;}
.em-board-banner-4 .recent-table table tbody th p.date-span {font-weight: normal;font-size: 11px;margin-top: 3px;color: #303030;}
.em-board-banner-4 .recent-table table tbody td {background-color: transparent;padding: 18px 10px 18px 20px;width: calc(100% - 60px);}
.em-board-banner-4 .recent-table table tbody td.subject {padding-left: 0;}
.em-board-banner-4 .recent-table table tbody td.datetime {
	padding-right: 0;
	width: 100px;
}
.em-board-banner-4 .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-4 .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-4 .recent-table table tbody td div p.subject {
	font-size: min(3.3333333333333335vw,18px);
	color: #808080;
	font-weight: 500;
	margin-bottom: 0;
	position: relative;
	padding-left: 20px;
}
.em-board-banner-4 .recent-table table tbody td div p.subject::before {position: absolute;top: calc(50% - 3px);left: 3px;width: 8px;height: 8px;background-color: #3e4c86;content: "";}
.em-board-banner-4 .recent-table table tbody td div p.content {font-size: 16px;margin-bottom: 0;color: #909090;}

.em-board-banner-4 .notice-2 .recent-table {margin: 0 0;min-height: 275px;}
.em-board-banner-4 .notice-2 .recent-table table {width: 100%;table-layout: fixed;border-top: 1px solid #dfdfdf;}
.em-board-banner-4 .notice-2 .recent-table table tbody th, .recent-table table tbody td {border-bottom: 1px solid #dfdfdf;}
.em-board-banner-4 .notice-2 .recent-table table tbody th {background-color: transparent;padding: 8px 5px;width: 60px;}
.em-board-banner-4 .notice-2 .recent-table table tbody th p {
	color: #f5cb11;
	font-size: min(5.208333333333333vw,30px);
	line-height: 1;
	margin: 0;
	font-weight: 600;
}
.em-board-banner-4 .notice-2 .recent-table table tbody th p.date-span {font-weight: normal;font-size: 11px;margin-top: 3px;color: #303030;}
.em-board-banner-4 .notice-2 .recent-table table tbody td {background-color: transparent;padding: 25px 10px 25px 20px;width: calc(100% - 60px);}
.em-board-banner-4 .notice-2 .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-4 .notice-2 .recent-table table tbody td div p.subject {
	font-size: min(3.3333333333333335vw,18px);
	color: #303030;
	font-weight: 600;
	margin-bottom: 5px;
	padding-left: 0;
}
.em-board-banner-4 .notice-2 .recent-table table tbody td div p.subject::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background-color: unset;
	content: "";
}
.em-board-banner-4 .notice-2 .recent-table table tbody td div p.content {
	font-size: min(2.9166666666666665vw,16px);
	margin-bottom: 0;
	color: #909090;
}

.em-board-banner-4 .contact .cont-box {
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.em-board-banner-4 .contact .cont-box {
	width: calc(100% / 2 - 5px);
	padding: 40px 40px;
	min-height: 289px;
	padding: 25px 25px;
}
.em-board-banner-4 .contact .cont-box.content-1 {background-color: #4b4b4b;}
.em-board-banner-4 .contact .cont-box.content-2 {background-color: #eb4e4e;}
.em-board-banner-4 .contact .cont-box .pluscon-zone {width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, 0.7);text-align: center;}
.em-board-banner-4 .contact .cont-box .pluscon-zone img {height: 70px;width: auto;transition: all ease 0.3s;}
.em-board-banner-4 .contact .cont-box .pluscon-zone h5 {
	color: #fff;
	font-size: min(3.75vw,20px);
	margin-bottom: 0;
	margin-top: 15px;
	font-weight: 500;
}
.em-board-banner-4 .contact .cont-box .pluscon-zone p {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	font-weight: 300;
	margin-bottom: 0;
	margin-top: 5px;
	font-size: min(2.5vw,14px);
}
.em-board-banner-4 .contact .cont-box .pluscon-zone:hover img {transform: rotateY(180deg);}

.em-board-banner-4 .contact-2 .cont-box {
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 40px 40px;
	width: 100%;
	min-height: 1px;
}
.em-board-banner-4 .contact-2 .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-4 .contact-2 .cont-box ul.row-gap {row-gap: 1.0em;}
.em-board-banner-4 .contact-2 .cont-box p {
	position: relative;
	color: #fff;
	padding-left: 2.0em;
	text-shadow: 1px 1px 1px #000;
	line-height: 1.2;
}
.em-board-banner-4 .contact-2 .cont-box p a {color: #fff;text-shadow: 1px 1px 1px #000;}
.em-board-banner-4 .contact-2 .cont-box h3.telephone {position: relative;color: #fff;margin-bottom: 10px;padding-left: 0;line-height: 1.0;}
.em-board-banner-4 .contact-2 .cont-box h3.telephone a {color: #fff;text-shadow: 1px 1px 1px #000;}
.em-board-banner-4 .contact-2 .cont-box p.telephone {
	font-size: min(7.291666666666667vw,40px);
	color: #fff;
	margin-bottom: 10px;
	padding-left: 0;
	line-height: 1.0;
}
.em-board-banner-4 .contact-2 .cont-box p span {position: absolute;left: 0;top: 0;}
.em-board-banner-4 .contact-2 .cont-box p span i.fa-fax {font-size: min(3.125vw,17px);}
.em-board-banner-4 .contact-2 .cont-box p span i.fa-money-check {font-size: min(2.5vw,14px);}

.em-board-banner-4 .contact-3 .img-box, .em-board-banner-4 .contact-3 .cont-box {float: left;}
.em-board-banner-4 .contact-3 .img-box {margin-right: 30px;}
.em-board-banner-4 .contact-3 .cont-box {padding-top: 20px;width: calc(100% - 240px);}
.em-board-banner-4 .contact-3 .cont-box ul {row-gap: 1.1em;}
.em-board-banner-4 .contact-3 .cont-box p {
	position: relative;
	font-size: min(3.3333333333333335vw,18px);
	color: #505050;
	padding-left: 30px;
	line-height: 1.2;
}
.em-board-banner-4 .contact-3 .cont-box p.telephone {
	font-size: min(7.291666666666667vw,40px);
	color: #da0253;
	margin-bottom: 10px;
	padding-left: 0;
	line-height: 1.0;
	letter-spacing: -0.03em;
}
.em-board-banner-4 .contact-3 .cont-box p a {
	color: #505050;
}
.em-board-banner-4 .contact-3 .cont-box p.telephone a {color: #da0253;}
.em-board-banner-4 .contact-3 .cont-box p span {position: absolute;left: 0;top: 0;}

.em-board-banner-4 .location .em-gmap {
	width: 100%;
	height: 300px;
}
.em-board-banner-4 .location .em-gmap .root_daum_roughmap .wrap_map {
	height: calc(100% - 32px) !important;
}

@media only screen and (min-width: 992px) {
    .em-board-banner-4 .booking-1 {
        order: 1;
    }
	.em-board-banner-4 .booking-2 {
        order: 2;
    }
	.em-board-banner-4 .booking-3 {
        order: 3;
    }
	.em-board-banner-4 .booking-4 {
        order: 4;
    }
	.em-board-banner-4 .booking-5 {
        order: 5;
    }
	.em-board-banner-4 .booking-6 {
        order: 6;
    }
	.em-board-banner-4 .contact-2 .cont-box {
		min-height: 300px;
	}
}
@media screen and (max-width: 991px) { /* 부트스트랩 테이블 변환 초기화 */
	.em-board-banner-4 .recent-table table thead {display: table-header-group;}
	.em-board-banner-4 .recent-table table thead tr {display: table-row;}
	.em-board-banner-4 .recent-table table tbody {display: table-row-group;}
	.em-board-banner-4 .recent-table table tbody tr {display: table-row;}
    .em-board-banner-4 .recent-table table tbody tr th {display: table-cell;}
	.em-board-banner-4 .recent-table table tbody tr td {display: table-cell;}
	.em-board-banner-4 .contact,
	.em-board-banner-4 .contact-3 {
		margin-top: 0;
	}
	.notice-contact-3-spaceflex .notice, 
	.notice-contact-3-spaceflex .notice-2, 
	.notice-contact-3-spaceflex .contact, 
	.notice-contact-3-spaceflex .contact-2, 
	.notice-contact-3-spaceflex .contact-3, 
	.notice-contact-3-spaceflex .location {
		width: 100%;
	}
	.recent-table {
		min-height: 1px;
	}
	.em-board-banner-4.section .container {
		padding-top: min(14.75vw, 100px);
		padding-bottom: min(5.25vw, 50px);
	}
}
@media only screen and (max-width: 640px) {
	.em-board-banner-4 .item-holder .left-title h3 {font-size: 26px;line-height: 26px;}
	.em-board-banner-4 .contact .img-box {display: none;}
	.em-board-banner-4 .contact .cont-box {min-height: 230px;}
	.em-board-banner-4 .contact-3 .img-box {display: none;}
	.em-board-banner-4 .contact-3 .cont-box {
		width: 100%;
		padding: 1.8em 1.4em;
		background-color: #efefef;
	}
}
@media only screen and (max-width: 480px) {
	.em-board-banner-4 .item-holder .left-title h3 {font-size: 22px;line-height: 22px;}
	.em-board-banner-4 .item-holder .left-title .img-button-plus {
		max-height: 30px;
	}
	.em-board-banner-4 .contact .cont-box {
		padding: 15px 15px;
		min-height: 160px;
	}
	.em-board-banner-4 .contact .cont-box .pluscon-zone img {
		height: 50px;
	}
	.em-board-banner-4 .contact .cont-box .pluscon-zone h5 {
		font-size: min(4.722222222222222vw,18px);
	}
	.em-board-banner-4 .contact .cont-box .pluscon-zone p {
		font-size: min(3.0555555555555554vw,12px);
	}
	.em-board-banner-4 .notice .recent-table {
		min-height: 212px;
	}
	.em-board-banner-4 .recent-table table tbody td div p.subject {
		font-size: min(4.166666666666667vw,16px);
	}
	.em-board-banner-4 .recent-table table tbody td.datetime {
		width: 90px;
	}
	.em-board-banner-4 .recent-table table tbody td p.date-span {
		font-size: min(3.0555555555555554vw,12px);
	}
	.em-board-banner-4 .notice-2 .recent-table {
		min-height: 203.25px;
	}
	.em-board-banner-4 .notice-2 .recent-table table tbody th p {
		font-size: min(6.388888888888889vw,25px);
	}
	.em-board-banner-4 .notice-2 .recent-table table tbody td {
		padding: 18px 10px 18px 20px;
	}
	.em-board-banner-4 .contact-2 .cont-box {
		padding: 30px 30px 33px;
	}
	.em-board-banner-4 .contact-2 .cont-box h3.telephone {margin-bottom: 15px;}
	.em-board-banner-4 .contact-2 .cont-box p.telephone {font-size: 34px;margin-bottom: 15px;}
	.em-board-banner-4 .contact-2 .cont-box p span i.fa-fax {font-size: min(3.3333333333333335vw,15px);}
	.em-board-banner-4 .contact-2 .cont-box p span i.fa-money-check {font-size: min(2.619047619047619vw,12px);}
	.em-board-banner-4 .contact-3 .cont-box ul {
		row-gap: 0.8em;
	}
	.em-board-banner-4 .contact-3 .cont-box {
		padding: 1.4em 1.1em;
	}
	.em-board-banner-4 .contact-3 .cont-box p {font-size: min(4.166666666666667vw,16px);}
	.em-board-banner-4 .contact-3 .cont-box p.telephone {font-size: min(9.166666666666666vw,35px);margin-bottom: 10px;}
	.em-board-banner-4 .contact-3 .cont-box p span i.fa-fax {font-size: min(3.3333333333333335vw,15px);}
	.em-board-banner-4 .contact-3 .cont-box p span i.fa-money-check {font-size: min(2.619047619047619vw,12px);}
}