@charset "utf-8";

.sub_contents {width:100%;  line-height:1.4; color:#666; font-size:1.8rem; margin-top:9.0rem; overflow-y:hidden; overflow-x:hidden;}
.sub_contents img {max-width:100%;}

.color_w {color:#fff !important;}
.color_b {color:#000 !important;}
.pd_tb80 {padding:8.0rem 0;}
.grey_bg {background:#f2f6fd;}

.point {color:#1c2775 !important}
.point2 {color:#1c2775 !important}

.wps_100 {width:100%;}

.div_scroll {overflow-x: auto;position: relative; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
.div_scroll2 {overflow-x: auto;position: relative; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}
.div_scroll3 {overflow-x: auto;position: relative; -webkit-overflow-scrolling: touch; /* iOS 부드러운 스크롤 */}


sup, sub {font-size:1.2rem;}
figure {margin:0;}
img {max-width:100%;}

.flex_box {display:flex; flex-wrap:wrap;}
.wid_1600 {max-width:160.0rem; width:100%; margin:auto;}
.wid_1400 {max-width:140.0rem; width:100%; margin:auto;}

@media screen and (max-width: 1600px){
.side_pd {padding-right:16px !important; padding-left:16px !important;}
.margin_pd {margin-right:16px !important; margin-left:16px !important;}
}

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

@media screen and (max-width: 1200px){
	.sub_contents {margin-top:5.0rem;}
}

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

.video-container{
 margin-bottom:1.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%;
}



/*테이블*/
.table_info {font-size:1.6rem;}
.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: 500;  padding: 20px 12px; }
.table thead th span {display:block; font-size:1.7rem; font-weight:400;}
.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: 500;}
.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;}

.table .bg2 {background:#f8f8f8}





.table2 {width:100%;  text-align:center;   position:relative;  background:transparent; line-height:1.65; }
.table2 thead {background:#243880; }
.table2 thead th { /*border-bottom: 1px solid #2a303a;   border-left: 1px solid #2a303a; color: #000; font-weight: bold;*/ color:#fff;  font-size: 2.2rem;  padding: 20px 12px; }
.table2 thead th:first-child {border-left: 0;}
.table2 .le_line { border-left: 1px solid #ddd !important;}
.table2 .le_line2 { border-left: 1px solid #ddd !important;}
.table2 .ri_line { border-right: 1px solid #ddd !important;}

.table2 .bg2 {background:#f8f8f8}

.table2 tbody th {border-bottom: 1px solid #ddd; padding: 12px; color: #000; background:#f8f8f8; vertical-align: middle;  font-weight: 500;}
.table2 tbody td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 20px 15px; color: #555;  vertical-align: middle; text-align:center;  }
.table2 tbody td:first-child {border-left: 0; text-align:center; }
.table2 tbody td:nth-child(4) {text-align:left;} 
.table2 tbody td:nth-child(5) {text-align:left;} 
.table2 tbody td strong {color:#000;}

.table2 tfoot {background:#626262; color:#fff; }
.table2 tfoot th {text-align:center; padding:12px;  vertical-align: middle;}
.table2 tfoot td {padding: 12px 15px; text-align:right; vertical-align: middle;}



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

.table3 tbody th {border-bottom: 1px solid #bebebe; background:#f8f8f8; padding: 2.0rem;color: #000;  vertical-align: middle;  font-weight: 600;}
.table3 tbody td {border-bottom: 1px solid #bebebe; /*border-left: 1px solid #bebebe;*/ padding: 2.0rem; color: #555;  vertical-align: middle;  }
.table3 tbody td:first-child {border-left: 0;}
.table3 tbody td strong {color:#000;}
.table3 .le_line { border-left: 1px solid #2a303a !important;}



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

.table4 tbody th {border-bottom: 1px solid #bebebe; padding: 12px; color: #000;  vertical-align: middle;  font-weight: bold;}
.table4 tbody td {border-bottom: 1px solid #bebebe; border-left: 1px solid #bebebe; padding:12px 8.0rem 12px 0; color: #555;  vertical-align: middle;  text-align:right; }
.table4 tbody td:first-child {border-left: 0; text-align:center; }

.table4 tbody td strong {color:#000;}

@media screen and (max-width: 1024px){
.table4 tbody td {padding:12px 5.0rem 12px 0;}
}


.table5 {width:100%;  text-align:center;   position:relative; font-size: 1.8rem; background:transparent; line-height:1.65; }
.table5 thead {border-top: 0px solid #2a303a; background:#00418f; color:#fff; }
.table5 thead th{ border-bottom: 1px solid #6391c9;   border-left: 1px solid #6391c9; color: #fff; font-weight: bold;  padding: 20px 12px; }
.table5 thead th:first-child {border-left: 0;}
.table5 .le_line { border-left: 1px solid #6391c9 !important;}
.table5 .le_line2 { border-left: 1px solid #bebebe !important;}


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

.table5 .bg2 {background:#f8f8f8}


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

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

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

}



/******서브공통 ******/

.sub_top_wrap {}
.sub_top_wrap .sub_top_left {width:50%;}
.sub_top_wrap .sub_top_left span {display:block; color:#1c2775; font-size:2.8rem; font-weight:600;}
.sub_top_wrap .sub_top_left strong {display:block; color:#000; font-size:4.2rem; line-height:1.25; margin-top:0.5rem;}
.sub_top_wrap .sub_top_right {width:50%; font-size:2.4rem; display:flex;  justify-content: center; align-items: center; color:#000; padding-left:8.0rem;}
.sub_top_wrap .sub_top_right strong {color:#000; font-size:3.2rem}


.sub_top_wrap .sub_top_left2 {width:37.5rem;}
.sub_top_wrap .sub_top_left2 span {display:block; color:#1c2775; font-size:2.8rem; font-weight:600;}
.sub_top_wrap .sub_top_left2 strong {display:block; color:#000; font-size:4.2rem; line-height:1.25; margin-top:0.5rem;}
.sub_top_wrap .sub_top_right2 {width:calc(100% - 37.5rem); font-size:2.2rem;  color:#000;}
.sub_top_wrap .sub_top_right2 strong {color:#000; font-size:3.0rem; font-weight:500;}


.sub_top_wrap .sub_top_left3 {width:100%;}
.sub_top_wrap .sub_top_left3 span {display:block; color:#1c2775; font-size:2.8rem; font-weight:600;}
.sub_top_wrap .sub_top_left3 strong {display:block; color:#000; font-size:4.2rem; line-height:1.25; margin-top:0.5rem;}
.sub_top_wrap .sub_top_right3 {width:100%; font-size:2.2rem;  color:#000; margin-top:2.0rem; }
.sub_top_wrap .sub_top_right3 strong {color:#000; font-size:3.0rem; font-weight:500;}


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

.sub_top_wrap .sub_top_left {width:100%;}
.sub_top_wrap .sub_top_left span {font-size:2.4rem; }
.sub_top_wrap .sub_top_left strong {font-size:3.8rem; }
.sub_top_wrap .sub_top_right {width:100%; margin-top:3.0rem;  padding-left:0rem; justify-content:flex-start;}
.sub_top_wrap .sub_top_right strong {color:#000; font-size:2.8rem}
}


@media screen and (max-width: 1200px){
.sub_top_wrap .sub_top_left strong br {display:none;}

.sub_top_wrap .sub_top_left2 {width:100%}
.sub_top_wrap .sub_top_left2 strong {font-size:3.4rem; }
.sub_top_wrap .sub_top_right2 {width:100%; margin-top:3.0rem;}
.sub_top_wrap .sub_top_right2 strong {font-size:2.4rem;}

.sub_top_wrap .sub_top_right p br {display:none;}

.sub_top_wrap .sub_top_left3 strong {font-size:2.8rem; }


}

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

.sub_top_wrap .sub_top_left strong {font-size:2.6rem; }
}

/*회사소개*/
.company_right_bg {background: url("../../pages/images/company_right_bg.png") no-repeat top -30px right 10%; background-size:contain;  margin-bottom:10.0rem; padding-bottom:5.0rem;}
.overview_img {margin-top:8.0rem; border-radius:1.5rem; overflow:hidden; text-align:center; padding:10.0rem 5.0rem;}
.overview_bot {padding:20.0rem 0 10.0rem 0; margin-top:0rem; }

.overview_txt_top {  }
.overview_txt_top .overview_txt_inner {background:rgba(255,255,255,0.1); color:#fff; padding:7.0rem 10.0rem; border-radius:1.5rem; 
					-webkit-backdrop-filter: blur(10px);    backdrop-filter: blur(10px);    backdrop-filter: blur(10px);}
.overview_txt_top .ov_left {width:20%; font-size:2.4rem; font-weight:600;}
.overview_txt_top .ov_right {width:80%; font-size:2.0rem; line-height:1.6; }




.over_list_wrap { margin-top:5.0rem; }
.over_list {display:grid; grid-template-columns: repeat(4, 1fr); gap:2.0rem;}
.over_list .swiper-slide { border-radius:1.5rem; color:#fff; background:rgba(255,255,255,0.1); -webkit-backdrop-filter: blur(10px);    backdrop-filter: blur(10px);    backdrop-filter: blur(10px);
							display:flex;  flex-direction: column;  justify-content: center;}
.over_list .swiper-slide dl { padding: 3.0rem 3.0rem 3.0rem 4.0rem; }
.over_list .swiper-slide dl dt {font-size:2.0rem; width:100%;}
.over_list .swiper-slide dl dd {font-size:2.2rem; width:100%; font-weight:600; line-height:1.2; margin-top:2.0rem; }

.over_list .swiper-slide.swiper-slide_wide{width:35%;}
.over_list .swiper-slide.swiper-slide-active {color:#1c2775}

@media screen and (max-width: 1600px){
.overview_txt_top .overview_txt_inner {padding:3.0rem;}

}

@media screen and (max-width: 1200px){
.over_list_wrap { margin-top:5.0rem; }
.over_list  { grid-template-columns: repeat(3, 1fr); }

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

.overview_bot {padding:10.0rem 0 10.0rem 0; margin-top:0rem; }
.overview_img  img {width:30%;}



.over_list .swiper-slide dd {font-size:2.2rem;}
.over_list  { grid-template-columns: repeat(2, 1fr); }
.overview_txt_top .ov_left {width:100%; }
.overview_txt_top .ov_right {width:100%; margin-top:5.0rem;}


}


@media screen and (max-width: 768px){
.over_list  { grid-template-columns: repeat(1, 1fr); }
.company_right_bg { margin-bottom:5.0rem;}


}


/*CEO 인사말*/

.message_wrap { justify-content: space-between;}
.message_img {width:45%; height:100%;  }

.message_txt {width:50%; padding:3.0rem 0;  /*word-break: normal;*/}
.message_txt .txt1 {font-size:3.2rem; font-weight:600; color:#000; margin-bottom:2.5rem;}
.message_txt p {margin-bottom:2.4rem; font-size:2.0rem; }

.message_txt .ceo_name { font-size:2.2rem; color:#000; display:flex;   justify-content: flex-end; width:100%;}
.message_txt .ceo_name .ceo_name_txt {display:flex; align-items: center;}
.message_txt .ceo_name .ceo_signature strong {font-size:3.4rem; letter-spacing:1.0rem; display:inline-block; margin-left:2.0rem;}

.ceo_name {margin-top:3.0rem;}


@media screen and (max-width: 1024px){
.message_img {width:100%; }
.message_txt {width:100%; padding:5.0rem 0 0 0;}
.message_txt .txt1 {font-size:2.8rem; }
.message_txt .ceo_name .ceo_signature img {width:13.0rem;}

}

@media screen and (max-width: 500px){
.message_txt .ceo_name {  text-align:right;}
.message_txt .ceo_name_txt {justify-content: flex-end;}

}

/*연혁*/
.his_num {margin-top:8.0rem;}
.his_num_inner {display:grid; grid-template-columns: repeat(3, 1fr);  gap:3.5rem; }
.his_num_inner dl {background:var(--second-color); border-radius:1.0rem; padding:3.0rem 3.0rem 2.0rem 3.0rem;}
.his_num_inner dl dt {color:#fff; text-align:left;  font-size:2.6rem; font-weight:600;  }
.his_num_inner dl dd {  margin-top:3.0rem; margin-top:1.0rem; color:#fff; font-size:2.0rem; font-weight:600; }
.his_num_inner dl dd strong {color:#fff; font-weight:700; font-size:6.0rem;}
.his_num .num_year {text-align:right; margin-top:1.5rem; color:#222; width:100%;}
.his_num_inner .his_num_box:nth-child(1) dl {background:#1c2775 url("../../pages/images/his_ico01.png") no-repeat center right 5.0rem;  background-size:17%;}
.his_num_inner .his_num_box:nth-child(2) dl {background:#1c2775 url("../../pages/images/his_ico02.png") no-repeat center right 5.0rem;  background-size:17%;}
.his_num_inner .his_num_box:nth-child(3) dl {background:#1c2775 url("../../pages/images/his_ico03.png") no-repeat center right 5.0rem;  background-size:17%;}

.his_wrap {width:100%; position:relative;  justify-content: space-between; margin-top:4.0rem;}
.his_wrap:nth-child(2n) {flex-direction:row-reverse;}
.his_wrap .his_img {width:48%; min-height:57.0rem; border-radius:2.0rem;   overflow:hidden; display:flex; flex-direction: column; justify-content: center; align-items: center; color:#fff; }
.his_wrap .his_img > span {font-size:3.0rem; font-weight:700; }
.his_wrap .his_img > strong {font-size:5.0rem; } 

.his_wrap .his_txt {width:48%; background:#f8f8f8; padding:6.0rem; border-radius:2.0rem; display:flex; align-items: center;}
.his_wrap .his_txt dl {display:flex; margin-bottom:3.0rem; font-size:2.0rem;}
.his_wrap .his_txt dl:last-child {margin-bottom:0;}
.his_wrap .his_txt dl dt {color:#000; width:13.0rem; font-weight:600; }
.his_wrap .his_txt dl dd {width:calc(100% - 13.0rem); font-size:1.8rem; line-height:1.8;}




@media screen and (max-width: 1200px){
.his_wrap {margin-top:5.0rem;}
.his_wrap:nth-child(2n-1) {flex-direction:row;}
.his_wrap .his_img  {width:100%; min-height:40.0rem;}
.his_wrap .his_txt {width:100%; margin-top:5.0rem;}

}
@media screen and (max-width: 1024px){
.his_num_inner { grid-template-columns: repeat(1, 1fr);}
.his_num_inner .his_num_box dl {background-size:10% !important;}

}

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

.his_wrap .his_img  {width:100%; min-height:30.0rem;}
.his_wrap .his_txt  {padding:4.0rem;}
.his_num_inner .his_num_box dl {background-size:18% !important;}
}



/*조직도*/
.organization {text-align:center; margin-top:0rem; /*border-radius:2.0rem; */padding:8.0rem 2.0rem 23.0rem 2.0rem; background: #fff url("../../pages/images/organization_map.png") no-repeat top 40% center; 
				background-size:80% contain;}
.organization img {max-width:100%;}

.oran02 {position:relative; /*display:grid; grid-template-columns: repeat(8, 1fr);*/ display:flex;  justify-content: space-between; gap:1.0rem; padding: 0 7.0rem; margin:6.0rem auto 0; max-width:160.0rem;  }
.oran02:before {content:''; width:1287px; height:1px; background:#000; position:absolute; left:50%; transform: translateX(-50%); top:-6.0rem;  }
.oran02 .oran02_box {position:relative; width:26.0rem;}
.oran02 .oran02_box:before {content:''; position:absolute; top:-6.0rem; height:6.0rem; width:1px; background:#000; left:50%; margin-left:-1px; }
.oran02 .oran02_box dt {background:#fff; border:2px solid #1c2775; color:#1c2775; padding:2.0rem 1.0rem; font-size:2.0rem; font-weight:600;}
/*.oran02 .oran02_box dd { background:#fff; border:1px solid #ddd; margin-top:1.5rem; padding:2.5rem; text-align:left; font-size:1.7rem; display:none; }*/
.oran02_box dt .ico {margin-bottom:0.5rem;}
.oran02_box dt .ico img{width:80px;}
.oran02_box dd {
	background:#f8f8f8; border:1px solid #ddd;  padding:3.0rem 2.0rem 3.0rem 2.0rem;
	border-radius:15px; 
    position:absolute;
	margin: 0;
	max-height: 0;
	width:400px;
	opacity: 0;
	overflow: hidden;
	transform: translateY(-10px);
	top:170px; left:-65%; 
	min-height:100px;
	transition:
		max-height 0.5s ease,
		opacity 0.35s ease,
		transform 0.45s ease;
}
.oran02_box:hover {background:}
.oran02_box:hover dt .ico img {}
.oran02_box:hover dd {
	max-height:500px;
	opacity: 1;
	transform: translateY(0);
}


@media screen and (max-width: 1700px){
.oran02:before {content:''; width:59.5vw; display:none;}
.oran02 {display:grid; grid-template-columns: repeat(3, 1fr); margin-top:0;}
.oran02 .oran02_box {width:auto; }
.oran02_box dd {max-height: none; position:relative; top:auto; left:auto;
		opacity: 1;
		overflow: visible;
		transform: none;
		transition: none; font-size:16px;border-radius:0rem; width:100%; }
.oran02_box:hover dd {max-height:auto;}
.oran02 .oran02_box:before {display:none;}
/*.oran02 .oran02_box:nth-child(1)::before,.oran02 .oran02_box:nth-child(2)::before,.oran02 .oran02_box:nth-child(3)::before {display: block;}*/

}

@media screen and (max-width: 1200px){
.oran02:before {content:''; width:43.5vw;}
.oran02 {grid-template-columns: repeat(2, 1fr)}
.organization {margin-top:0rem;}


.oran02 .oran02_box:nth-child(3)::before {display: none;}
}



@media screen and (max-width: 768px){
.organization {margin-top:0rem;}
.oran02 {padding: 0 2.0rem; margin-top:0;}
.oran02:before {display:none;}
.oran02 {grid-template-columns: repeat(1, 1fr)}
.oran02 .oran02_box:before {display:none;}
.oran02 .oran02_box:nth-child(1) {margin-top:0rem; }
.oran02 .oran02_box {margin-top:2.0rem;}
.oran02 .oran02_box dt {font-size:18px}
.oran02 .oran02_box:nth-child(1)::before,.oran02 .oran02_box:nth-child(2)::before,.oran02 .oran02_box:nth-child(3)::before {display: none;}


}



/*경영철학*/

.management_policy {background: url("../../pages/images/management_policy_bg.jpg") no-repeat top center; background-size:contain;  }
.management_policy_inner {padding:10.0rem 0 0rem 0;}
.management_policy_txt .txt1 {font-size:5.0rem; font-weight:800; margin-bottom:5.0rem;  line-height:1.2;}
.management_policy_txt .txt2 {color:#000; font-size:3.2rem; font-weight:600; margin-bottom:5.0rem; margin-top:1.0rem;}
.management_policy_txt p {font-size:2.2rem; margin-bottom:2.0rem; width:70%; color:#000; line-height:1.6;}

.management_policy_ico {margin-top:12.0rem; justify-content: center; gap:2%;}
.management_policy_ico .management_ico_box {width:32%; text-align:center;  border:1px solid #a1a6c6; border-radius:2.0rem; margin-bottom:2%; padding:3.5rem; }
.management_policy_ico .management_ico_box span {font-size:2.2rem; font-weight:500; margin-top:2.0rem; color:#000;display:block; line-height:1.2;  }

@media screen and (max-width: 1400px){
.management_policy_txt p {width:100%;}

}


@media screen and (max-width: 1200px){
.management_policy_txt .txt1 {font-size:4.0rem;}
.management_policy_txt .txt2 {font-size:2.8rem;}


}



@media screen and (max-width: 768px){
.management_policy_ico {margin-top:8.0rem;}
.management_policy_ico .management_ico_box {width:100%; margin-bottom:3.0rem; padding:2.5rem;}
.management_policy_ico .management_ico_box img {width:8.0rem;}
.management_policy_ico .management_ico_box span {margin-top:3.0rem;}
}



/*주요거래처*/

.client_wrap {margin:8.0rem -2.5rem 0 0; }
.client_wrap .client_box {width:calc(25% - 2.5rem); margin-right:2.5rem; margin-bottom:2.5rem; background:#f8f8f8;  }
.client_wrap .client_box figure { }


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

.client_wrap .client_box {width:calc(50% - 2.5rem);}

}



/*인증현황*/

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:5.0rem -3.0rem 0 0; overflow:hidden;}
.certification_wrap .cert_box {width:calc(25% - 30px); margin-right:3.0rem; text-align:center; border-bottom:0px solid #ddd; margin-bottom:35px;}

.certification_wrap .cert_box {background:#f8f8f8;  padding:5.0rem 2.0rem 2.0rem 3.0rem; border:1px solid #e5e5e5; }
.certification_wrap .cert_box .cert_img {}
.certification_wrap .cert_box .cert_img img {width:100%; max-width:218px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);}
.certification_wrap .cert_box .cert_img p {margin-top:3.0rem; }
.certification_wrap .cert_box .cert_img strong {display:block; color:#000;}
.certification_wrap .cert_box .cert_txt {color:#666; padding:2.0rem 0 3.0rem 0; font-size:18px; font-weight:500; line-height:1.4; }


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

.certification_wrap .cert_box {width:calc(33% - 25px); margin-right:25px; }
}


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

.certification_wrap {display:flex;  flex-wrap: wrap;  margin:3.0rem -25px 0 0;}
.certification_wrap .cert_box {width:calc(50% - 25px); margin-right:25px; }
.certification_wrap .cert_box .cert_img img {width:85%}
.certification_wrap .cert_box .cert_txt {font-size:16px;}


}


@media screen and (max-width: 500px){
.certification_wrap {display:flex;  flex-wrap: wrap;  margin-right:0; }
.certification_wrap .cert_box {width:100%; margin-right:0;}

}



/*사업소개*/
.biz_bg {background:#f2f6fd; }

.biz_wrap .biz_txt {font-size:2.2rem; }

.biz_wrap01 {padding:8.0rem 0; margin-top:10.0rem; }
.biz_wrap01 .biz_slide {width:55%;}
.biz_wrap01 .biz_txt {width:45%; padding-left:8.0rem; display:flex;  justify-content: center; align-items: center;  color:#000;}


.biz_wrap02 {padding:8.0rem 0; margin-top:10.0rem; }
.biz_wrap02 .biz_slide {width:50%;}
.biz_wrap02 .biz_txt {width:50%; padding-right:8.0rem; display:flex;  justify-content: center; align-items: center; line-height:1.5;}


.controls-container .swiper-scrollbar_right {display:flex; /*width:110px; */align-items: center;  justify-content: center; gap:7px;}

.controls-container {
  display: flex;
  align-items: center;  /* 세로 중앙 정렬 */
 
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 10px;
}

/* Swiper 기본 절대 위치들 해제 */
.controls-container .swiper-button-prev,
.controls-container .swiper-button-next,
.controls-container .swiper-pagination-fraction,
.controls-container .swiper-scrollbar {
  position: static !important; /* 강제로 위치 고정 해제 */
  margin: 0 !important;        /* 기본 마진 제거 */
}

/* 버튼 크기 조정 */
.controls-container .swiper-button-prev:after,
.controls-container .swiper-button-next:after {
  font-size: 16px !important; /* 화살표 크기 */
  color:#000;
  font-weight:600;
}

/* 숫자 너비 조정 */
.controls-container .swiper-pagination-fraction {
  width: 30px !important;
  padding:0 0px;
  white-space: nowrap;
  color:#1c2775; 
  font-size: 17px;
  font-weight:500;
}

/* 스크롤바 길이 조절 (한 줄에 넣을 때 중요) */
.controls-container .swiper-scrollbar {
  width: calc(100% - 120px) !important; /* 원하는 길이만큼 지정 */
  height: 4px !important;
  cursor: pointer;
}


.oem_wrap { justify-content: space-between; margin-top:5.0rem;}
.oem_wrap .oen_box {width:32%; background:#f2f6fd; padding:5.0rem 4.0rem; border-radius:2.0rem; margin-bottom:3.0rem;}
.oem_wrap .oen_box dl {margin-top:4.0rem; }
.oem_wrap .oen_box dl dt {color:#000; font-size:2.4rem; font-weight:600;}
.oem_wrap .oen_box dl dd {margin-top:1.0rem; font-size:1.8rem; line-height:1.35;}


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

.biz_wrap01 {padding:8.0rem 0; margin-top:5.0rem;}
.biz_wrap01 .biz_slide {width:100%;}
.biz_wrap01 .biz_txt {width:100%; padding-left:0; margin-top:8.0rem;}

.biz_wrap02 {padding:0rem;}
.biz_wrap02 .biz_slide {width:100%;}
.biz_wrap02 .biz_txt {width:100%; padding-right:0; margin-bottom:8.0rem;}

.oem_wrap {margin-top:8.0rem;}
.oem_wrap .oen_box {width:49%;}



}

@media screen and (max-width: 1024px){
.oem_wrap .oen_box {width:100%;}
.oem_wrap .oen_box img {width:8.0rem;}
}



/*odm*/

.odm_wrap {padding:10.0rem 0;  }
.odm_wrap .odm_box_wrap {justify-content: center; padding:5.0rem; border:1px dotted #1c2775; background:#e3eaf8; border-radius:50.0rem;  box-shadow: 0px 0px 8.01px 0.99px rgba(31, 81, 184, 0.36); }
.odm_wrap .odm_box  {margin-left:-6.0rem;}
.odm_wrap .odm_box:first-child {margin-left:0;}
.odm_wrap .odm_box .odm_circle { width:38.7rem; aspect-ratio:1;border:1px solid #b3bbd8; background:rgba(255,255,255,0.45); border-radius:100%;
					display:flex;  flex-direction: column;  justify-content: center; align-items: center;} 

.odm_wrap .odm_box .odm_circle {text-align:center; }
.odm_wrap .odm_box .odm_circle > span {color:#1c2775; font-weight:900; font-size:2.4rem; }
.odm_wrap .odm_box .odm_circle > figure {margin:3.0rem 0;}
.odm_wrap .odm_box .odm_circle > strong {color:#000; font-size:2.2rem; line-height:1.2; font-weight:600;}


@media screen and (max-width: 1500px){
.odm_wrap .odm_box {width:auto;  margin-left:0; ;}
.odm_wrap .odm_box_wrap  {border:0; padding:0; border-radius:0; box-shadow:none; background:none; gap:2.0rem;}
.odm_wrap .odm_box {width:35%; display:flex;  justify-content: center;}
.odm_wrap .odm_box .odm_circle > figure img {width:8.5rem;}


}

@media screen and (max-width: 1200px){
.odm_wrap {padding:7.0rem 0;  }
.odm_wrap .odm_box_wrap {}
.odm_wrap .odm_box .odm_circle {width:30.7rem; }
}

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


.odm_wrap .odm_box .odm_circle > figure {margin:1.0rem 0;}

}

@media screen and (max-width: 768px){
 .odm_wrap .odm_box {width:45%;}
 .odm_wrap .odm_box .odm_circle {width:100%; border-radius:1.5rem; padding:2.0rem;}

 .odm_wrap .odm_box .odm_circle > strong  {font-size:15px;}
}



/*proecee*/
.process_wrap {margin-top:8.0rem;  justify-content: space-between;}
.process_wrap .process_box {width:24%; background:#f8f8f8; border:1px dotted #ddd; padding:4.0rem 3.5rem 3.5rem 4.0rem;  margin-bottom:2.0rem;}
.process_wrap .process_box:first-child {border:1px dotted #1c2775; }
.process_wrap .process_box:last-child {border:1px dotted #1c2775; }

.process_wrap .process_box .process_step { background:#1c2775; color:#fff; font-size:1.8rem; font-weight:600; padding:0.5rem 1.0rem; border-radius:5.0rem; }
.process_wrap .process_box figure img {margin:2.0rem 0 2.0rem -1.0rem;}

.process_wrap .process_box dl dt {font-size:2.2rem; color:#1c2775;font-weight:600; }
.process_wrap .process_box dl dd {color:#000; font-size:1.8rem; margin-top:0.5rem; }

.process_wrap .process_box .process_info {font-size:1.5rem; margin-top:3.0rem; }

@media screen and (max-width: 1024px){
.process_wrap .process_box {width:49%;text-align:center; }

}

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

.process_wrap .process_box {width:100%; }
}


/*Sustainability*/
.pd_w80 {padding:10.0rem 0;}

.sustainability_wrap {margin-top:10.0rem;  justify-content: space-between;}
.sustainability_wrap .sustainability_box01 {width:49%; padding:5.0rem 6.0rem 8.0rem 6.0rem; color:#fff; }
.sustainability_wrap dl dt {font-size:3.2rem; font-weight:600;}
.sustainability_wrap dl dd {margin-top:3.0rem;}

.sustainability_box02 {width:100%; padding:7.0rem 6.0rem 12.0rem 6.0rem; color:#fff; }



@media screen and (max-width: 1024px){
.sustainability_wrap .sustainability_box01 {width:100%;}
.sustainability_wrap .sustainability_box01:nth-child(2) {margin-top:5.0rem;}

}


/*의류*/
.clothes_wrap_bg {background:#f2f6fd; margin-top:8.0rem; }
.clothes_wrap {display: grid; grid-template-columns: repeat(4, 1fr); gap:2.0rem; padding:10.0rem 0;}
.clothes_wrap .clothes_box {display: flex; flex-direction: column; position:relative; aspect-ratio: calc(385 / 577);  }
.clothes_box .thumb {overflow:hidden; width: 100%; height:100%;  transition: 0.3s; border-radius: 0rem; position:absolute; left:0; top:0; z-index:0; a }
.clothes_box .thumb .img {width: 100%; height: 100%; opacity:1; object-fit: cover; transition: transform 0.5s ease-in-out;}


.clothes_box:hover .thumb .img {transform: scale(1.1); transition: transform 0.5s ease-in-out;}


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

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




/*원단*/
.fabric_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap:4.0rem;}
.fabric_list0.fabric_box_wrap {}

.fabric_box {display: flex; flex-direction: column; position:relative; aspect-ratio: calc(500 / 443); cursor:pointer; background:#000;}

.fabric_box .txt {font-size: 2.6rem; z-index:1;  width: 100%; height:100%; display: flex;  flex-direction: column; justify-content: center; align-items: center; transition: all 0.6s; 
					}
.fabric_box .txt .subject { color:#fff;  font-weight: 500; font-size:3.2rem; transition: all 0.6s; transform: translateY(20rem);}
.fabric_box .txt .txt2 {opacity:0; color:#fff; font-size:1.8rem; text-align:center;   padding: 1.0rem 4.0rem; font-weight:400;}
.fabric_box .txt .more {opacity:0; color:#fff; font-size:1.8rem; text-align:center; border:1px solid rgba(255, 255, 255, 0.4); margin-top:2.5rem; padding:0.8rem 1.5rem; }

.fabric_box .thumb {overflow:hidden; width: 100%; height:100%;  transition: 0.3s; border-radius: 0rem; position:absolute; left:0; top:0; z-index:0;
					background: transparent; mask-image: linear-gradient(to bottom, black 5%, rgba(0,0,0,0.5) 80%, transparent 100%); }
.fabric_box .thumb .img {width: 100%; height: 100%; opacity:1; transition: all 0.6s}

.fabric_box:hover .txt { transition: all 0.2s; }
.fabric_box:hover .thumb .img {transform: scale(1.1); transition: all 0.6s; opacity:0.3;}
.fabric_box:hover .subject { transition: all 0.2s; transform: translateY(0rem);}
.fabric_box:hover .txt2 {opacity:1; transition: all 0.6s; }
.fabric_box:hover .more  {opacity:0.8; transition: all 0.6s; }

.fabric_box .top {display: block;content: "";width:0; height: 9px; background:#1c2775; position: absolute; left: 0;top: -1px;z-index: 1;transition: all 0.3s 0.3s ease-out;}
.fabric_box .right {display: block;content: "";width:0; height: 9px; background:#1c2775; position: absolute; right: 0;bottom: -1px;z-index: 1;transition: all 0.3s 0.3s ease-out;}
.fabric_box .bottom {display: block;content: "";width:9px; height: 0; background: #1c2775; position: absolute;left: -1px;bottom: 0;z-index: 1;transition: all 0.3s 0.0s ease-out;}
.fabric_box .left {display: block;content: "";width:9px; height: 0; background: #1c2775; position: absolute;right: -1px;top: 0;z-index: 1;transition: all 0.3s ease-out;}


.fabric_box:hover .top {width: 100%;transition: all 0.3s 0s ease-out;}
.fabric_box:hover .right {width: 100%;transition: all 0.3s 0s ease-out;}
.fabric_box:hover .bottom {height: 100%;transition: all 0.3s 0.3s ease-out;}
.fabric_box:hover .left {height: 100%;transition: all 0.3s 0.3s ease-out;}

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

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

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

.fabric_list {grid-template-columns: 1fr; gap:3.0rem;}
.fabric_box {aspect-ratio: calc(500 / 320); }
.fabric_box .txt .txt2 {opacity:1; margin-top:20px}
.fabric_box .txt .more {opacity:1;}
.fabric_box .txt .subject {transform: translateY(3rem);}
.fabric_box:hover .subject {transform: translateY(3rem);}

}


/*부자재*/
.acc_list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap:4.0rem; margin-top:7.0rem; }
.acc_box {display: flex; flex-direction: column; position:relative; aspect-ratio: calc(500 / 443); cursor:pointer; background:#000;}

.acc_box .txt {font-size: 2.6rem; z-index:1;  width: 100%; height:100%; display: flex;  flex-direction: column; justify-content: center; align-items: center; transition: all 0.6s; 
					}
.acc_box .txt .subject { color:#fff;  font-weight: 500; font-size:2.8rem; transition: all 0.6s; transform: translateY(15rem);}
.acc_box .txt .txt2 {opacity:0; color:#fff; font-size:1.8rem; text-align:center;   padding: 1.0rem 4.0rem; font-weight:400;}
.acc_box .txt .more {opacity:0; color:#fff; font-size:1.8rem; text-align:center; border:1px solid rgba(255, 255, 255, 0.4); margin-top:2.5rem; padding:0.8rem 1.5rem; }

.acc_box .thumb {overflow:hidden; width: 100%; height:100%;  transition: 0.3s; border-radius: 0rem; position:absolute; left:0; top:0; z-index:0;
					background: transparent; mask-image: linear-gradient(to bottom, black 5%, rgba(0,0,0,0.5) 80%, transparent 100%); }
.acc_box .thumb .img {width: 100%; height: 100%; opacity:1; transition: all 0.6s}

.acc_box:hover .txt { transition: all 0.2s; }
.acc_box:hover .thumb .img {transform: scale(1.1); transition: all 0.6s; opacity:0.3;}
.acc_box:hover .subject { transition: all 0.2s; transform: translateY(0rem);}
.acc_box:hover .txt2 {opacity:1; transition: all 0.6s; }
.acc_box:hover .more {opacity:1; transition: all 0.6s; }


.acc_box .top {display: block;content: "";width:0; height: 9px; background:#1c2775; position: absolute; left: 0;top: -1px;z-index: 1;transition: all 0.3s 0.3s ease-out;}
.acc_box .right {display: block;content: "";width:0; height: 9px; background:#1c2775; position: absolute; right: 0;bottom: -1px;z-index: 1;transition: all 0.3s 0.3s ease-out;}
.acc_box .bottom {display: block;content: "";width:9px; height: 0; background: #1c2775; position: absolute;left: -1px;bottom: 0;z-index: 1;transition: all 0.3s 0.0s ease-out;}
.acc_box .left {display: block;content: "";width:9px; height: 0; background: #1c2775; position: absolute;right: -1px;top: 0;z-index: 1;transition: all 0.3s ease-out;}


.acc_box:hover .top {width: 100%;transition: all 0.3s 0s ease-out;}
.acc_box:hover .right {width: 100%;transition: all 0.3s 0s ease-out;}
.acc_box:hover .bottom {height: 100%;transition: all 0.3s 0.3s ease-out;}
.acc_box:hover .left {height: 100%;transition: all 0.3s 0.3s ease-out;}

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

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

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

.acc_list {grid-template-columns: 1fr; gap:3.0rem;}
.acc_box {aspect-ratio: calc(500 / 220); }
.acc_box .txt .txt2 {opacity:1; margin-top:20px}
.acc_box .txt .more  {opacity:1; margin-top:20px}
.acc_box .txt .subject {transform: translateY(0rem);}
.acc_box:hover .subject {transform: translateY(0rem);}

}

/*esg*/
.bor_line {border:1px solid #ddd; }
.esg_top {text-align:center; padding:20.0rem 5.0rem; color:#fff; border-radius:2.0rem;}
.esg_top > strong {font-size:6.0rem; }
.esg_top > p {font-size:2.6rem; font-weight:600; margin-top:1.0rem; }

.esg_ico_wrap {display:grid; grid-template-columns: repeat(3, 1fr); gap: 3.0rem; margin:8.0rem auto 10.0rem ; }
.esg_ico_box {border:1px solid #ddd; padding:6.0rem 3.5rem 3.5rem 5.0rem; }
.esg_ico_box dl dt {font-size:2.2rem; margin-top:2.5rem;  color:#000; font-weight:600;}
.esg_ico_box dl dd {font-size:1.8rem; margin-top:1.0rem;}

.esg_title {margin-top:10.0rem; color:#000;}
.esg_title strong {font-size:4.6rem;}
.esg_title p {font-size:2.2rem;  margin-top:2.0rem;}

.esg_img_wrap2 { gap:3.5rem;  display:flex; }

@media screen and (max-width: 1600px){
.esg_top {padding-left:20px; padding-right:20px;}
}


@media screen and (max-width: 1200px){
.esg_top {padding:10.0rem 5.0rem; }
.esg_top > strong {font-size:4.0rem; }
.esg_top > p {font-size:2.2rem;  }

.esg_ico_wrap {grid-template-columns: repeat(2, 1fr); gap: 2.0rem; margin:8.0rem auto 10.0rem ;}
.esg_title strong {font-size:4.0rem;}
}


@media screen and (max-width: 768px){
.esg_ico_box {padding:3.0rem;}
.esg_ico_box .esg_ico {width:65px;}
.esg_ico_box dl dd br {display:none;}
.esg_title strong {font-size:3.4rem;}

.esg_img_wrap2 {flex-wrap:wrap;  flex-direction: column;}
}




/*환경*/
.environmental_char {padding:10.0rem 0; display:grid; grid-template-columns: repeat(3, 1fr); gap: 3.0rem;}
.envir_char_box figcaption {font-size:3.2rem; color:#000; font-weight:700; margin-top:5.0rem;}
.envir_char_box dt {font-size:2.2rem; margin-top:1.0rem; font-weight:500; color:#000;}
.envir_char_box dd { margin-top:1.0rem;}
.envir_char_box ul li {
    position: relative;
    padding-left: 10px; /* 점과 텍스트 사이 간격 확보 */
}
.envir_char_box ul li::before {
    content: "·";
    position: absolute;
    left: 0;
}


@media screen and (max-width: 1200px){
.envir_char_box figcaption {font-size:2.8rem;}

}

@media screen and (max-width: 768px){
.environmental_char {grid-template-columns: repeat(1, 1fr);}
.esg_ico_wrap {grid-template-columns: repeat(1, 1fr);}
}



/*사회*/
.social_ico_wrap {padding:8.0rem 0 0 0; display:grid; grid-template-columns: repeat(2, 1fr); gap: 3.0rem;}
.social_box {display:flex; padding:6.0rem 6.0rem 4.0rem 6.0rem; border:1px solid #ddd; }
.social_box .social_ico {width:18.0rem;}
.social_box .social_txt {width:calc(100% - 18.0rem);}
.social_box .social_txt > strong {font-size:2.4rem; display:block; padding-bottom:1.0rem;}
.social_box .social_txt ul li { position: relative; padding-left: 10px; color:#666; font-size:2.0rem; margin:0.5rem 0; }
.social_box .social_txt ul li::before {content: "·"; position: absolute; left: 0;}


@media screen and (max-width: 1400px){
.social_box {padding:4.0rem;}
.social_box .social_ico  {width:14.0rem;}
.social_box .social_ico img {width:10.0rem; }
.social_box .social_txt {width:calc(100% - 14.0rem);}
}


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


@media screen and (max-width: 500px){
.social_box { flex-direction: column; padding:3.0rem;}
.social_box .social_txt {width:100%; margin-top:3.0rem;}
}


/*지배구조*/
.gov_ico_wrap {padding:8.0rem 0 10.0rem 0; display:grid; grid-template-columns: repeat(2, 1fr); gap: 3.0rem;}
.gov_ico_box {display:flex; padding:6.0rem 6.0rem 4.0rem 6.0rem; border:1px solid #ddd; }
.gov_ico_box .gov_num {font-size:2.0rem; color:#1c2775; font-weight:800; }
.gov_ico_box .gov_ico {width:14.0rem;}
.gov_ico_box .gov_box_txt {width:calc(100% - 14.0rem);}
.gov_ico_box .gov_box_txt dl dt{font-size:2.2rem; display:block; padding-bottom:0.5rem; color:#000; font-weight:600;}
.gov_ico_box .gov_box_txt dl dd {font-size:2.0rem; color:#000;}
.gov_ico_box .gov_box_txt ul {margin-top:2.0rem;}
.gov_ico_box .gov_box_txt ul li { position: relative; padding-left: 10px; color:#666; font-size:1.8rem; margin:0.5rem 0; }
.gov_ico_box .gov_box_txt ul li::before {content: "·"; position: absolute; left: 0;}


.gov_smeta {padding-bottom:8.0rem; padding-top:1.0rem;}
.gov_smeta_inner { justify-content: space-between;  margin-top:5.0rem; }
.gov_smeta_inner .gov_smeta_left {width:45%; background:#fff;  padding:2.0rem; text-align:center; }
.gov_smeta_inner .gov_smeta_right {width:50%; display:flex; align-items: center; font-size:2.0rem; color:#666;}


.gov_process_wrap {margin-top:8.0rem; display:grid; grid-template-columns: repeat(5, 1fr); gap: 3.0rem;  }
.gov_process_box {position:relative; display:flex;  flex-direction: column; background:#f8f8f8;  text-align:center;  padding:3.0rem  2.5rem 2.5rem 2.5rem; border-radius:2.0rem; align-items: center;}
.gov_process_box:after {content:'';position:absolute; right:-3.0rem; top:50%; transform: translate(-50%, 0); width:13px; height:23px; 
				 background:url("../../pages/images/gov_arr.png") no-repeat center/cover;}
.gov_process_box:last-child::after {display:none;}
.gov_process_box > span {font-size:2.0rem; color:#1c2775; font-weight:800;}
.gov_process_box .gov_process_ico {padding:2.0rem 0;}
.gov_process_box > dl > dt {color:#000; font-size:2.0rem; font-weight:600;}
.gov_process_box > dl > dd {font-size:1.8rem; }

.gov_process_btn { margin-top:7.0rem; display:flex;  justify-content: center;}
.gov_process_btn a {background:#1c2775; color:#fff; padding:2.0rem 8.0rem; border-radius:7px;font-size:2.2rem; font-weight:600;}


@media screen and (max-width: 1024px){
.gov_ico_wrap { grid-template-columns: 1fr;}
.gov_ico_box .gov_ico img {width:8.0rem;}
.gov_process_wrap {grid-template-columns: repeat(3, 1fr)}
.gov_process_box {}
.gov_process_box:after {display:none;}

.gov_smeta_inner .gov_smeta_left {width:100%;  padding:3.0rem 1.0rem;}
.gov_smeta_inner .gov_smeta_right {width:100%; margin-top:5.0rem}

}

@media screen and (max-width: 768px){
.gov_ico_box {padding:3.0rem; }
.gov_ico_box .gov_ico {width:12.0rem;}
.gov_ico_box .gov_box_txt {width:calc(100% - 12.0rem);}


.gov_process_wrap {grid-template-columns: repeat(2, 1fr);gap: 2.0rem;}
.gov_process_btn a {width:100%; text-align:center}

}

@media screen and (max-width: 500px){
.gov_ico_box { flex-direction: column;}
.gov_ico_box .gov_box_txt {width:100%; margin-top:3.0rem;}
}

/*오시는길*/
.loc_txt { border-top:0px solid #222; padding:0 3.0rem 5.0rem 3.0rem; border-bottom:1px solid #ddd;}
.loc_txt .loc_left {width:30%; }
.loc_txt .loc_left img {max-width:100%;}
.loc_txt .loc_right {margin:4.0rem 0 0 5%; width:65%; }
.loc_txt .loc_right dl {}
.loc_txt .loc_right dt {font-size:3.0rem; font-weight:600; margin-bottom:2.0rem; color:#000}
.loc_txt .loc_right dd {font-size:1.8rem; color:#666; }
.loc_txt .loc_right dd ul li { margin-right:3.0rem; margin-bottom:1.0rem; display:flex;line-height:1.4;}
.loc_txt .loc_right dd ul li span:nth-child(1) {color:#202020; width:12.0rem;}
.loc_txt .loc_right dd ul li span:nth-child(2) {width:calc(100% - 12.0rem);}

.loc_map {width:100%; margin-top:3.0rem; padding:2.0rem 0; }
.loc_map .map_height {height:40.0rem; width:100%;}
.loc_map .root_daum_roughmap .wrap_map {height: 100% !important; z-index:0;}
.loc_map iframe {width:100%; height:50.0rem; }



@media screen and (max-width: 1024px){
.loc_txt {padding:0;}
.loc_txt .loc_left  {width:100%; order:2; margin-top:3.0rem; }
.loc_txt .loc_right {margin:0;  width:100%;   order:1;}

.loc_txt {padding:3.0rem 0;}
.loc_txt .loc_right dd ul li {width:100%;}

.loc_map .map_height {height:320px}
}



/*직무소개*/
.team_wrap {margin-top:8.0rem; display:grid; grid-template-columns: repeat(3, 1fr);gap: 3.0rem;}
.team_wrap .team_box {border:1px solid #ddd;  text-align:center; transition: all 0.3s;}
.team_wrap .team_box a {display:block;padding:4.5rem 3.0rem;}
.team_wrap .team_box a .team_ico img {width:8.5rem; }
.team_wrap .team_box a dl {margin-top:1.5rem}
.team_wrap .team_box a dl dt {color:#000; font-size:2.2rem; font-weight:600;}
.team_wrap .team_box a dl dd {color:#666; font-size:2.0rem; line-height:1.2; }
.team_wrap .team_box:hover {background:#1c2775; border:1px solid #1c2775; transition: all 0.6s;}
.team_wrap .team_box:hover a .team_ico {filter: invert(100%)}
.team_wrap .team_box:hover a dl dt {color:#fff;}
.team_wrap .team_box:hover a dl dd {color:#fff;}

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

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


@media screen and (max-width: 768px){
.team_wrap {margin-top:5.0rem; gap: 2.0rem;}  
.team_wrap .team_box a .team_ico img {width:7.5rem; }
}


/*직무소개 상세내용*/
.team_detail {text-align:center; padding:16.0rem 3.0rem 13.0rem 3.0rem;  color:#fff; border-radius:2.0rem;}
.team_detail > strong {font-size:6.0rem; }
.team_detail > span {display:block; font-size:2.6rem; font-weight:400; margin-top:1.0rem; color:rgba(255,255,255,0.8); }

.team_stroy {text-align:center; padding:8.5rem 0; }
.team_stroy .team_stroy_ico {width:5.2rem;  aspect-ratio: calc(52/39) / 1; margin:4.0rem auto;}
.team_stroy dl dt {font-weight:600; color: var(--second-color); font-size:2.0rem;}
.team_stroy dl dd {font-size:2.6rem; margin-top:1.5rem; color:#000; font-weight:500; }

.team_detail_wrap {padding:12rem 0;}
.team_detail_wrap .team_detail_left .team_detail_ico {height:6.0rem; aspect-ratio: 1;}
.team_detail_wrap .team_detail_left strong {font-size:2.8rem; font-weight:600;  display:block; margin-top:1.0rem;  color:#000;}
.team_detail_wrap .team_detail_left {width:40.0rem;}
.team_detail_wrap .team_detail_left2 {width:40.0rem; display:flex; gap:1.5rem;}
.team_detail_wrap .team_detail_left2 .team_detail_ico {height:6.0rem; aspect-ratio: 1;}
.team_detail_wrap .team_detail_left2 strong {font-size:2.8rem; font-weight:600; color:#000; line-height:1.2;}
.team_detail_wrap .team_detail_right {width:calc(100% - 40.0rem); line-height:1.6; font-size:2.0rem;}


.teamrole_box {border:1px solid #ddd; padding:4.0rem 6.0rem;  margin-bottom:3.0rem;}
.teamrole_box dt {font-size:2.2rem; font-weight:600; color:#1c2775; }
.teamrole_box dd {font-size:1.8rem; margin-top:1.5rem;}
.teamrole_box dd ul li {position:relative; padding-left:15px; padding-bottom:0.5rem;}
.teamrole_box dd ul li:before {content: "·"; position: absolute; left: 0;}

.team_plus li {position:relative; padding-left:15px; padding-bottom:0.5rem;}
.team_plus li:before {content: "·"; position: absolute; left: 0;}

.team_list_btn { display:flex;  justify-content: center;}
.team_list_btn a {background:#1c2775; color:#fff; padding:2.0rem 8.0rem; border-radius:7px;font-size:2.2rem; font-weight:600; }




@media screen and (max-width: 1600px){
	.team_detail {border-radius:0; padding:10.0rem 3.0rem 8.0rem 3.0rem;}
}


@media screen and (max-width: 1024px){
	.team_detail_wrap {padding:8rem 0;}
	.team_detail_wrap .team_detail_left {width:100%; display:flex; gap:1.5rem;}
	.team_detail_wrap .team_detail_left .team_detail_ico {height:4.5rem;}
	.team_detail_wrap .team_detail_right {width:100%; margin-top:3.0rem;}
	.team_detail_wrap .team_detail_left2 {width:100%; align-items: center;}
	.team_detail_wrap .team_detail_left2 strong  br {display:none;}
}

@media screen and (max-width: 768px){
	.team_stroy dl dd {font-size:2.2rem; }
	.team_detail_wrap .team_detail_left .team_detail_ico {height:5.5rem;}
	.team_detail_wrap .team_detail_left2 .team_detail_ico  {height:5.5rem;}
	.team_detail_wrap .team_detail_left2 strong {font-size: 2.4rem;}

	.teamrole_box {padding:3.0rem 4.0rem;}
	.team_list_btn a {width:100%; text-align:center}
}


/*복리후생*/
.welfare_wrap {}
.welfare_wrap .welfare_title {font-size:4.6rem; font-weight:600; color:#000;}
.welfare_wrap .welfare_conts {display:grid; grid-template-columns: repeat(5, 1fr); gap: 3.0rem; margin-top:5.0rem; }
.welfare_wrap .welfare_conts .welfare_box {text-align:center; }
.welfare_wrap .welfare_conts .welfare_box .welfare_ico {background:#f8f8f8; aspect-ratio:1; width:15.5rem; border-radius:100%;margin:auto;}
.welfare_wrap .welfare_conts .welfare_box dl {margin-top:2.0rem;}
.welfare_wrap .welfare_conts .welfare_box dl dt {font-size:2.2rem; color:#000; font-weight:600;}
.welfare_wrap .welfare_conts .welfare_box dl dd {margin-top:1.0rem;}
.welfare_wrap .welfare_conts .welfare_box dl dd span {font-size:1.7rem; display:block;}


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

.welfare_wrap .welfare_conts { grid-template-columns: repeat(3, 1fr);
}


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

.welfare_wrap .welfare_title {font-size:3.8rem; }
.welfare_wrap .welfare_conts { grid-template-columns: repeat(2, 1fr); }
.welfare_wrap .welfare_conts .welfare_box .welfare_ico {display:flex;  justify-content: center;  align-items: center; }
.welfare_wrap .welfare_conts .welfare_box .welfare_ico img { max-width:90%;}
}