@charset "UTF-8";

.page_hd_img_item {
	background-image: url(../img/logistics/page-hd-bg.jpg);
}

.contnts_hd_img {
	background: url(../img/logistics/contents-hd@2x.jpg) center / cover;
}

.place {
}

.place_wrap {
}

.place_hd {
}

.place_cnt {
}

.place_info {
	display: flex;
	height: 400px;
	margin-bottom: 25px;
	overflow: hidden;
	border-radius: 20px;
}

.place_info_pic {
	width: 760px;
	height: 100%;
}

.place_info_detail {
	display: flex;
	align-items: center;
	width: calc(100% - 760px);
	height: 100%;
	padding: 0 50px;
	background: #ffffff;
}

.place_info_detail_wrap {
}

.place_info_detail_name {
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 24px;
}

.place_info_detail_tbl {
}

.place_info_detail_tbl dl {
	display: flex;
	gap: 12px;
	margin-bottom: 5px;
}

.place_info_detail_tbl dl dt {
	display: flex;
	justify-content: center;
	width: 30px;
	color: #00b4df;
	font-weight: 500;
}

.place_info_detail_tbl dl dd {
}

.pinicon {
}

.about {
}

.about_wrap {
}

.about_hd {
}

.about_cnt {
}

.about_detail {
}

.about_detail_wrap {
}

.about_detail_hd {
	display: flex;
	align-items: center;
	height: 60px;
	padding: 0 38px;
	border-radius: 10px;
	color: #ffffff;
	font-weight: 500;
	font-size: 24px;
}

.about_con .about_detail_hd {
	background: #6d7e95;
}

.about_dv .about_detail_hd {
	background: #00b4df;
}

.about_detail_cnt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 25px;
	border-radius: 10px;
	background: #ffffff;
}

.about_dv_melit {
	position: relative;
	z-index: 10;
	margin-top: 130px;
	padding: 100px 0 90px;
}

.about_dv_melit::after {
	content: "";
	position: absolute;
	right: 50%;
	bottom: 50%;
	z-index: -1;
	width: calc(100dvw - 40px);
	max-width: 1340px;
	height: 100%;
	border-radius: 200px;
	box-shadow: inset 0 0 99px #ffffff;
	transform: translate(50%, 50%);
}

.about_dv_melit_ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 50%;
	width: 100%;
	max-width: 560px;
	height: 78px;
	border-radius: 9999px;
	background: #004cb4;
	color: #ffffff;
	font-weight: 500;
	font-size: 28px;
	text-align: center;
	transform: translate(50%, -50%);
}

.about_dv_melit_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}

.about_dv_melit_cnt {
}

.about_dv_melit_img {
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 20px;
}

.about_dv_melit_txt {
}

.about_dv_melit_txt_ttl {
	margin-bottom: 5px;
	color: #004cb4;
	font-weight: 500;
	font-size: 24px;
}

.about_dv_melit_txt_list {
}

.about_dv_melit_txt_list p {
	display: flex;
	align-items: center;
	gap: 5px;
}

.about_dv_melit_txt_list p::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #00b4df;
}

.about_detail_item {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 18px 0;
}

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

@media screen and (max-width:768px) {
	.page_hd_img_item {
	}

	.contnts_hd_img {
	}

	.place {
	}

	.place_wrap {
	}

	.place_hd {
	}

	.place_cnt {
	}

	.place_info {
		flex-flow: column-reverse;
		height: auto;
	}

	.place_info_pic {
		width: 100%;
	}

	.place_info_detail {
		width: 100%;
		padding: 35px 20px 30px;
	}

	.place_info_detail_wrap {
	}

	.place_info_detail_name {
		margin-bottom: 10px;
		font-size: 20px;
	}

	.place_info_detail_tbl {
	}

	.place_info_detail_tbl dl {
	}

	.place_info_detail_tbl dl dt {
	}

	.place_info_detail_tbl dl dd {
	}

	.pinicon {
	}

	.about {
	}

	.about_wrap {
	}

	.about_hd {
	}

	.about_cnt {
	}

	.about_detail {
	}

	.about_detail_wrap {
	}

	.about_detail_hd {
		height: 40px;
		padding: 0 16px;
		font-size: 18px;
	}

	.about_con .about_detail_hd {
	}

	.about_dv .about_detail_hd {
	}

	.about_detail_cnt {
	}

	.about_dv_melit {
		padding: 70px 0 60px;
	}

	.about_dv_melit::after {
		width: 100%;
		border-radius: 60px;
	}

	.about_dv_melit_ttl {
		height: 66px;
		font-size: 20px;
	}

	.about_dv_melit_wrap {
		grid-template-columns: 1fr;
		gap: 30px;
		padding: 0 20px;
	}

	.about_dv_melit_cnt {
	}

	.about_dv_melit_img {
		margin-bottom: 12px;
	}

	.about_dv_melit_txt {
	}

	.about_dv_melit_txt_ttl {
	}

	.about_dv_melit_txt_list {
	}

	.about_dv_melit_txt_list p {
	}

	.about_dv_melit_txt_list p::before {
	}

	.about_detail_item {
	}
}