@import url(variable.less);

.sec_01 {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding-bottom: 0 !important;
	.map_contain {
		width: 100%;
		height: 38rem;
		overflow: hidden;
		border: 1px solid @color_lightgray;
		.root_daum_roughmap {
			width: 100%;
			height: 100%;
			.wrap_map {
				width: 100%;
				height: 100%;
			}
		}
		.map_border {
			display: none;
		}
	}
	.location {
		display: flex;
		gap: 0 6rem;
		> * {
			padding: 3rem 0;
		}
		.tit_box {
			border-top: 2px solid @color_black;
			flex: 0 0 30rem;
		}
		.info_box {
			border-top: 2px solid @color_lightgray;
			flex: 1;
			display: flex;
			flex-direction: column;
			gap: 2rem;
			.info {
				display: flex;
				align-items: center;
				.tit {
					display: flex;
					align-items: center;
					gap: 1rem;
					margin-right: 10%;
					.ico {
						width: 4.8rem;
						height: 4.8rem;
						border-radius: 50px;
						background-color: @color_bg2;
						display: flex;
						align-items: center;
						justify-content: center;
					}
				}
			}
		}
		@media @tab {
			flex-direction: column;
			> * {
				padding: 1.6rem 0;
			}
			.tit_box {
				flex: none;
			}
			.info_box .info .tit {
				margin-right: 3rem;
				.ico {
					width: 3.8rem;
					height: 3.8rem;
				}
			}
		}
		@media @mobile_l {
			.info_box {
				gap: 1.6rem;
				.info .tit {
					margin-right: 1.6rem;
					.ico {
						width: 3rem;
						height: 3rem;
					}
				}
			}
		}
	}

	@media @mobile_l {
		.map_contain {
			height: 28rem;
		}
	}
}