@charset "utf-8";


.sub_contents {width:100%; line-height:1.45; overflow-y:hidden; position:relative; z-index:2;  color:#666; font-size:1.8rem;}

figure {margin:0;}
.color_w {color:#fff; }
.color_b {color:#000;}}
.bor_line {border:1px solid #ddd; }
.line_top {border-top:2px solid #222; }
.line_bot {border-bottom:1px solid #ddd; }
.grey_bg {background:#f8f8f8 !important;}

.flex_box {display:flex; flex-wrap:wrap;}

.table_info {font-size:1.8rem; text-align:left; margin-top:2.0rem; color:#666; line-height:1.5;}
.table {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table thead {border-top: 3px solid #2a303a; background:#f8f8f8; }
.table thead th{ border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;  padding: 20px 12px; }
.table thead th:first-child {border-left: 0;}
.table .le_line { border-left: 1px solid #2a303a !important;}
.table .le_line2 { border-left: 1px solid #bebebe !important;}


.table tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding: 12px; color: #555;  vertical-align: middle;  }
.table tbody td:first-child {border-left: 0; text-align:center; }
.table tbody td {text-align:center;}
.table tbody td strong {color:#000;}
.table .ri_line { border-right: 1px solid #bebebe !important;}
.table tfoot {background:#626262; color:#fff; }
.table tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table tfoot td {padding: 12px 15px; text-align:center; vertical-align: middle;}



/*동영상*/
.video-section{
  width:100%;
  max-width:100%;
  margin:0 auto;
}

.video-container{
 margin-bottom:0rem;
  background:#dfdfdf;
  position: relative;
  width: 100%;
  height: auto;
  padding-top: 56.25%;
}

.video-container iframe{
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.wps_100 {width:100% !important;}
.pd_150 {padding:15.0rem 0 !important;}
.pd_50 {padding:5.0rem 0 !important;}
.mob_br {display:none;}

@media( max-width:1400px ) {
.side_pd2 {padding-left:17px !important; padding-right:17px !important;}

}




@media( max-width:1600px ) {
.side_pd {padding-left:17px !important; padding-right:17px !important;}

}



@media( max-width:768px ) {
	.mob_br {display:block;}
	.pd_150 {padding:8.0rem 17px !important;}
}	.pd_50 {padding:5.0rem 17px !important;}



.sub_txt {text-align:center; font-size:3.2rem; color:#000;   font-weight:500;}
.div_scroll {width:100%;}





@media screen and (max-width:1024px) {
	.sub_txt { font-size:2.4rem;}

	.div_scroll {overflow-x: auto; overflow-y: hidden;}
	.div_scroll img {max-width:1000px;}

	.div_scroll::-webkit-scrollbar {
		height: 5px;
	}

	.div_scroll::-webkit-scrollbar-thumb {
		background: #999;
		border-radius: 10px;
	}

	.div_scroll::-webkit-scrollbar-track {
		background: #eee;
	}
}

@media screen and (max-width:768px) {
.sub_txt {font-size:2.2rem;}
.sub_txt br {display:none;}


}

/*회사소개*/
.overview_top {text-align:center; }
.overview_top .txt1 {font-size:5.2rem;  line-height:1.2;}
.overview_top p {font-size:2.4rem; margin-top:2.5rem; font-weight:500; line-height:1.6;}


.overview_mid {padding:18.0rem 0; text-align:center;  margin-top:12.0rem; color:#fff;} 

.overview_mid .overview_mid_title {}
.overview_mid .overview_mid_title span {font-size:2.0rem; font-weight:600; display:block;}
.overview_mid .overview_mid_title h3 {font-size:5.8rem; }
.overview_mid .overview_mid_title p {font-size:2.4rem; color:#bebebe; font-weight:500; margin-top:2.0rem;  }


.overview_mid .overview_mid_conts { margin-top:5.0rem; display:grid; gap: 20px; grid-template-columns: repeat(3, 1fr); }
.overview_mid .overview_mid_conts .overview_mid_box {background:#fff; padding:4.0rem 2.0rem 3.0rem 2.0rem; text-align:center; color:#000; }
.overview_mid .overview_mid_conts .overview_mid_box:first-child strong {font-size:6.0rem; line-height:1;}
.overview_mid .overview_mid_conts .overview_mid_box span { font-size:2.2rem; font-weight:700;}
.overview_mid .overview_mid_conts .overview_mid_box strong {font-size:3.0rem; color:#130f63; font-weight:800; display:block;}
.overview_mid .overview_mid_conts .overview_mid_box strong > span {font-size:2.4rem; }
.overview_mid .overview_mid_conts .overview_mid_box p {color:#666; font-size:1.8rem;font-weight:500;  margin-top:1.5rem; }




.company_overview {
	margin-top:0rem; position: relative;
	min-height: 840px;
	padding: 120px 0;
	background:
		linear-gradient(
			rgba(0, 0, 0, 0.02),
			rgba(0, 0, 0, 0.02)
		),
		url("../../pages/images/overview_bg.jpg")
		no-repeat center center / cover;
}

.company_overview_inner {
	position: relative;
	z-index: 1;
	max-width: 1400px;
	margin: 0 auto;
}

.overview_title {
	margin-bottom: 40px;
	color: #fff;
	font-size: clamp(36px, 4vw, 54px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.04em;
}

.overview_grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.overview_card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 250px;
	padding: 4.0rem;
	background-color: #fff;
	color: #111;
}

.overview_card_primary {
	background-color: #17136c;
	color: #fff;
}

.overview_card_top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
}

.overview_label {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.5;
}

.overview_icon {
	flex: 0 0 auto;
	width: 70px;
	height: 70px;
	
}
address {    font-style: normal;}

.overview_value {
	
	font-size: 2.6rem;
	font-weight: 600;
	
}



@media screen and (max-width: 1200px) {
	.overview_top .txt1 {font-size:4.2rem; }
	.overview_top p {font-size:2.0rem;}
	
	.overview_mid {padding:10.0rem 0; }
	.overview_mid .overview_mid_title h3 {font-size:3.8rem; }
	.overview_mid .overview_mid_title p {font-size:2.0rem; }
	.overview_mid .overview_mid_title p br {display:none;}

	.company_overview {
		min-height: auto;
		padding: 100px 0;
	}

	.company_overview_inner {
		max-width: none;
		padding-right: 40px;
		padding-left: 40px;
	}
}

@media screen and (max-width: 900px) {
	.overview_mid .overview_mid_conts {grid-template-columns: repeat(1, 1fr); }

	
	.overview_mid .overview_mid_conts .overview_mid_box:first-child strong {font-size:5.0rem; }
	.overview_mid .overview_mid_conts .overview_mid_box strong {font-size:3.2rem; }


	.overview_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.overview_card {
		min-height: 180px;
	}
}

@media screen and (max-width: 768px) {
	.overview_top .txt1 {font-size:3.2rem; }
	.overview_top p br {display:none;}
	
	.company_overview {
		padding: 80px 0;
		background-position: center center;
	}

	.company_overview_inner {
		padding-right: 20px;
		padding-left: 20px;
	}

	.overview_title {
		margin-bottom: 30px;
		font-size:3.2rem;
	}

	.overview_grid {
		gap: 12px;
	}

	.overview_card {
		min-height: 165px;
		padding: 28px 24px;
	}

	.overview_label {
		font-size: 17px;
	}

	.overview_icon {
		width: 45px;
		height: 45px;
	}

	.overview_value {
		font-size: 18px;
	}
}

@media screen and (max-width: 500px) {
	.company_overview {
		padding: 65px 0;
	}

	.overview_grid {
		grid-template-columns: 1fr;
	}

	.overview_card {
		min-height: 150px;
	}

	.overview_card_primary {
		min-height: 160px;
	}
}


/*인사말*/
.message_img {border-radius:3.0rem;  overflow:hidden;}
.messages_txt {padding:5.0rem 10.0rem 0 10.0rem}
.messages_txt .txt1 {font-size:2.6rem; font-weight:800; margin-bottom:3.0rem; color:#000;}
.messages_txt p {margin-bottom:2.0rem;}

.ceo_name {display:flex;  justify-content: flex-end; color:#000; gap:30px; font-size:2.2rem;}
.ceo_name .name_wrap {display:flex; align-items: center; gap:5px;}
.ceo_name .name_wrap .name_big {font-size:2.8rem; }

@media( max-width:1024px ) {
.messages_txt {padding:5.0rem 0;}
.ceo_name .name_wrap img {max-width:65%;}
}


@media( max-width:768px ) {
.ceo_name { flex-direction: column; gap:0; font-size:2.0rem; }

}

/*연혁*/

.his_wrap {width:100%; position:relative;  margin-bottom:10.0rem;}
.his_wrap:nth-child(2) {margin-top:10.0rem;}
.his_wrap:nth-child(even) { flex-direction: row-reverse; }
.his_wrap:last-child {margin-bottom:0rem;}
.his_wrap .his_img {width:50%; }
.his_wrap .his_img img {border-radius:1.5rem;}
.his_wrap .his_txt {width:50%; padding-top:5.0rem; padding-left:2.5rem;}
.his_wrap .his_txt .his_txt1 {font-size:2.6rem; color:#0047ab; margin-bottom:1.0rem; font-weight:700; display:block; }
.his_wrap .his_txt .his_txt2 {font-size:4.0rem; margin-bottom:2.0rem; font-weight:700; display:block;}
.his_wrap .his_txt .his_txt3 {font-size:2.0rem; color:#404040; line-height:1.45;}

.his_wrap .his_txt .his_txt_cont {margin-top:2.0rem;   }
.his_wrap .his_txt .his_txt_cont dl {display:flex; padding:1.0rem 1.0rem; }
.his_wrap .his_txt .his_txt_cont dt {width:7.0rem; font-weight:600; font-size:2.2rem; color:#000;}
.his_wrap .his_txt .his_txt_cont dd {width:calc(100% - 7.0rem); color:#404040; font-size:1.8rem; line-height:1.65;}


.his_wrap .hisSwiper .swiper-pagination-bullet-active {background:#0047ab;}


@media( max-width:1200px ) {

.his_wrap .his_txt .his_txt2 {font-size:3.0rem; }
.his_wrap .his_txt .his_txt3 {font-size:1.8rem;}
}


@media( max-width:768px ) {

.his_wrap:nth-child(2) {margin-top:5.0rem;}
.his_wrap {margin-bottom:8.0rem;}
.his_wrap .his_img {width:100%; position: relative; top:0rem; }
.his_wrap .his_img img {border-radius:0;}
.his_wrap .his_txt {width:100%; margin-top:5.0rem; padding-top:0;}

.his_wrap .his_txt .his_txt_cont dt {width:40px;}
.his_wrap .his_txt .his_txt_cont dd {width:calc(100% - 40px);}
}




/*조직도*/


.organization {background:#f8f8f8; text-align:center; border-radius:3.0rem; padding:5.0rem; margin-top:5.0rem;}





/*경영이념*/

.philosophy_img_wrap {text-align:center; background:#f8f8f8; padding:5.0rem;}
.philosophy_top {font-size:4.6rem; font-weight:700; color:#000; text-align:center; margin-top:5.0rem;}
.philosophy_img_wrap .philosophy_img {margin-top:3.0rem;}
.philosophy_img_wrap .philosophy_img img {max-width:50%;}

.philosophy_conts {display:grid; gap:4.0rem; grid-template-columns: repeat(3, 1fr); margin-top:5.0rem;}
.philosophy_conts .philosophy_box {text-align:center; padding:5.0rem 5.0rem 3.0rem 5.0rem; background:#fff; border:1px solid #ddd;}
.philosophy_conts .philosophy_box dt {font-size:2.8rem; font-weight:600;}
.philosophy_conts .philosophy_box dd {font-size:2.0rem; margin-top:2.0rem;}

.philosophy_conts .philosophy_box:nth-child(1) dt {color:#130f63;}
.philosophy_conts .philosophy_box:nth-child(2) dt {color:#a31621;}
.philosophy_conts .philosophy_box:nth-child(3) dt {color:#053c5e;}


@media( max-width:1024px ) {

.philosophy_top {font-size:3.4rem;}
.philosophy_img_wrap .philosophy_img img {max-width:90%;}

.philosophy_conts {grid-template-columns: repeat(1, 1fr); }
}


@media( max-width:768px ) {
.philosophy_img_wrap { padding:3.0rem;}
.philosophy_img_wrap .philosophy_img img {max-width:100%;}
}



/*회사시설*/

.gallery_wrap { background:#f8f8f8; padding:8.0rem; border-radius:2.0rem; margin-bottom:5.0rem; width: 100%; }
.gallery_wrap h3{font-size:3.2rem; font-weight:600; color:#000; padding-bottom:1.5rem; border-bottom:2px solid #000;}




/* 메인 */
.gallery_main {
	width: 100%;
	padding:0;  margin-top:3.0rem;
}

.gallery_main .swiper-slide {
	overflow: hidden;
}

.gallery_main .swiper-slide img {
	display: block;
	width: 100%;
	/*height: 600px;*/
	object-fit: cover;
}

.gallery_main .swiper-button-next, .gallery_main .swiper-button-prev {color:#fff !important;}


/* 썸네일 */
.gallery_thumb {
	margin-top: 16px;
}

.gallery_thumb .swiper-slide {
	cursor: pointer;
	opacity: 0.45;
	transition: opacity 0.3s;
}

.gallery_thumb .swiper-slide-thumb-active {
	opacity: 1;
}

.gallery_thumb .swiper-slide img {
	display: block;
	width: 100%;
	height: 120px;
	object-fit: cover;
}


/* 모바일 */
@media (max-width: 768px) {

	.gallery_wrap {padding:3.0rem;}
	.gallery_wrap h3 {font-size:2.2rem;}
	
	.gallery_main .swiper-slide img {
		/*height: 400px;*/
	}

	.gallery_thumb .swiper-slide img {
		height: 80px;
	}

}




/*사업소개*/

.business_img {background:#f8f8f8; padding:5.0rem; border-radius:3.0rem; text-align:center;  }
.business_wrap {display:grid; gap:4.0rem; grid-template-columns: repeat(2, 1fr); margin-top:5.0rem;}
.business_box {border:1px solid #ddd; padding:5.0rem; display:flex;}
.business_box .business_icon {width:15.0rem;}
.business_box .business_icon img {width:12.0rem; }
.business_box .business_txt {width:calc (100% - 15.0rem);}
.business_box .business_txt h3 {color:#000; font-size:2.4rem; font-weight:600; margin-top:2.0rem;}
.business_box .business_txt p {font-size:2.0rem; margin-top:1.0rem; }

.design_process_section {
margin-top:10.0rem;
}

.design_process_wrap {
	
}

.design_process_title {	
	margin: 0;
	font-size: 3.6rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
	border-bottom:2px solid #000; padding-bottom:2.0rem;

}

.design_process_box {
	position: relative;
	flex: 1;
	padding: 8.0rem;;	
	
	background: #f4f4f4;
	margin-top:3.0rem;
}

.design_process_head {
	margin-bottom: 2.5rem;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.3;
	color: #130f63;
	
}

.design_process_flow {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 1.4rem;
	padding-bottom: 4.5rem;
	
}

.process_step {
	position: relative;
	flex: 0 0 240px;
	height: 180px;
	padding: 3.0rem;
	border-radius: 2.0rem;
	background: #fff;
	text-align: center;
}

.process_step_sm {
	/*flex-basis: 180px;*/
	min-height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.process_step_point {
	flex-basis: 220px;
	min-height: 140px;
}

.step_head {
	display: inline-block;
	min-width: 150px;
	margin-bottom: 1.2rem;
	padding: 0.8rem 1.2rem;
	background: #130f63;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	
}

.process_step_sm .step_head {
	margin-bottom: 0;
}

.process_step p {
	margin: 0.4rem 0 0;
	font-size: 1.9rem;
	font-weight: 500;
	line-height: 1.45;
	
}

.process_arrow {
	position: relative;
	flex: 0 0 32px;
	height: 2px;
	background: #222;
}

.process_arrow::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -1px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #222;
	border-right: 2px solid #222;
	transform: translateY(-50%) rotate(45deg);
}

.process_feedback {
	position: absolute;
	right: 400px;
	bottom: -30px;
	width: 300px;
	height: 60px;
	border: 2px solid #222;
	border-top: 0;
	border-left: 0;
	border-radius: 0 0 22px 0;
}

.process_feedback::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	background: transparent;
}

.process_feedback::after {
	content: "";
	position: absolute;
	top: -7px;
	left: -1px;
	width: 12px;
	height: 12px;
	border-left: 2px solid #222;
	border-top: 2px solid #222;
	transform: rotate(-45deg);
	background: #fff;
}

.process_feedback span {
	position: absolute;
	right: 0;
	bottom: -3.0rem;
	font-size: 1.4rem;
	color: #666;
}

@media( max-width:1024px ) {

.business_wrap {grid-template-columns: repeat(1, 1fr);}
.business_img {border-radius:0;}
.design_process_box {padding:5.0rem;}
}


@media( max-width:768px ) {
.design_process_box {padding:5.0rem 3.0rem;}
.design_process_head {margin-bottom:0;}


.business_box {padding:2.5rem;}
.business_box .business_icon {width:15.0rem; }
.business_box .business_icon img {width:11.0rem;}
.business_txt {width:calc(100% - 15.0rem);}
.business_box .business_txt h3 {margin-top:1.0rem;}



}

/*인증 및 상장*/
.cert_wrap	{display:grid; gap:3.0rem; grid-template-columns: repeat(4, 1fr);}
.cert_wrap .cert_box {text-align:center; }
.cert_wrap .cert_box  figure {padding:7.0rem; background:#f4f4f4; }
.cert_wrap .cert_box  figure  img {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.cert_wrap .cert_box  p {font-size:2.0rem; margin-top:2.0rem; line-height:1.35;  }


@media( max-width:1200px ) {
.cert_wrap	{grid-template-columns: repeat(3, 1fr);}
}

@media( max-width:768px ) {
.cert_wrap	{grid-template-columns: repeat(2, 1fr); gap:3.0rem;}
.cert_wrap .cert_box  figure {padding:4.0rem; }
.cert_wrap .cert_box  p { margin-top:3.0rem;  }
}

/*검사장비*/

.equipment_img_wrap {display:grid; gap:5.0rem; grid-template-columns: repeat(2, 1fr);}

.equipment_img_box {background:#f8f8f8; padding:4.0rem;}
.equipment_img_box h4 {font-size:2.6rem; color:#000; border-bottom:2px solid #000; padding-bottom:2.0rem; }
.equipment_img_box_inner {padding:4.0rem;}



@media( max-width:768px ) {

.equipment_img_wrap {display:grid; gap:5.0rem; grid-template-columns: repeat(1, 1fr);}

.equipment_img_box_inner {padding:0rem; margin-top:4.0rem;}
}

.equipment_table_wrap {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0rem;
	width: 100%;
	margin-top:8.0rem;
}

.equipment_table_box {
	min-width: 0;
	overflow-x: auto;
}

.equipment_table {
	width: 100%;
	min-width: 500px;
	border-collapse: collapse;
	table-layout: fixed;
	background: #fff;
}

.equipment_table th,
.equipment_table td {
	
	padding: 2.0rem 1rem;
	border-right: 0px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
	font-size: 2.0rem;
	line-height: 1.35;
	word-break: keep-all;
}

.equipment_table th {
	
	padding: 2.5rem 1rem;
	background: #000;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: 0.25em;
}

.equipment_table th:first-child,
.equipment_table td:first-child {
	border-left: 0px solid #ddd;
}

.equipment_table thead tr:first-child th {
	border-top: 1px solid #ddd;
}

@media (max-width: 1024px) {
	.equipment_table_wrap {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

@media (max-width: 600px) {
	.equipment_table {
		min-width: 460px;
	}

	.equipment_table th,
	.equipment_table td {
		
		padding: 2.0rem 0.7rem;
		font-size: 1.8rem;
	}

	.equipment_table th {
		letter-spacing: 0.1em;
	}
}



/*생산설비*/

.facilities_video_wrap {margin-bottom:5.0rem; display:grid; gap:3.0rem; grid-template-columns: repeat(2, 1fr);}
.facilities_video {}

.facilities_wrap {display:grid; gap:3.0rem; grid-template-columns: repeat(3, 1fr)}
.facilities_img p {background:#f8f8f8; padding:1.5rem; margin-top:1.0rem; text-align:center; }



@media (max-width: 1024px) {
.facilities_video_wrap {grid-template-columns: repeat(1, 1fr)}
.facilities_wrap {grid-template-columns: repeat(2, 1fr)}
}


@media (max-width: 500px) {
.facilities_wrap {grid-template-columns: repeat(1, 1fr)}
}


.facilities_table_wrap {
	 margin-top:12.0rem; 
	 display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: start;
	gap: 40px;
}

.facilities_table_box {
	min-width: 0;
}

.facilities_table_title {
	margin: 0 0 18px;
	color:#000;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.2;
}

.table_scroll {
	overflow-x: auto;
}

.facilities_table {
	width: 100%;
	min-width: 420px;
	border-collapse: collapse;
	
	table-layout: fixed;
}

.facilities_table th,
.facilities_table td {
	height: 60px;
	padding: 15px 20px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
	
}

.facilities_table th:last-child,
.facilities_table td:last-child {
	border-right: 0;
}

.facilities_table thead th {
	background: #130f63;
	color: #fff;
	font-weight: 700;
	font-size:2.2rem;
}

.facilities_table tbody td:first-child {
	
}

.facilities_table tbody td:last-child {
	color: #130f63;
	font-weight: 700;
}

@media (max-width: 767px) {
	.facilities_table_wrap {
		grid-template-columns: 1fr;
		gap: 50px;
	}

	.facilities_table_title {
		margin-bottom: 14px;
		font-size: 23px;
	}

	.facilities_table th,
	.facilities_table td {
		
		padding: 13px 15px;
		font-size: 16px;
	}
}

/*주요생산설비*/


.product_box_wrap2 {background:#f8f8f8; padding:5.0rem; border-radius:2.0rem; margin-bottom:5.0rem; }
.product_box_wrap2:nth-child(1) { margin-top:8.0rem;}

.product_box_wrap2:last-child {margin-bottom:0}

.product_box_wrap2 .product_txt2 {width:100%;}
.product_box_wrap2 .product_txt2 h3 { font-size:3.2rem; font-weight:600; color:#000; padding-bottom:1.5rem; border-bottom:2px solid #000;}
.product_box_wrap2 .product_txt2 p {font-size:2.2rem; padding-bottom:1.5rem; border-bottom:2px solid #000;}
.product_box_wrap2 .product_txt2 dl:nth-child(2) {margin-top:2.0rem}
.product_box_wrap2 .product_txt2 dl { display:flex; padding:0.7rem 2.5rem;  font-size:2.0rem}
.product_box_wrap2 .product_txt2 dl dt {width:10.0rem; color:#000; font-weight:600; text-align:left; }
.product_box_wrap2 .product_txt2 dl dd {width:calc(100% - 10.0rem); font-size:2.0rem}

.product_box_wrap2 .product_img2 {margin-top:5.0rem; display:grid; gap:3.0rem; grid-template-columns: repeat(3, 1fr);}
.product_box_wrap2 .product_img2 .product_box2 {}
.product_box_wrap2 .product_img2 .product_box2 img {}
.product_box_wrap2 .product_img2 .product_box2 figcaption {font-size:1.8rem; font-weight:600;; text-align:center; color:#000; margin-top:1.0rem;}


.product_img2_1 {margin-top:5.0rem; display:grid; gap:3.0rem; grid-template-columns: repeat(4, 1fr);}
.product_img2_1 .product_box2 figcaption {font-size:1.8rem; font-weight:600;; text-align:center; color:#000; margin-top:1.0rem;}

@media (max-width: 1200px) {
.product_box_wrap2 .product_img2 {margin-top:5.0rem; display:grid; gap:3.0rem; grid-template-columns: repeat(2, 1fr);}
.product_img2_1 {gap:3.0rem; grid-template-columns: repeat(2, 1fr);}
}


@media (max-width: 768px) {
.product_box_wrap2 {padding:25px;}
.product_box_wrap2:nth-child(1) { margin-top:5.0rem;}
.product_box_wrap2 .product_txt2 h3 { font-size:2.8rem; }
.product_box_wrap2 .product_txt2 dl dt {width:50px; text-align:left}
.product_box_wrap2 .product_txt2 dl dd {width:calc(100% - 50px);}

.product_box_wrap2 .product_img2 {gap:15px;}

}






/*.product_box {background:#f8f8f8; padding:5.0rem; border-radius:2.0rem; margin-bottom:5.0rem; }
.product_box:nth-child(1) { margin-top:8.0rem;}

.product_box:last-child {margin-bottom:0}
.product_box .product_img {width:50.0rem; background:#fff; padding:3.5rem;}
.product_box .product_img img {}
.product_box .product_img P {font-size:16px; margin-top:2.0rem; opacity:0.6;}
.product_box .product_txt {width:calc(100% - 50.0rem); padding:5.0rem;}
.product_box .product_txt h3 { font-size:3.2rem; font-weight:600; color:#000; padding-bottom:1.5rem; border-bottom:2px solid #000;}
.product_box .product_txt p {font-size:2.2rem; padding-bottom:1.5rem; border-bottom:2px solid #000;}
.product_box .product_txt dl:nth-child(2) {margin-top:2.0rem}
.product_box .product_txt dl { display:flex; padding:1.0rem 2.5rem;  font-size:2.2rem}
.product_box .product_txt dl dt {width:10.0rem; color:#000; font-weight:600;}
.product_box .product_txt dl dd {width:calc(100% - 10.0rem); font-size:2.0rem}

@media (max-width: 1400px) {
.product_box .product_img {width:40.0rem;}
.product_box .product_txt {width:calc(100% - 40.0rem);}
}


@media (max-width: 768px) {
.product_box:nth-child(1) { margin-top:5.0rem;}
.product_box {}
.product_box .product_img {width:100%;}
.product_box .product_txt {width:100%; padding:5.0rem 0 0 0;}

}

@media (max-width: 500px) {
.product_box .product_txt dl { flex-direction: column;}
.product_box .product_txt dl dt { width:100%;}
.product_box .product_txt dl dd {margin-top:1.0rem; width:100%;}
}*/



/*오시는길*/
.loc_map {width:100%; margin-top:0rem; padding:2.0rem 0;  /*pointer-events: none;*/}
.loc_map .map_height {height:60.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important; z-index:0;}
.loc_map iframe {width:100%; height:50.0rem; }

.loc_txt {display:flex;  justify-content: space-between; position:relative; width:100%; max-width:140.0rem; margin:-15.0rem auto 0;  
			background:#130f63; padding:8.5rem 5.5rem 6.5rem 8.5rem; border-radius:2.5rem; z-index:1; color:#fff; }
.loc_txt h3 {font-size:3.6rem;}
.loc_txt .list {width:60.0rem;}
.loc_txt .list dl {display:flex; font-size:2.0rem; padding:0.7rem 0;}
.loc_txt .list dl dt {width:17.0rem; font-weight:500;}
.loc_txt .list dl dd {width:calc (100% - 17.0rem); opacity:0.7;}

.map_go {background:#fff; padding:2.5rem; border-radius:2.5rem; aspect-ratio: calc(148/148) / 1; width:14.8rem; text-align:center; display:block; }
.map_go span {display:block; font-size:2.2rem; font-weight:600; color:#130f63; margin-top:2.0rem;}


@media (max-width: 1400px) {
.loc_txt {width:90%;}

}

@media (max-width: 1200px) {

.map_go {display:none;}
.loc_txt {padding:6.5rem;}

}

@media (max-width: 768px) {
.loc_map .map_height {height:45.0rem;}
.loc_txt { flex-direction: column; margin:-8.0rem auto 0; padding:4.5rem;}
.loc_txt h3 {font-size:2.8rem; display:none;}
.loc_txt .list {width:100%; margin-top:0rem;}
}


@media (max-width: 500px) {
.loc_txt .list dl { flex-direction: column;}
.loc_txt .list dl dt {width:100%;}
.loc_txt .list dl dd {width:100%; margin-top:0.5rem;}
}
