/* --------------------------------레이아웃 */
#content { margin:0 auto; border-right:1px solid #ccc; border-left:1px solid #ccc; width:100%; max-width:1200px; } 

@media screen and (max-width:1024px){
 #content { border-right:0 none; border-left:0 none; } 
 }

#box_layout { display: flex; justify-content: space-between; width:100%; } 
#box_layout #lnb { flex-shrink: 0; padding:32px 0; position:relative; z-index: 9; width:275px; text-align:right; } 
#box_layout #lnb ul { display: flex; gap:10px; flex-direction: column;  position: sticky; top:100px; height:auto;}
#box_layout #lnb ul li { padding-right:24px; position: relative; font-weight: 600; text-align: right; } 
#box_layout #lnb ul li.on::after { display: block; } 
#box_layout #lnb ul li.on a ,#box_layout #lnb ul li a:hover { color:#eb1c74; } 
#box_layout #lnb ul li a { display: block; font-size: 1rem; } 

@media screen and (max-width:1024px){
 #box_layout { flex-direction: column; } 
 #box_layout #lnb { padding:0; width:100%; } 
 #box_layout #lnb ul { display: grid; gap:0; border-top:1px solid #ddd; } 
 #box_layout #lnb ul.type1 { grid-template-columns: repeat(1,1fr); } 
 #box_layout #lnb ul.type2 { grid-template-columns: repeat(2,1fr); } 
 #box_layout #lnb ul.type3 { grid-template-columns: repeat(3,1fr); } 
 #box_layout #lnb ul.type4 { grid-template-columns: repeat(4,1fr); } 
 #box_layout #lnb ul.type5 { grid-template-columns: repeat(3,1fr); } 
 #box_layout #lnb ul.type6 { grid-template-columns: repeat(3,1fr); } 
 #box_layout #lnb ul.type7 { grid-template-columns: repeat(4,1fr); } 
 #box_layout #lnb ul.type8 { grid-template-columns: repeat(4,1fr); } 
 #box_layout #lnb ul.type9 { grid-template-columns: repeat(3,1fr); } 
 #box_layout #lnb ul.type10 { grid-template-columns: repeat(5,1fr); } 

 #box_layout #lnb ul li { padding:0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; height:3rem; text-align: center; } 
 #box_layout #lnb ul li.on::after { display: none; } 
 #box_layout #lnb ul.type2 li { border-left: 0 none; }
 #box_layout #lnb ul.type2 li:nth-child(2n) { border-right: 0 none; }
 #box_layout #lnb ul.type3 li:nth-child(3n) { border-right: 0 none; }
 #box_layout #lnb ul.type4 li:nth-child(4n) { border-right: 0 none; }
 #box_layout #lnb ul.type5 li:nth-child(3n) { border-right: 0 none; }
 #box_layout #lnb ul.type6 li:nth-child(3n) { border-right: 0 none; }
 #box_layout #lnb ul.type7 li:nth-child(4n) { border-right: 0 none; }
 #box_layout #lnb ul.type8 li:nth-child(4n) { border-right: 0 none; }
 #box_layout #lnb ul.type9 li:nth-child(3n) { border-right: 0 none; }
 #box_layout #lnb ul.type10 li:nth-child(5n) { border-right: 0 none; }

 #box_layout #lnb ul li a { display: flex; align-items: center; justify-content: center; padding:0 0.625rem; height:100%; font-size:0.875rem; line-height: 1.4; text-align: center; box-sizing: border-box; } 
 #box_layout #lnb ul li.on a { background-color: #eb1c74; color:#fff; } 
 }

#box_layout #rightW { flex:1; padding:2rem 2rem 4rem; border-left:1px solid #d8d8d8; position: relative; min-height:50vh;} 


@media screen and (max-width:1024px){
 #box_layout #rightW { padding:3rem 0; padding-right:16px; padding-left:16px; border-left:0 none; } 
 }

 #content article:first-of-type { margin-top:0; } 
 #content article { margin-top:64px; } 




/* --------------------------------공통 */
/* 비주얼 */
.sub_visual { margin-top:6.25rem; width:100%; height:170px; } 
.sub_visual .inner {display: flex; justify-content: space-between; height:inherit; } 
.sub_visual .inner::after { display: block; width:calc(100% - 277px); height:100%; background-color: #C5C9CD; background-repeat: no-repeat; background-position:top center; background-size:cover; background-size: cover; content: ""; }

/** pc 서브비주얼 923*170 **/
.sub_visual .company::after  { background-image: url("http://secoautomotive.com/img/seco/company.png"); } /*회사소개*/
.sub_visual .products::after  { background-image: url("http://secoautomotive.com/img/seco/products.png");} /*제품안내*/
.sub_visual .laboratory::after  { background-image: url("http://secoautomotive.com/img/seco/laboratory.png");} /*연구개발*/
.sub_visual .finance::after  { background-image:  url("http://secoautomotive.com/img/seco/finance.png");} /*재무정보*/
.sub_visual .esg::after { background-image: url("http://secoautomotive.com/img/seco/esg.png");} /*ESG*/
.sub_visual .recruit::after  { background-image: url("http://secoautomotive.com/img/seco/recruit.png");} /*채용정보*/
.sub_visual .community::after  { background-image: url("http://secoautomotive.com/img/seco/community.png");} /*커뮤니티*/


.sub_visual h2 { display:flex; gap:0.625rem; justify-content: flex-end; flex-direction: column; padding:24px; width:277px; height:100%; background:#eb1c74; font-size:1.875rem; font-weight: 600; color:#fff; text-align:right; } 
.sub_visual h2 span { font-size:1.125rem; font-weight: 400; color:#fff; text-transform: uppercase; } 

@media screen and (max-width:1250px){
 .sub_visual .inner { padding-right:0; padding-left:0; } 
}

@media screen and (max-width:1024px){
	.sub_visual {margin-top:5rem; position: relative; height:auto;} 
	.sub_visual .inner { flex-direction: column; padding-top:18.42%;}
	.sub_visual .inner::after {position: absolute; top:0; left:0; width:100%; height:100%;} 
  .sub_visual h2 {  align-items: flex-start; justify-content: flex-end; padding:4.33% 2.275%;  position: absolute; top:0; left:0; z-index: 1; width:100%; height: 100%; background:transparent; text-align:center; } 
}


@media screen and (max-width:640px){
	.sub_visual .inner { flex-direction: column; padding-top:30%;}

	.sub_visual h2 { gap:0.375rem;  align-items: flex-start; justify-content:center; padding:0 4.6875%; } 

	/** 모바일 서브 비주얼 640*192 **/
	.sub_visual .company::after  { background-image: url("http://secoautomotive.com/img/seco/company_m.png"); } /*회사소개*/
	.sub_visual .products::after  { background-image: url("http://secoautomotive.com/img/seco/products_m.png");} /*제품안내*/
	.sub_visual .laboratory::after  { background-image: url("http://secoautomotive.com/img/seco/laboratory_m.png");} /*연구개발*/
	.sub_visual .finance::after  { background-image:  url("http://secoautomotive.com/img/seco/finance_m.png");} /*재무정보*/
	.sub_visual .esg::after { background-image: url("http://secoautomotive.com/img/seco/esg_m.png");} /*ESG*/
	.sub_visual .recruit::after  { background-image: url("http://secoautomotive.com/img/seco/recruit_m.png");} /*채용정보*/
	.sub_visual .community::after  { background-image: url("http://secoautomotive.com/img/seco/community_m.png");} /*커뮤니티*/
}

/** 공통 클래스 **/ 
.grid {display: grid;}
.grid.grid3 { gap:1.5rem;grid-template-columns: repeat(3,1fr);}

/* 타이틀 */
.title_box { margin-bottom:2.625rem; } 
.title_box .top { display: flex; align-items: center; justify-content: space-between; margin-bottom:2rem; } 
.title_box .top h3 { font-size: 1.75rem; font-weight: 600; color: var(--primary) } 
.title_box .top ul.breadcrumbs { display: flex; } 
.title_box .top ul.breadcrumbs li { display: flex; font-size:0.875rem; font-weight: 600; color:#a4a4a4; } 
.title_box .top ul.breadcrumbs li::after { display: block; padding:0 0.625rem; content: "/"; } 
.title_box .top ul.breadcrumbs li:last-child::after { display: none; } 
.title_box .top ul.breadcrumbs li:last-child { } 
.title_box .desc { font-size:1.25rem; line-height: 160%; color:#000; } 


@media screen and (max-width:1024px){
 .title_box .desc br { display: none; } 
 }
@media screen and (max-width:640px){
 .title_box .top ul.breadcrumbs { display: none; } 
 }


h4 { display: flex; gap:10px; margin-bottom:1.25rem; font-size: 1.375rem; font-weight: 600; line-height: 160%; color: #000; } 
h4 .required { font-size:0.8125rem; font-weight: 400; } 
h4 .required b { color:var(--primary); } 

h5 { margin-top:2.5rem; margin-bottom:0.625rem; font-size:1.125rem; font-weight: 500; color:#000; } 
h5:first-of-type { margin-top:0; } 


/* 탭 */
ul.sub_tab { display: flex;flex-wrap: wrap; margin-top:2rem; margin-bottom:2.5rem; border-top:1px solid #dddddd; border-left:1px solid #ddd; } 
ul.sub_tab li { flex:1; padding:0 0.375rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd; position: relative; height:3rem; text-align:center; } 
ul.sub_tab li.on::after { position: absolute; bottom:-1px; left:0; width:100%; height:3px; background-color: var(--primary); content: ""; } 
ul.sub_tab li a { display:flex; align-items: center; justify-content: center; height:100%; background:#fff; font-weight: 600; text-align: center; } 

ul.sub_tab.type6 {display: grid; grid-template-columns: repeat(6,1fr);} 
ul.sub_tab.type7 , 
ul.sub_tab.type8 {display: grid; grid-template-columns: repeat(4,1fr);}

@media screen and (max-width:640px){
	ul.sub_tab.type6 {display: grid; grid-template-columns: repeat(3,1fr);} 
	ul.sub_tab.type7 , 
	ul.sub_tab.type8 {display: grid; grid-template-columns: repeat(2,1fr);}

	ul.sub_tab li a {  font-size:0.875rem; font-weight: 500;line-height: 1.2;} 
}



/* 테이블 */
.table_wrapper { overflow-x: auto; width: 100%; } 
.table_wrapper .table { min-width:640px; } 
.table { border-top:1px solid #DADADA; width:100%; } 
.table th, .table td { padding:0.625rem; line-height: 1.6; } 
.table th { border-bottom:1px solid #DADADA; min-width:50px; font-weight: 600; } 
.table thead th {background-color: #f8f8f8;}
.table tbody th {background-color: #f8f8f8;}
.table td { border-bottom:1px solid #DADADA; word-break: keep-all; } 
.table.t_center td { text-align: center; } 

.table.small_table th, .table.small_table td {font-size:0.875rem;} 
.table.col_line th, .table.col_line td {border-right: 1px solid #DADADA;border-left:1px solid#DADADA;}




/* 이미지 하단 설명 (연구소소개) */
.image_box { display: flex; gap:1.625rem; align-items: center; justify-content: space-between; margin-bottom:2.5rem; } 
.image_box .box { flex:1; width:100%; } 
.image_box .box .img { overflow: hidden; width:100%; border-radius: 10px; } 
.image_box .box .img img { display: block; width:100%; } 
.image_box .box .txt { margin-top:1rem; line-height: 160%; color: #555; text-align: center; } 

@media screen and (max-width:640px){
 .image_box { flex-direction: column; } 
}


/* 이미지 상품 박스(제품소개, 생산설비) */
.product_list { display: grid; gap:2.5rem 1.25rem; grid-template-columns: repeat(2,1fr) } 
.product_list.type1 { grid-template-columns: 1fr; } 
.product_list.type3 { grid-template-columns: repeat(3,1fr); } 
.product_list.type4 { grid-template-columns: repeat(4,1fr); } 

.product_list.full {grid-template-columns: 1fr;}

.product_list > li .img { display: flex; align-items: center; justify-content: center;padding:1.5625rem 1.875rem; border:1px solid #ddd; position: relative; border-radius: 10px; } 
.product_list > li .img img { width:auto; max-width: 100%; } 
.product_list > li .txt_box {margin-top:1rem;}
.product_list > li .tit {margin-top:1rem; padding:0 0.5rem; font-weight: 700; } 
.product_list > li ul { padding:0 0.5rem; } 
.product_list > li ul.type4 {display: grid; grid-template-columns: repeat(4,1fr);}
.product_list > li ul > li { display: flex; gap:0.3125rem; } 
.product_list > li ul > li::before { content: "·"; } 


.product_list.full_img > li .img {padding:0; overflow: hidden;} 
.product_list.full_img > li .img img {width: 100%;}

.product_list.type1 > li {display: flex; gap:1.25rem;}
.product_list.type1 > li .img {margin-bottom:0; width:calc(50% - 1.25rem / 2);}
.product_list.type1 > li .txt_box { flex:1;padding-top:0.625rem;}




@media screen and (max-width:1024px){
	.product_list.type3 { grid-template-columns: repeat(2,1fr); } 
	.product_list.type4 { grid-template-columns: repeat(2,1fr); } 
}
@media screen and (max-width:640px){
 .product_list { grid-template-columns: repeat(1,1fr) } 
 .product_list.type3 { grid-template-columns: repeat(1,1fr); } 
 .product_list.type4 { grid-template-columns: repeat(1,1fr); } 
}


/* 스크롤 박스(방문신청) */
.scrollbox { padding: 0.75rem; border: 1px solid #cacaca; overflow: auto; overflow-x: hidden; height: 200px; background: #fff; font-size:0.875rem; font-weight: 400; line-height: 1.6; } 



/* 숫자마크 리스트(경영방침,인재채용안내) */
.num_list { margin-top:1.25rem; } 
.num_list li { display: flex; line-height: 160%; word-break: keep-all; } 
.num_list.bold li { font-weight: 600; } 
.num_list li span { flex-shrink: 0; width:18px; } 


/* 절차(인재채용안내, 방문신청) */
.process_list { padding:2rem; border:1px solid #ddd; border-radius: 10px; } 
.process_list ul { display: grid; gap:1.5rem; position: relative; } 
.process_list ul::after { display: block; position: absolute; top:50%; left:50%; z-index: -1; width:100%; height:1px; background-color: #A9A9A9; content: ''; transform: translate(-50%, -50%); } 
.process_list.type5 ul { grid-template-columns: repeat(5,1fr); } 
.process_list.type4 ul { gap: 4rem; grid-template-columns: repeat(4,1fr);} 

.process_list ul li { padding-top:100%; position: relative; width:100%; justify-self: center; } 
.process_list ul li > div { display: flex; align-items: center; justify-content: center; flex-direction: column; border:1px solid #ddd; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color:#fff; border-radius: 100%; } 
.process_list ul li > div .num { font-size: 0.875rem; font-weight: 700; text-align: center; letter-spacing: -0.28px; } 
.process_list ul li > div .tit { text-align: center; } 
.process_list ul li > div .tit strong { font-weight: 700; color: var(--primary); } 

@media screen and (max-width:640px){
 .process_list ul { grid-template-columns: repeat(1,1fr) !important; } 
.process_list ul::after { width:1px; height:100%; } 
.process_list ul li { padding-top:40%; } 
.process_list ul li > div { background-color: #fafafa; border-radius: 10px; } 
 }


/* 라운드 제목 (조직도, 인재채용)*/
.rounded_list {flex:1; padding:40px 20px 24px; border: 1px solid #ddd; position: relative; background-color: #fff; border-radius: 10px; } 
.rounded_list dt { display: flex; align-items: center; justify-content: center; position: absolute; top:-22px; left:50%; width:90%; height:44px; background: #BEBEBE; font-weight: 700; color: #FFF; text-align: center; text-align: center; transform: translateX(-50%); border-radius: 50px; } 
.rounded_list dd {display: flex; margin:8px 0; }
.rounded_list dd::before { padding-right:5px;content: "·";}



/* 버튼 정렬 */
.btn_wrap { display: flex; gap:0.625rem; justify-content: center;margin-top:2.5rem; } 
.btn_wrap.end { justify-content: flex-end; } 

/* 버튼 */
.btn { display: inline-flex; align-items: center; padding:0 1.25rem; height:35px; background: #666; font-weight: 600; color: #FFF; } 
.btn_ethics {display: flex; align-items: center; justify-content: center; width:250px; height:64px; background-color: var(--primary); font-weight: 600; color:#fff; border-radius: 50px;}





/* --------------------------------회사소개 */
/* 회사개요 */
.greeting .txt { margin:2rem 0;} 


/* 연혁 & 인증 및 수상 */
.history ol { display: flex; flex-direction: column; } 
.history ol > li:first-child { padding-top:0; } 
.history ol > li { display: flex; padding:1.25rem 0; border-bottom:1px solid #e5e5e5; } 
.history ol > li:last-child { border-bottom: 0 none; } 
.history ol > li .year { flex-shrink: 0; width:8.75rem; font-size: 1.875rem; font-weight: 600; color: #939598; letter-spacing: -0.3px; } 
.history ol > li ul { display: flex; gap:0.875rem; flex-direction: column; } 
.history ol > li ul > li { display: flex; line-height: 1.6; } 
.history ol > li ul > li .day { flex-shrink: 0; width:3.875rem; font-weight: 600; color: #000; } 

@media screen and (max-width:640px){
 .history ol > li { gap:1.25rem; flex-direction: column; padding:2rem 0; } 
.history ol > li .year { width:100%; } 
 }


/* 경영이념 */
.philosophy .philosophy_list { display: flex; } 
.philosophy .philosophy_list li { flex:1; padding:0 1.5rem; border-left:1px solid #dadada; } 
.philosophy .philosophy_list li:first-child { padding-left:0; border-left:0 none; } 
.philosophy .philosophy_list li:last-child { padding-right:0; } 
.philosophy .philosophy_list li p { color: #555; } 
.philosophy .philosophy_list li p.num { font-weight: 600; color: var(--gray-250, #BFBFBF); } 
.philosophy .philosophy_list li p.tit { margin-top:0.625rem; font-size: 1.25rem; font-weight: 600; color: #000; } 
.philosophy .philosophy_list li p.desc { margin-top:1rem; margin-bottom:1.5rem; font-weight: 600; color: #555; } 

@media screen and (max-width:640px){
 .philosophy .philosophy_list { gap:24px; flex-direction: column; } 
.philosophy .philosophy_list li { padding:16px !important; border:1px solid #dadada !important; border-radius: 10px; } 
 }



/* 경영이념 > 사시/시훈 */
.philosophy .values_box { display: flex; padding:2.125rem; background: #F5F5F5; border-radius: 10px; } 
.philosophy .values_box dl { display: flex; gap:2.5rem; align-items: center; justify-content: center; flex:1; } 
.philosophy .values_box dl dt { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width:6.375rem; height:6.375rem; background-color: #fff; font-size: 1.25rem; font-weight: 600; color: #555; text-align: center; border-radius: 100%; } 
.philosophy .values_box dl:first-child dd { font-size: 1.25rem; } 
.philosophy .values_box dl dd strong { font-weight: 600; color:var(--primary); } 


@media screen and (max-width:640px){
 .philosophy .values_box { gap:3rem; flex-direction: column; } 
 .philosophy .values_box dl {gap:1rem; justify-content: flex-start;flex-direction: column; } 
 .philosophy .values_box dl dd {text-align: center;}
}


/* 경영이념 > 경영방침 */
.working dl { display: flex; gap:0.875rem; flex-wrap: wrap; padding-top:2.5rem; } 
.working dl dt { width:100%; font-size: 1.25rem; font-weight: 600; text-align: center; } 
.working dl dt::after { display: block; margin:1.25rem auto; width:1px; height:4.5rem; background: #DADADA; content: ""; } 
.working dl dd { display: flex; gap:1.25rem; align-items: center; justify-content: center; flex-direction: column; width:calc(33.333333% - 0.875rem); height:12.75rem; background-color: #f5f5f5; font-weight: 600; color: #555; border-radius: 10px; } 
.working dl dd .ico { display: flex; align-items: center; justify-content: center; width:55px; height:55px; } 


@media screen and (max-width:640px){
 .working dl dd { width:100%; } 
 }


/* 경영이념 > POLICY */
.policy .policy_top { margin-bottom:30px; padding:36px 30px; background: #F5F5F5; border-radius: 10px; } 
.policy .policy_top h4 { text-align: center; } 
.policy .policy_top p { font-weight: 600; color: #555; } 
.policy .policy_sign {display: flex; gap:40px; align-items: center; justify-content: center; font-size:18px; font-weight: 600;}



/* CI소개 */
.ci .mark_box { display: flex; align-items: center; justify-content: center; margin-bottom:2.5rem; padding:1.5rem; border: 1px solid #ddd; overflow: hidden; height:17rem; background: url("/img/company/bg_ci.png") center center; background-size: contain; border-radius: 10px;; } 
.ci .ci_desc { margin-bottom:1.5rem; font-weight: 500; color: #555; } 
.ci .ci_desc strong { color: var(--primary); } 

.ci .color_list { display:flex; gap:1.75rem; flex-direction: column; } 
.ci .color_list li { display: flex; gap:2.125rem; align-items: center; } 
.ci .color_list li .color_box { display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding:1rem; width:6.5625rem; height:5.25rem; font-weight: 700; line-height: 120%; color:#fff; text-align: center; } 
.ci .color_list li .color_box.primary { background-color: var(--primary); } 
.ci .color_list li .color_box.gold { background-color: #AC9759; } 
.ci .color_list li .color_box.silver { background-color: #9FA2A6; } 
.ci .color_list li .color_box.black { background-color: #000; } 
.ci .color_list.type2 { flex-direction: row; } 
.ci .color_list.type2 li { flex:1; } 

.ci .ci_img { display: flex; gap:1.5rem; align-items: center; justify-content: center; } 
.ci .ci_img .box { display: flex; align-items: center; justify-content: center; flex:1; padding:1.5rem; border: 1px solid #DDD; width:100%; min-height:12.5rem; border-radius: 10px; } 
.ci .ci_img + .ci_img { margin-top:1.75rem; } 

@media screen and (max-width:640px) {.ci .color_list li { gap:1rem; } 
.ci .color_list.type2 { flex-direction: column; } 
.ci .ci_img { flex-direction: column; } 
 }



/* 주요고객 */
.customer ul { display: grid; gap:1.25rem; grid-template-columns: repeat(4,1fr); } 
.customer ul li .box { text-align:center; } 
.customer ul li .box .pic { padding-top:100%; border:1px solid #dadada; position: relative; border-radius: 10px; } 
.customer ul li .box .pic img { display:block; position: absolute; top:50%; left:50%; max-width:90%; transform: translate(-50%,-50%); box-sizing:border-box; } 
.customer ul li .box .txt {margin-top:0.375rem; font-weight: 500;}

@media screen and (max-width:1024px){
 .customer ul { grid-template-columns: repeat(3,1fr); } 
 }
@media screen and (max-width:640px){
 .customer ul { grid-template-columns: repeat(2,1fr); } 
 }


/* 관계사 */
.related ul { display: grid; gap:1.875rem; justify-content: space-between; flex-wrap: wrap; grid-template-columns: repeat(2,1fr); } 
.related ul li { flex:1; } 
.related ul li { border: 1px solid #D9D9D9; overflow: hidden; border-radius : 10px; } 
.related ul li .txt { padding: 1.25rem; } 
.related ul li .txt .name { display: block; font-weight: 600; color: #000; } 
.related ul li .txt .link { font-size: 0.875rem; color: #666666; } 
.related ul li .txt a:hover .link { text-decoration: underline; } 

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



/* 연락처 및 약도 */
.location .map iframe { width:100%; height:450px; } 







/* --------------------------------연구개발 */
/* 연구소 소개 */
.org_box { position: relative; } 
.org_box .org_title { display: flex; align-items: center; justify-content: center; margin-bottom:6.875rem; position: relative; height:2.8125rem; } 
.org_box .org_title::before { display: block; position: absolute; top:5.625rem; left:50%; z-index: -1; width:100%; width:100%; height:1px; background-color: #ddd; content: ''; transform: translateX(-50%); } 
.org_box .org_title::after { position: absolute; top:100%; left:50%; width:0.0625rem; height:2.8125rem; background-color: #ddd; content: ""; transform: translateX(-50%); } 

.org_box .org_title span { display: inline-flex; align-items: center; justify-content: center; padding:0 3.125rem; height:100%; background: #666; font-weight: 700; color:#fff; text-align: center; border-radius: 50px; } 
.org_box .org_group { display: flex; gap:2.5rem; justify-content:space-between; } 
.org_box .org_group { margin-top:1.375rem; } 
.org_box .org_group dl {position: relative; } 
.org_box .org_group dl::before { display: block; position: absolute; top:-4.0625rem; left:50%; z-index: -1; width:1px; height:100%; background-color: #ddd; content: ""; transform: translateX(-50%); } 
.org_box .org_group dl dd { justify-content: center; text-align: center; } 
.org_box .org_group dl:first-child::after,
.org_box .org_group dl:last-child::after { position: absolute; top:-4.125rem; width:50%; height:1px; background-color: #fff; content: ""; } 
.org_box .org_group dl:first-child::after { left:0; } 
.org_box .org_group dl:last-child::after { right:0; } 

@media screen and (max-width:1024px){
 .org_box .org_group { gap:1rem; } 
 }

@media screen and (max-width:768px){
.org_box .org_title::before { display: none; } 
.org_box .org_group { gap:3.75rem; flex-direction: column; } 
.org_box .org_group dl:first-child::after,
.org_box .org_group dl:last-child::after { display: none; } 
 }

/* 생산설비 */
.laboratory .product_list { margin-bottom:2.5rem; } 


/* 실적 및 인증 */
.award_list { display: grid; gap:3.125rem; overflow: hidden; grid-template-columns: repeat(4,1fr);} 
.award_list li .img {display: block; border:1px solid #ddd;overflow: hidden;width:100%;} 
.award_list li .img img { display: block; width:100%; } 
.award_list li .txt { margin-top:14px; font-size: 14px; font-weight: 600; line-height: 171.429%; text-align: center; letter-spacing: -0.14px; } 

@media screen and (max-width:640px){
 .award_list { gap:16px; grid-template-columns: repeat(2,1fr); } 
 }







/* --------------------------------채용정보 */
/* 인재상 */
.right-people { display: flex; gap:1.75rem; align-items: center; justify-content: space-between; position: relative; } 
.right-people::after { position: absolute; top:50%; left:0; z-index: -1; width:100%; height:2px; background-color: #F5F5F5; content: ""; transform: translateY(-50%); } 
.right-people .circle_box { display: flex; display: flex; gap:0.625rem; align-items: center; justify-content: center; flex-direction: column; width:13.125rem; height:13.125rem; background-color: #f5f5f5; font-weight: 700; text-align: center; border-radius: 50%; } 

@media screen and (max-width:640px){
.right-people { flex-direction: column; } 
.right-people::after { display: none; } 
.right-people .recruit_list { padding-left: 0; background-color: transparent; } 
.right-people .recruit_list::after { display: none; } 

 }




/* 인사제도 */
.personnel .upgrade_list { display: grid; gap: 4.375rem; align-items: center; position: relative; grid-template-columns: repeat(3,1fr); } 
.personnel .upgrade_list.type4 { grid-template-columns: repeat(4,1fr); } 
.personnel .upgrade_list::after { display: block; position: absolute; top:50%; left:50%; z-index: -1; width:100%; height:1px; background-color: #A9A9A9; content: ''; transform: translate(-50%, -50%); } 
.personnel .upgrade_list li { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 1.875rem 1rem; border: 1px solid #ddd; height:100%; background-color: #ffffff; text-align: center; border-radius: 10px; } 
.personnel .upgrade_list li p.name { font-weight: 700; color:var(--primary); } 

@media screen and (max-width:640px){
.personnel .upgrade_list { gap:2.5rem; grid-template-columns: repeat(1,1fr); } 
.personnel .upgrade_list::after { width:1px; height:100%; } 
.personnel .upgrade_list li { height: 7.5rem; } 
 }




/* 인재상, 교육훈련 리스트 */
.recruit_list { display: flex; gap:1.25rem; flex:1; flex-direction: column; padding-left: 2.5rem; position: relative; background-color: #fff; } 
.recruit_list::after { display: block; border: 2px solid #F5F5F5; border-right:0 none; position: absolute; top: 50%; left: 0; width:80%; height:80%; content: ""; transform: translateY(-50%); border-radius: 30px; } 
.recruit_list li { display: flex; gap:2rem; align-items: center; padding:1.25rem 1.75rem; border:1px solid #e1e1e1; position: relative; z-index: 1; background: #FFF; border-radius: 50px; } 
.recruit_list li .tit { display: flex; gap:0.625rem; align-items: center; justify-content: space-between; width:4.375rem; font-weight: 700; color:#eb1c74; } 
.recruit_list li .tit::after { display: inline-block; width:1px; height:24px; background-color: #DDD; content: ""; } 
.recruit_list li .desc { flex:1; } 

.training .recruit_list {padding-left: 0rem;} 
.training .recruit_list::after {display: none;} 
.training .recruit_list li .tit { width:5.625rem;} 

@media screen and (max-width:640px){
	.recruit_list li { gap:1rem; align-items: flex-start; flex-direction: column; text-align: center; border-radius: 10px; }
	.recruit_list li .desc { flex:1; text-align: left;} 
	.recruit_list li .tit,
	.training .recruit_list li .tit { width:100%; } 	
	.recruit_list li .tit::after { display:none;  } 
}
		



/* 교육훈련 */
.training .training_list { display: flex; gap:1rem; justify-content: space-between; } 
.training .training_list li { display: flex; gap:0.875rem; align-items: center; flex:1; flex-direction: column; padding:1.5rem 1rem; background: #F5F5F5; border-radius: 10px; } 
.training .training_list li .ico { display: flex; align-items: center; justify-content: center; width:55px; height:55px; } 
.training .training_list li .txt { text-align: center; word-break: keep-all; } 
.training .training_list li .txt .tit { font-weight: 700; color:var(--primary) } 

@media screen and (max-width:640px) {
	.training .training_list { flex-direction: column; } 
}

.training .talent_arrow {margin-bottom:0.625rem; text-align: center;}
.training .talent_tit { display: flex; align-items: center; justify-content: center; margin-bottom:3.375rem; }
.training .talent_tit span { padding:1.875rem; border:1px solid #ddd;width:80%;	font-size: 1.25rem; font-weight: 700;	color: var(--primary);text-align: center; border-radius: 50px;}
.training .talent_group {display: flex; gap:1.5rem;}

@media screen and (max-width:640px) {
	.training .talent_tit span { width:100%;}
	.training .talent_group { gap:3.75rem;flex-direction: column;}

}

.training .performance_box {display: flex; gap:1rem; align-items: center; justify-content: space-between;}
.training .performance_box .circle_box { display: flex; align-items: center; justify-content: center; flex-direction: column; width:13.125rem; height:13.125rem; background-color: #f5f5f5;text-align: center; border-radius: 50%;}
.training .performance_box .circle_box .txt strong {display: block; font-weight: 700; color: var(--primary); }
.training .performance_box .desc {display: flex; gap:1.5rem; align-items: center;}
.training .performance_box .desc span {font-size:0.9375rem; }

@media screen and (max-width:768px) {
	.training .performance_box {flex-direction: column;}
	.training .performance_box .arrow {transform: rotate(90deg);}
	.training .performance_box .desc { gap:0;align-items: flex-start; flex-direction: column;}
}

.training .trainig_table { margin-top:3.75rem; } 

@media screen and (max-width:640px){
	.training .trainig_table { overflow-x: auto; } 
	.training .trainig_table img {max-width:600px;}
}
	
	


/* 복리후생 */
.welfare ul { display: grid; gap:1.5625rem 1.25rem; grid-template-columns: repeat(2,1fr); } 
.welfare ul li { display: flex; align-items: center; padding:1.5rem 2rem; border:1px solid #ddd; border-radius: 10px; } 
.welfare ul li .img { flex:1; } 
.welfare ul li .img img { height: 100%; object-fit: contain; } 
.welfare ul li .txt { width:70%; } 
.welfare ul li .txt .tit { margin-bottom:0.625rem; font-weight: 700; color:var(--primary); } 
.welfare ul li .txt p { word-break: keep-all; } 

@media screen and (max-width:640px) {
.welfare ul { grid-template-columns: repeat(1,1fr);} 
.welfare ul li { gap:1.5rem; flex-direction: column; padding:2rem } 
.welfare ul li .txt { width:100%; text-align: center; } 
 }


/** 인재채용 안내 **/
.information a {text-decoration: underline;}


/* --------------------------------ESG */
/* 윤리경영 */
.esg_management > .slogun { display: none;} /** 임시 **/
.esg_management .top_img { margin-bottom: 3.75rem;padding:0 6.25rem; text-align: center; } 
.esg_management .top_img img { width: auto; max-width: 100%; } 

.esg_management .principal_box { display: flex; margin-top: 0 !important; margin-bottom:1.75rem; padding: 2.125rem 1.5rem; border: 1px solid #ddd; position: relative; border-radius: 10px; } 
.esg_management .principal_box .tit { flex-shrink: 0; width:6.25rem;	font-size: 1.25rem; font-weight: 600; color: #000;} 
.esg_management .principal_box .box_list {display: flex; gap:1.875rem; flex-direction: column; padding-left:2.625rem; border-left:1px solid #ddd;}
.esg_management .principal_box dl {line-height: 160%;}
.esg_management .principal_box dl dt {font-weight: 700; } 
.esg_management .principal_box dl dd {word-break: keep-all;} 

.esg_management .img_arrow { margin-bottom: 2.5rem; text-align: center; } 
.esg_management .img_arrow img { width: auto; max-width: 100%; } 

.esg_management .text_box { margin-bottom: 100px; text-align: center; } 
.esg_management .text_box p.slogun { margin-bottom: 1.5625rem; font-size: 1.5rem; font-weight: 600; line-height: 160%; color: #000;text-align: center;} 

@media screen and (max-width: 1024px) { 
	.esg_management .top_img {padding:0;} 
} 

@media screen and (max-width: 640px) { 
	.esg_management .principal_box { gap:1.5rem;flex-direction: column;} 
	.esg_management .principal_box .box_list {padding-left:0; border-left:0 none;}
} 



/* 사이버감사실 */
.esg_cyber .desc_box { display: flex; gap: 1.75rem; align-items: center; padding: 1.75rem; border: 1px solid #ddd; border-radius: 10px; } 
.esg_cyber .desc_box .ico { display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 10.375rem; height: 10.375rem; background-color: #f5f5f5; border-radius: 100%;} 
.esg_cyber .desc_box .ico::after {content: url("../../img/esg/ico_esg.svg");}
.esg_cyber .desc_box .ico img {display: none;}

.esg_cyber .type_list { display: grid; grid-template-columns: repeat(3,1fr); } 
.esg_cyber .type_list li { gap: 5px; width:100%; line-height: 160%; } 

.esg_cyber .dot_list { display: flex; flex-direction: column; } 
.esg_cyber .dot_list li { display: flex; } 

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

@media screen and (max-width: 640px) { 
	.esg_cyber .desc_box { flex-direction: column;}	
	.esg_cyber .type_list li { width: 100%; } 
}



/*---------------------ESG > 사이버감사실 폼 */
.ethics_form .radio_box ul { display: grid; gap: 1rem; grid-template-columns: repeat(5, 1fr); } 
.ethics_form .radio_box ul li input[type="radio"] { display: none; } 
.ethics_form .radio_box ul li input[type="radio"] + label { display: block; padding: 1.25rem 0; border: 1px solid #e3e2e2; width: 100%;  text-align: center;  cursor: pointer; border-radius: 10px; } 
.ethics_form .radio_box ul li input[type="radio"]:checked + label { background-color: #eb1c74; color: #fff; } 

@media screen and (max-width: 1024px){
 .ethics_form .radio_box ul {gap:0.625rem; grid-template-columns: repeat(4, 1fr); } 
 } 
@media screen and (max-width: 640px){
 .ethics_form .radio_box ul {grid-template-columns: repeat(2, 1fr); } 
 } 


.ethics_form ul.form_list { display: flex; gap: 1.5rem; flex-direction: column;} 
.ethics_form ul.form_list li { display: flex; align-items: center; padding: 0.625rem 1.25rem;position: relative; min-height: 40px; background-color: #f3f3f3; border-radius: 10px; } 
.ethics_form ul.form_list li.sm .abs { font-weight: bold; color: #eb1c74; cursor: pointer; }  
.ethics_form ul.form_list li.sm .abs label {cursor: pointer;}

.ethics_form ul.form_list li.v_top { align-items: flex-start; padding-top: 1.25rem; } 
.ethics_form ul.form_list li.v_top .ipt { margin-top: -0.625rem; } 
.ethics_form ul.form_list li .title { width: 7.5rem; font-weight: bold; color: #000; } 
.ethics_form ul.form_list li .title b { color: #eb1c74; } 

@media screen and (max-width: 640px){
	.ethics_form ul.form_list li .title { width: 3.75rem; 
 } 
}

.ethics_form ul.form_list li .ipt { flex: 1; } 
.ethics_form ul.form_list li .ipt input[type="text"], 
.ethics_form ul.form_list li .ipt input[type="email"], 
.ethics_form ul.form_list li .ipt textarea { border: 0 none; width: 100%; height: 2.5rem; background-color: transparent; } 
.ethics_form ul.form_list li .ipt textarea { padding: 0.625rem 0.3125rem; height: 6.25rem; } 
.ethics_form ul.form_list li .ipt ::placeholder { color: #b1b1b1; } 
.ethics_form ul.form_list li .ipt .filebox label { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right:0; width: 6.25rem; height: 3.75rem; background-color: #999999; color: #fff; text-align: center; cursor: pointer; border-radius: 10px; } 

.ethics_form ul.form_list li .ipt .filebox input[type="file"] { padding: 0; border: 0; overflow: hidden; position: absolute; width: 0; height: 0; } 


.ethics_form .privacy_box { margin: 1.25rem 0; padding: 1.25rem; border: 1px solid #ddd; overflow-y: auto; height: 12.5rem; border-radius: 10px; } 
.ethics_form .privacy_box h4 { margin-bottom: 0.625rem; font-size: 1rem; } 
.ethics_form .privacy_box p { margin-bottom: 1.5rem; font-size: 0.875rem; line-height: 1.6; color: #000000; } 
.ethics_form .privacy_box p:first-child { margin-bottom: 0; }

.ethics_form .ethics_agree { display: flex; gap: 1.5rem; justify-content: flex-end; margin-bottom: 40px; } 
.ethics_form .ethics_agree li label { cursor: pointer; } 

@media screen and (max-width: 640px){
	.ethics_form ul.form_list li .ipt .filebox label { width: 5rem;  }  
 } 

 

/* 정책 및 규범 */
.ethics .download_list { display: grid; gap:1.5rem; grid-template-columns: repeat(3,1fr); } 
.ethics .download_list li {  overflow: hidden;position: relative; height:10.625rem;	font-weight: 700;	line-height: 160%; color: #555;  } 
.ethics .download_list li a {display: block; padding:1.5rem; border:1px solid #ddd; width:100%; height:100%; transition: all 0.3s ease; border-radius: 10px;}
.ethics .download_list li a::after { display: flex; align-items: center; justify-content: center; position: absolute; right:1.25rem; bottom:1.25rem; width:2.875rem; height:2.875rem; background-color: #F5F5F5; content: url("../../img/common/ico_download.svg"); border-radius: 50%; } 
.ethics .download_list li:hover a {border-color: #000;}

@media screen and (max-width:640px){
	.ethics .download_list {grid-template-columns: repeat(2,1fr); } 
}



/* --------------------------------커뮤니티 */
/* 방문신청메인 */
.visit_btns { display: flex; gap:20px; } 
.visit_btns li { flex:1; } 
.visit_btns li a { display:flex; gap:4px; align-items: center; justify-content: center; height:50px; background:#eb1c74; font-weight: 600; color:#fff; text-align:center; } 
.visit_btns li:last-child a { background:#555; } 


/* 방문신청 */
.visit .s_tit,
.visit .title_bar {display: none;} /** 임시 **/

.visit .vi_tit {display: flex; align-items: center;}
.visit .vtxt {margin-bottom:0.625rem;}

.visit .vi_box {padding:0.625rem 0.9375rem;border:0.0625rem solid #dadada;}

.visit #add_mem .vi_box {margin-top:1.25rem;}
.visit #add_mem .vi_box:first-of-type {margin-top:0;}

.visit .vi_box .vi_ul:first-of-type {margin-top:0;}
.visit .vi_box .vi_ul { display: flex; gap:1rem 2rem; flex-wrap: wrap;margin-top:1rem;}
.visit .vi_box .vi_ul li { width:calc(50% - 1rem);}
.visit .vi_box .vi_ul li.name,
.visit .vi_box .vi_ul li.car_input3  {width:100%;}
.visit .vi_box .vi_ul li .box {display: flex; align-items: center;}
.visit .vi_box .vi_ul li .box .tit { flex-shrink: 0;width:6.25rem; font-weight: 600;}
.visit .vi_box .vi_ul li .box label {flex:1;}

.visit .vi_box .vi_ul li.car_select .box .it_select {flex:1;}
.visit .vi_box .vi_ul li.car_select .box .it_select select {width:100%;}

.visit .vi_box .vi_ul li .it_select select {padding:0.375rem 0.3125rem; height:34px;}


@media screen and (max-width:640px) {
	.visit .vi_box .vi_ul {flex-direction: column; width:100%;}
	.visit .vi_box .vi_ul li { width:100%;}
	.visit .vi_box .vi_ul li .box {flex-wrap: wrap;}
	.visit .vi_box .vi_ul li .box .tit { margin-bottom:0.625rem;width:100%;}
	.visit .vi_box .vi_ul li .box label {width:100%;}
}


.visit input:disabled {background-color: #fafafa; cursor: not-allowed;}


.visit .plus_visits { display: flex; gap:0.3125rem; justify-content: flex-end ;margin-top:1.5rem;}
.visit .plus_visit {display:inline-block; padding:0 0.9375rem; height:34px; background:#333; font-size:1.0em; line-height:34px; text-align:center; }
.visit .plus_visit span { display:block;color:#fff; }

.visit .captcha_code {display: flex; gap:0.3125rem; justify-content: flex-end;;}
.visit .captcha_code > div {display: flex !important; align-items: center; font-weight: 500;}
.visit .captcha_code > div .select_ds {display: flex; gap:0.3125rem; align-items: center;}
.visit .captcha_code > div .select_ds .pa_label {height:34px; line-height:34px;}

@media screen and (max-width:640px) {
	.visit .captcha_code {flex-direction: column;}
	.visit .captcha_code > div { gap:6px; align-items: flex-end;flex-direction: column;}
}



.visit .v_check {display: flex; gap:10px; justify-content: flex-end; padding:0.625rem; background:#dadada; }
.visit .v_check label {vertical-align:middle;}

@media screen and (max-width:1024px) {
	.visit .v_check {flex-direction: column;}
}


.visit .must_tit {font-size:0.875rem; color:var(--primary);}
.visit .red { color:var(--primary);}


.visit .check_v {display:inline-block; border:1px solid #eb1c74; min-width:5.625rem; background:#eb1c74; text-align:center; box-sizing:border-box; border-radius:2px; }
.visit .check_v span { display:inline-block; height:33px; line-height:33px;color:#fff;}
.visit .v_reset {display:inline-block; border:1px solid #333; min-width:5.625rem; background:#fff; text-align:center; border-radius:2px;}
.visit .v_reset span { display:inline-block; height:33px; line-height:33px; color:#333;}
.visit .date_box { display: flex; gap:6px; align-items: center;flex:1; }
.visit .v_date { display:inline-flex; align-items: center; justify-content: space-between;position: relative; width:50%;}
.visit .v_date img {position: absolute; top:50%; right:10px; vertical-align:middle; transform: translateY(-50%);}
.visit .v_date input {width:100%;}

.visit .v_join {display:inline-block; padding:0 1.25rem; height:34px; background:#eb1c74;  line-height:34px; text-align:center; border-radius:2px;}
.visit .v_join span { display:block; min-width:100px;color:#fff;}


.visit .private_btn {display:block;  padding:0 0.625rem; height:34px; background:#eb1c74;  line-height:34px; text-align:center;}
.visit .private_btn span {display:block; color:#fff;}
.visit .vi_info { display: flex; justify-content: space-between;}

@media screen and (max-width:1024px) {
	.visit .vi_info {flex-direction: column;}
	.visit .private_btn {margin-bottom:10px;}
}


 /* --------------------------------기타 */
 /* 레이어팝업 */
#black { display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); } 
#black_m { display:none; position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50); } 
.layerPop { display:none; padding:0px 2%; position:fixed; top:50%; left:0%; z-index:99999; width:96%; } 
.layerPop_in { margin:0 auto; padding:0px 20px 20px 20px; overflow-x:hidden; overflow-y:auto; position:relative; max-width:1000px; max-height:800px; background:#FFF; border-radius: 4px; } 
.layerPop .pop_title { margin-bottom:20px; border-bottom:1px solid #ceced0; height:55px; font-size:1.4em; line-height:55px; color:#333; } 

/*.layerPop a.close_bt { top:-60px; position:absolute; right:0px; } */
.layerPop .img { width:100%; max-width:100%; } 
.layerPop .close_bt { position:absolute; top:10px; right:20px; } 
.panel-body { padding:0px 0px 15px 0px; border-bottom:1px solid #dddddd; } 

@media screen and (min-width:999px){
 #black_m { display:none !important; } 
 }