@charset "utf-8";

/* 경영이념 */
#mng_ideology { }

#mng_ideology .promise_circle_inner { margin:350px 0 250px; }
#mng_ideology .promise_circle { position:relative; width:736px; margin:0 auto; }

#mng_ideology .promise_scircle { display:table; position:absolute; z-index:9; border:10px solid #ffdb90; width:360px; height:360px; border-radius:50%; background:#fff; }
#mng_ideology .promise_scircle .scircle_inner { text-align:center; display:table-cell; vertical-align:middle; }
#mng_ideology .promise_scircle .num { font-size:45px; font-weight:700; }
#mng_ideology .promise_scircle .desc{ font-size:25px;  font-weight:700; }
#mng_ideology .promise_scircle .img { margin:10px 0; }

#mng_ideology .promise_scircle.circle1 { top:-300px; left:50%; transform:translateX(-50%); border:10px solid rgba(255,200,139,0.8); }
#mng_ideology .promise_scircle.circle2 { top:-50px; right:-250px; border:10px solid rgba(127,205,232,0.8); }
#mng_ideology .promise_scircle.circle3 { bottom:-120px; right:-200px; border:10px solid rgba(249,173,150,0.8); }
#mng_ideology .promise_scircle.circle4 { bottom:-120px; left:-200px; border:10px solid rgba(164,218,162,0.8); }
#mng_ideology .promise_scircle.circle5 { top:-50px; left:-250px; border:10px solid rgba(215,136,190,0.8); }

#mng_ideology .promise_list li + li { margin-top:5px; }
#mng_ideology .promise_list li { font-size:20px; }
#mng_ideology .promise_list li strong { font-size:25px; }

@media (max-width:1280px){
	#mng_ideology .promise_circle_inner { margin:200px 0 200px; }
	#mng_ideology .promise_circle { width:500px; }
	#mng_ideology .promise_scircle { width:250px; height:250px;  }
	
	#mng_ideology .promise_scircle .num { font-size:25px;  }
	#mng_ideology .promise_scircle .desc{ font-size:16px;  }
	#mng_ideology .promise_scircle .img img { width:70px; height:auto; }

	#mng_ideology .promise_scircle.circle1 { top:-220px; }
	#mng_ideology .promise_scircle.circle2 { right:-160px; }
	#mng_ideology .promise_scircle.circle3 { right:-100px; }
	#mng_ideology .promise_scircle.circle4 { left:-100px; }
	#mng_ideology .promise_scircle.circle5 { left:-160px; }
}


@media (max-width:980px){
	#mng_ideology .promise_circle { width:300px; }
	#mng_ideology .promise_scircle { width:200px; height:200px;  }
	
	#mng_ideology .promise_scircle .desc{ font-size:12px;  }

	#mng_ideology .promise_scircle.circle1 { top:-180px; }
}



@media (max-width:680px){
	#mng_ideology .promise_circle_inner { margin:50px 0 120px; }
	
	#mng_ideology .promise_circle { width:150px; }
	#mng_ideology .promise_scircle { width:110px; height:110px;  }
	
	#mng_ideology .promise_scircle .num { font-size:14px;  }
	#mng_ideology .promise_scircle .img { margin:5px 0; }
	#mng_ideology .promise_scircle .img img { width:20px; height:auto; }
	#mng_ideology .promise_scircle .desc{ font-size:12px; letter-spacing: -2px;  }

	#mng_ideology .promise_scircle.circle1 { top:-90px; border:3px solid rgba(255,200,139,0.8); }
	#mng_ideology .promise_scircle.circle2 { top:-10px; right:-60px; border:3px solid rgba(127,205,232,0.8); }
	#mng_ideology .promise_scircle.circle3 { bottom:-60px; right:-40px; border:3px solid rgba(249,173,150,0.8); }
	#mng_ideology .promise_scircle.circle4 { bottom:-60px; left:-40px; border:3px solid rgba(164,218,162,0.8); }
	#mng_ideology .promise_scircle.circle5 { top:-10px; left:-60px; border:3px solid rgba(215,136,190,0.8); }

	#mng_ideology .promise_list li { font-size:14px; }
	#mng_ideology .promise_list li strong { font-size:18px; }

}


/* 보유설비 */

#po_facilities { }
#po_facilities .product_list { display:grid; grid-template-columns: repeat(4, 1fr); /* 4열 */ gap:30px 15px; margin-bottom:80px; }
#po_facilities .product_list li { border:1px solid #ddd; border-radius:20px 20px 0 0px; overflow:hidden; }
#po_facilities .product_list li .img-box { padding:20px 0 0; border-bottom:1px solid #ddd; }
#po_facilities .product_list li .title {  text-align:center; font-weight:700; font-size:20px; padding:10px 0; }
#po_facilities .product_list li dl { display:flex; flex-wrap:wrap; }
#po_facilities .product_list li dl dt { width:29%; text-align:center; font-size:14px; padding:8px 0; border-top:1px solid #ddd; }
#po_facilities .product_list li dl dd { width:calc(71% - 1px); border-left:1px solid #ddd; text-align:center; font-size:14px; padding:8px 0;border-top:1px solid #ddd;   }

.tbl_equp_head01 {margin:0 0 10px; border-top:5px solid #0963b0; }
.tbl_equp_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_equp_head01 thead th {padding:20px 0;text-align:center;background:#f1f1f1;border:1px solid #e5e5e5;height:50px; font-size:16px; }
.tbl_equp_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_equp_head01 td {color:#000;padding:20px 5px;border:1px solid #e5e5e5;line-height:1.4em;height:50px;word-break:keep-all; font-size:16px; text-align:center; }

@media (max-width:1024px){
	#po_facilities .product_list { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width:680px){
	#po_facilities .product_list { grid-template-columns: repeat(2, 1fr); /*  */ gap:30px 10px; margin-bottom:40px; }
	#po_facilities .product_list li .title {  font-size:14px; letter-spacing: -1px; }
	#po_facilities .product_list li dl dt,
	#po_facilities .product_list li dl dd { font-size:12px; letter-spacing: -2px; }
	
	.tbl_equp_head01 {border-top:3px solid #0963b0; }
	.tbl_equp_head01 thead th,
	.tbl_equp_head01 td {font-size:12px; padding:10px 5px; letter-spacing: -1px; }
}

/* 공정흐름도 */
#process_flow { background:url('../img/sub/02/02_bg.jpg') bottom center no-repeat; background-size:contain; padding-bottom:400px; }
#process_flow .title_wrap { background:url('../img/sub/02/02_tit.jpg') center center no-repeat; background-size:cover; height:350px; padding:60px 50px; margin-bottom:80px;  }
#process_flow .title_wrap h2 { color:#fff; font-size:45px; line-height:1.2; margin-bottom:20px; }
#process_flow .title_wrap p {  color:#fff; font-size:20px; line-height:1.8; word-break:keep-all; }

#process_flow .flow_list { display:grid; grid-template-columns: repeat(2, 1fr);  gap:80px 15px;  }
#process_flow .flow_list .flow_step { width:90%; margin:0 auto; display:flex; justify-content: space-around; font-size:25px; margin-bottom:30px; }

#process_flow .flow_list .flow_info { width:90%; margin:0 auto; display:flex; justify-content: space-around; font-size:25px; margin-top:30px; gap:20px; font-weight:700; text-align:center; }
#process_flow .flow_list .flow_info > div { width:50%; }
#process_flow .flow_list .flow_info.flow_info_full > div { width:100%; }

#process_flow .flow_list .flow_info .c1 .txt1, 
#process_flow .flow_list .flow_info .c1 .txt2 { color:#134165; }

#process_flow .flow_list .flow_info .c2 .txt1, 
#process_flow .flow_list .flow_info .c2 .txt2 { color:#48748c; }

#process_flow .flow_list .flow_info .arrow { background-repeat:no-repeat; background-position:right top; height:21px; margin:20px 0 10px;  }
#process_flow .flow_list .flow_info .c1 .arrow { background-image:url('../img/sub/02/02_arrow02.jpg'); }
#process_flow .flow_list .flow_info .c2 .arrow { background-image:url('../img/sub/02/02_arrow01.jpg'); }


@media (max-width:1400px){
	#process_flow { padding-bottom:300px; }
	#process_flow .flow_list .flow_step,
	#process_flow .flow_list .flow_info { font-size:18px; }
}

@media (max-width:980px){
	#process_flow { padding-bottom:200px; }
}

@media (max-width:680px){
	#process_flow { padding-bottom:150px; }
	#process_flow .title_wrap { height:280px; padding:30px 15px;  }
	#process_flow .title_wrap h2 { font-size:28px; }
	#process_flow .title_wrap p {  font-size:14px; }

	#process_flow .flow_list { grid-template-columns: repeat(1, 1fr);  gap:40px 15px;  }
	#process_flow .flow_list .flow_step,
	#process_flow .flow_list .flow_info { font-size:14px; font-weight:500; letter-spacing: -1px; }
}