#wrapper_title { display: none; }

/*! Contract */

.contract-inner {
	padding: 5rem 0 1rem 0;
    font-family: 'Paperlogy';
}

.contract-title {
	text-align: center;
}

.contract-title h5 {
	color: #222;
    font-size: 1.5rem;
    font-family: 'Paperlogy';
    font-weight: 600;
}

.contract-title h3 {
	padding-top: 0.75rem;
    color: #0055c4;
    font-size: 2.75rem;
    font-family: 'Paperlogy';
}

.contract-title h3 > span {
	padding: 0.25rem 0.5rem;
    color: #0066ff;
    background-color: #f4f9fe;
    border-radius: 0.5rem;
}

.contract-wrap {
	padding: 3.125rem 6rem;
}

.contract-wrap ul {
	display: flex;
	flex-wrap: wrap;
}

.contract-wrap li {
	width: 50%;
	padding: 1.25rem;
}

.contract-box {
	height: 304px;
	position: relative;
	padding: 3.125rem;
	background-color: #edf6ff;
    border-radius: 1.5rem;
}

.contract-icon {
	width: 7.5rem;
	height: 7.5rem;
	position: absolute;
	top: 3.25rem;
	right: 3.25rem;
	padding: 1rem;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	border-radius: 100%;
	box-shadow: 3px 3px 10px #0055c430;
}

.contract-icon01 {background-image: url(/img/contract_01.png);}
.contract-icon02 {background-image: url(/img/contract_02.png);}
.contract-icon03 {background-image: url(/img/contract_03.png);}
.contract-icon04 {background-image: url(/img/contract_04.png);}

.contract-box small {
	color: #71747f;
    font-size: 1.25rem;
    font-weight: 600;
}

.contract-box h6 {
	padding-top: 1rem;
    color: #0055c4;
    font-size: 2.25rem;
    font-family: 'Paperlogy';
}

.contract-text {
	padding-top: 1.25rem;
}

.contract-text p {
	color: #111;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
}

.contract-stxt {
	color: #71747f;
}



/*! Location */

.location-wrap {
	padding: 3.125rem 6rem;
}

.location-wrap li {
	padding: 1.25rem 0;
}

.location-box {
	padding: 3.75rem;
	background-color: #edf6ff;
    border-radius: 1.5rem;
}

.location-box h6 {
    color: #0055c4;
    font-size: 2.25rem;
    font-family: 'Paperlogy';
}

.location-images {
	display: flex;
    justify-content: space-between;
	padding: 1.875rem 0;
}

.location-img {
	width: 48.5%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.location-img01 {background-image: url(/img/location_01.jpg);}
.location-img02 {background-image: url(/img/location_02.jpg);}

.location-map {
	width: 48.5%;
	height: 100%;
}

.location-map > .root_daum_roughmap_landing {
	width: 100%;
	height: 100%;
}

.location-map > .root_daum_roughmap .wrap_map {
	width: 100%;
}

.location-map > .root_daum_roughmap .cont {
	display: none;
}

.location-info {
	display: flex;
	padding-top: 1.875rem;
}

.location-icon {
	width: 7.5rem;
	height: 7.5rem;
	background-image: url(/img/location_03.png);
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 32%;
	border-radius: 100%;
	box-shadow: 3px 3px 10px #0055c430;
}

.location-info ul {
	padding-left: 3.125rem;
}

.location-info li {
	display: flex;
	align-items: center;
	padding: 0 0 1rem 0;
}

.location-info li > h6 {
	min-width: 107px;
	color: #111;
    font-size: 1.375rem;
    font-weight: 500;
}

.location-info li > p {
	color: #333;
    font-size: 1.375rem;
    font-weight: 500;
}

.location-as {
	color: #71747f;
    font-size: 1rem;
    font-weight: 400;
}



/*! Tablet 768 ~ 1279 */

@media screen and (max-width: 1279px) {
	
	.contract-wrap {
		padding: 3rem 0;
	}

	.contract-icon {
	    width: 7rem;
	    height: 7rem;
	    background-size: 45%;
	}

	.contract-box h6 {
		position: sticky;
		z-index: 1;
	}

	.location-wrap {
		padding: 3.125rem 0;
	}

	.location-box {
		padding: 3.25rem;
	}

	.location-box h6 {
		font-size: 2.125rem;
	}

	.location-images {
		padding: 1.5rem 0;
	}

	.location-info {
		padding-top: 1.5rem;
	}

	.location-icon {
		width: 6rem;
		height: 6rem;
	}

	.location-info dl {
		padding-left: 2.5rem;
	}

	.location-info dt {
		padding-right: 1.875rem;
	}

	.location-info dt > p {
		padding-bottom: 0.875rem;
		font-size: 1.25rem;
	}

	.location-info dd > p {
		padding-bottom: 0.875rem;
		font-size: 1.25rem;
	}

	.location-info small {
		font-size: 1rem;
	}
}


/*! Mobile ~ 767 */

@media screen and (max-width: 767px) {

	.contract-inner {
		padding: 3rem 0 1rem 0;
	}

	.contract-title h5 {
		font-size: 1.188rem;
	}

	.contract-title h3 {
		font-size: 1.875rem;
	}

	.contract-wrap {
		padding: 1.875rem 0;
	}

	.contract-wrap ul {
		flex-direction: column;
		flex-wrap: nowrap;
	}

	.contract-wrap li {
		width: 100%;
		padding: 0.625rem 0;
	}

	.contract-box {
		height: unset;
		padding: 2rem;
	}

	.contract-icon {
		width: 5rem;
		height: 5rem;
		top: 2rem;
		right: 2rem;
	}

	.contract-box small {
		font-size: 0.875rem;
	}

	.contract-box h6 {
		padding-top: 0.75rem;
		font-size: 1.5rem;
	}

	.contract-text {
	    padding-top: 0.75rem;
	}

	.contract-text p {
		font-size: 1.063rem;
	}

	.location-wrap {
		padding: 1.5rem 0;
	}

	.location-box {
		padding: 1.875rem;
	}

	.location-box h6 {
		font-size: 1.5rem;
	}

	.location-images {
		padding: 1rem 0;
	}

	.location-images {
		flex-direction: column;
	}

	.location-img {
		width: 100%;
		height: 26rem;
	}

	.location-map {
		width: 100%;
		padding-top: 1rem;
	}

	.location-img {
		height: 11rem;
	}

	.location-map > .root_daum_roughmap .wrap_map {
		height: 180px;
	}

	.location-info {
		padding-top: 0.5rem;
	}

	.location-icon {
		display: none;
	}

	.location-info ul {
		padding-left: 0;
	}

	.location-info li {
		flex-direction: column;
		align-items: flex-start;
	}

	.location-info li > h6 {
		min-width: unset;
		padding-bottom: 0.313rem;
		font-size: 1rem;
		font-weight: 600;
	}

	.location-info li > p {
		color: #333;
		font-size: 1rem;
	}

	.location-as {
		font-size: 0.813rem;
	}
}