@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions {
	border: 1px solid #ccc;
	max-height: 150px;
	overflow-y: auto;
	position: relative;
	/* 	position: absolute;  */
	background-color: white;
	z-index: 1000;
	width: calc(100% - 22px);
}


p {
	margin-bottom: unset !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: unset !important;
}

.p_16 {
	color: #222;
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 16px */
}

.center {
	text-align: center !important;
}

.p_16.blue {
	color: #28459E;
}

.h_32 {
	color: var(--Foundation-GREY-900, #222);
	font-family: Pretendard;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 32px */
	letter-spacing: 0.16px;
}

.p_18 {
	color: var(--Foundation-GREY-900, #222);

	/* Body-16 */
	font-family: Pretendard;
	font-size: 18px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 150%;
	/* 27px */
	letter-spacing: 0.18px;
}

.p_24 {
	color: var(--Foundation-GREY-900, #222);
	/* H5-24 */
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 500;
	font-style: normal;
	line-height: 100%;
	/* 24px */
	letter-spacing: 0.12px;
}

.blue_span {
	color: var(--foundation-blue-normal-active, #16538E);
}

.con_bottom_txt {
	text-align: end;
}

.tab_con .con {
	display: none;
}

.tab_con .con.active {
	display: block;
}

/* 제품정보 */
.blue_line {
	position: relative;
	width: fit-content;
	margin: 0 auto;
}

.blue_line:after {
	content: '';
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background: rgba(24, 94, 159, 0.20);
}

.sub_tab_box {
	border-radius: 8px;
	background: var(--Foundation-GREY-100, #F1F1F1);
	padding: 8px;
	width: 100%;


}

.sub_tab_box .sub_tab_btn {
	width: 25%;
	padding: 0 5px;
	height: 60px;
	color: var(--Foundation-GREY-600, #5B5B5B);

	/* Sub Title-20 */
	font-family: Pretendard;
	font-size: clamp(16px,3.2vw,20px);
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	/* 20px */
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.sub_tab_box .sub_tab_btn.active {
	border-radius: 4px;
	background: var(--foundation-blue-normal-hover, #185E9F);
	color: var(--Foundation-GREY-gr-50, #FAFAFA);
}


.sub_tab_box .sub_tab_btn02 {
	width: 33.333%;
	padding: 0 10px;
	height: 60px;
	color: var(--Foundation-GREY-600, #5B5B5B);

	/* Sub Title-20 */
	font-family: Pretendard;
	font-size: clamp(16px,3.2vw,20px);
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-align: center;
	/* 20px */
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}

.sub_tab_box.four .sub_tab_btn02 {
	width: 25%;
}

.sub_tab_box .sub_tab_btn02.active {
	border-radius: 4px;
	background: var(--foundation-blue-normal-hover, #185E9F);
	color: var(--Foundation-GREY-gr-50, #FAFAFA);
}


.sub_tab_box.three .sub_tab_btn {
	width: 33.333%;
}

.sub_tab_box.eight .sub_tab_btn {
	width: calc(100% / 8);
}

.sub_tab_box.two .sub_tab_btn {
	width: 50%;
}


.img_blue_box {
	gap: 24px;
	padding: 40px;
	border-radius: 8px;
	background: rgba(5, 90, 137, 0.10);
}

.img_blue_box .img_box {
	width: calc(50% - 12px);
}

.img_blue_box img {
	aspect-ratio: 1 / 0.75;
}

.h_28 {
	color: #222;
	/* H4-28 */
	font-family: Pretendard;
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 28px */
	letter-spacing: 0.07px;
}

.h_24 {
color: var(--Foundation-GREY-900, #222);
font-family: Pretendard;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 24px */
}


.blue_dot {
	padding-left: 20px;
	position: relative;
}

.blue_dot:after {
	border-radius: 999px;
	background: #185E9F;
	content: '';
	width: 8px;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.dot {
	padding-left: 20px;
	position: relative;
}


.dot:after {
	border-radius: 999px;
	background: #222;
	content: '';
	width: 4px;
	aspect-ratio: 1 / 1;
	position: absolute;
	top: 0;
	left: 5px;
	transform: translateY(11px);
}

.blue_table_wrapper {
	width: 100%;
}

.blue_table_wrapper table {
	width: 100%;
}

.blue_table_wrapper table th {
	border-right: 1px solid var(--foundation-blue-light-active, #B8D0E7);
	/* border-bottom: 1px solid var(--foundation-blue-light-active, #B8D0E7); */
	background: #185E9F;
	color: var(--Foundation-GREY-gr-50, #FAFAFA);

	/* Sub Title-16 */
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-align: center;

	/* 16px */
	height: 52px;

}

.blue_table_wrapper table th:last-child {
	border-right: unset;
}

.blue_table_wrapper table td {
	color: var(--GREY-700, #444);
	font-family: Pretendard;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	/* 24px */
	letter-spacing: 0.16px;
	height: 52px;
padding: 12px 6px;
	text-align: center;
	border-bottom: 1px solid var(--Foundation-GREY-, #E6E6E6);
	/* border-left: 1px solid var(--Foundation-GREY-, #E6E6E6); */
	border-right: 1px solid var(--Foundation-GREY-, #E6E6E6);
}

.blue_table_wrapper table td.blue_td {
	color: var(--Foundation-Blue-Normal, #1B68B1);
	font-weight: 500;
	line-height: 100%;
	/* 16px */
	border-bottom: 1px solid var(--foundation-blue-light-active, #B8D0E7);
	background: rgba(24, 94, 159, 0.10);
	border-right: unset;
}

.border_box.border_bottom_right {
	border-bottom: 1px solid var(--Foundation-GREY-, #E6E6E6);
	border-right: 1px solid var(--Foundation-GREY-, #E6E6E6);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;

}


.border_top_left {
	border-radius: 8px 0 0 0;
}

.border_top_right {
	border-radius: 0 8px 0 0;
}

.border_bottom_left {
	border-radius: 0 0 0 8px;
}

.border_bottom_right {
	border-radius: 0 0 8px 0;
}

table .last {
	border: 0 !important;
	padding: 0 !important;
}

.p_20 {
	color: #222;

	/* Sub Title-20 */
	font-family: Pretendard;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	/* 20px */
}

.gray_txt_box {
	border-radius: 4px;
	background: var(--Foundation-GREY-100, #F1F1F1);
	padding: 20px;
}

.svg_bar {
	margin: 80px 0;
}

.sub_tab_con {
  display: none;
}
.sub_tab_con.active {
  display: block;
}

.sub_tab_con02 {
  display: none;
}
.sub_tab_con02.active {
  display: block;
}


.four_img_blue_box {
	border-radius: 8px;
background: rgba(5, 90, 137, 0.10);
padding: 20px;
}

.four_img_blue_box ul {
	align-items: center;
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.four_img_blue_box ul li {
	width: calc(25% - 20px);
}





@media all and (max-width:1000px) {
	.sub_tab_box.eight .sub_tab_btn {
    width: calc(100% / 4);
}
}

@media all and (max-width:768px) {

	.four_img_blue_box ul li {
	width: calc(50% - 12px);
}


	.img_blue_box {
		padding: 20px;
	}

	.blue_table_wrapper table td.blue_td,
	.border_box.border_bottom_right,
	.blue_table_wrapper table td {
		padding: 10px;
	}

	.svg_bar {
		margin: 60px 0 ;
	}

	.sub_tab_box .sub_tab_btn,
	.sub_tab_box .sub_tab_btn02
	 {
		height: 45px;
	}

	.space_box br {
		display: none;
	}
}



/* 20251112 추가 */
.login_form_flex_box01 select {
	    font-size: 17px;
}
/* 또는 화면 높이의 30% 위치로 */
#map_box {
	scroll-margin-top: 10vh !important; /* 일단 !important 추가해서 테스트 */
	height: 100px;
  }

.map_box{margin-top: 0 !important;}