#contentsArea p {padding-bottom:0px;}

/******** 제품소개 css 시작 **********/
.content_img_text {display:flex; align-items:center; flex-direction:row; flex-wrap:nowrap; justify-content:space-around; margin-top:40px;}
.content_img_text .right {text-align:left;}
.content_img_text .right h1 {font-size:20px; font-weight:bold; margin-bottom:10px;}
.content_img_text .right p {font-size:16px;}
/******** 제품소개 css 시작 **********/

/******** 품질관리현황 css 시작 **********/

.management {width:100%; margin: 0 auto;}
.management img {width:100%;}
.topBox {background:#eee; height:80px; overflow:hidden;}
.topBox p {float:left;}
.topBox .po {position:relative; background:#00559d; width:20%; height:80px;}
.topBox p:first-child {margin-left:0;}
.topBox .po span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:28px; color:#fff; font-weight:bold;}
.topBox .po span.st2 {line-height:100%; font-size:26px;}

.topBox .text {position:relative; height:80px; width:75%; margin:0 2.5%; font-size:18px;}
.topBox .text span {position:absolute; top:50%; transform:translateY(-50%); word-break:keep-all;}

.cont_text {margin-top:20px;}
.cont_text p {font-size:15px; color:#000; line-height:23px;}
.cont_text p b {font-size:21px;}

.mt100 {margin-top:100px !important;}

/******** 품질관리현황 css 종료 **********/


/******** 연구 개발 css 시작 **********/

.mar_t40 {margin-top:40px !important;}
.tbl_area {overflow-x:auto; margin:0px 0;clear:both;}
.tbl_type1 {border-collapse:separate; border-top:1px solid #555; margin-left:-1px; width:100%;}

.wp5 {width:5%;}
.wp10 {width:10%;}
.wp15 {width:15%;}
.wp20 {width:20%;}
.wp25 {width:25%;}
.wp30 {width:30%;}
.wp35 {width:35%;}
.wp40 {width:40%;}

.tbl_type1 thead th {background:#096eb8; color:#fff; font-size:16px; padding:15px 10px; border-left:1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; text-align:center;}
.tbl_type1 tbody th {background:#fafafa; font-size:15px;}
.tbl_type1 tbody td, .tbl_type1 tfoot td {background:#fff; font-size:15px;}
.tbl_type1 tbody th, .tbl_type1 tbody td, .tbl_type1 tfoot th, .tbl_type1 tfoot td {border-left:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; text-align:center; padding:10px; word-break:break-all;}

.process_img {width:100%; padding:3% 10%; margin:30px auto; background:#eee;}
.process_img div img {width:100%;}

#process_cont {width:100%; background:#eee; margin:30px auto 0; padding:3% 10%;}
.process {position:relative; width:849px; height:858px; margin:0 auto;}
.process .base img {display:block;}
.process .A1 img {left:123px; top:116px; position:absolute; z-index:2; display:block; width:141px;}
.process .A2-1 img {left:180px; top:2px; position:absolute; z-index:2; display:block; width:145px;}
.process .A2-2 img {left:308px; top:131px; position:absolute; z-index:2; display:block; width:112px;}
.process .A3 img {left:438px; top:108px; position:absolute; z-index:2; display:block; width:158px;}
.process .B1 img {left:110px; top:305px; position:absolute; z-index:2; display:block; width:141px;}
.process .B2 img {left:250px; top:298px; position:absolute; z-index:2; display:block; width:186px;}
.process .B3 img {left:429px; top:328px; position:absolute; z-index:2; display:block; width:122px;}
.process .B4 img {left:553px; top:302px; position:absolute; z-index:2; display:block; width:122px;}
.process .B5 img {left:682px; top:269px; position:absolute; z-index:2; display:block; width:137px;}
.process .B6 img {left:597px; top:457px; position:absolute; z-index:2; display:block; width:110px;}
.process .C1 img {left:184px; top:547px; position:absolute; z-index:2; display:block; width:141px;}
.process .C2 img {left:230px; top:728px; position:absolute; z-index:2; display:block; width:114px;}
.process .C3 img {left:363px; top:550px; position:absolute; z-index:2; display:block; width:138px;}
.process .start1 img {left:1px; top:150px; position:absolute; z-index:2; display:block; width:98px;}
.process .start2 img {left:1px; top:340px; position:absolute; z-index:2; display:block; width:98px;}
.process .start3 img {left:1px; top:550px; position:absolute; z-index:2; display:block; width:98px;}
.process .last img {left:430px; top:525px; position:absolute; z-index:1; display:block; width:394px;}


/******** 연구 개발 css 종료 **********/

/******** 기업인증 css 시작 **********/

.cont_img {display:flex; width:100%; margin:0 auto; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
.cont_img > div {width:23%; margin:30px 1%; border:1px solid #f4f4f4;}
.cont_img div img {width:100%;}

/******** 기업인증 css 종료 **********/

/******** 설비현황 css 종료 **********/

.system_img {width:100%;  padding:2% 1% 1%; margin:30px auto 80px; background:#eee; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start;}
.system_img > div {width:32.33%; margin:0 0.5% 1%;}
.system_img div img {width:100%;}

/******** 설비현황 css 종료 **********/


.man_box {width:100%; margin:0 auto 50px; border: 2px solid #ddd; display:flex; padding:15px; flex-direction:row; align-items:center;}
.man_title { margin:20px 0px;}
.man_title h1 {font-size:16px; color:#000;}
.man_title h1 span {font-size:25px; color:#000;}
.man_text {display:flex; width:80%; flex-direction:column;}
.man_img {width:20%;}
.man_img img {width:100%;}
.man_cont ul {width:100%; display:flex; flex-direction:row; flex-wrap:wrap;}
.man_cont ul li {width:25%; color:#000; font-size:16px; padding:10px 0;}


.man_cont ul li:nth-child(1), .man_cont ul li:nth-child(5) {width:30%;}
.man_cont ul li:nth-child(2), .man_cont ul li:nth-child(6) {width:20%;}
.cleaner {width:100% !important;}
.cleaner_list ul li:nth-child(1) {width:20%;}
.cleaner_list ul li:nth-child(2) {width:30%;}
.cleaner_list ul li:nth-child(6) {width:80%;}
.management .title p {font-size:25px; font-weight:bold;}

.pop_1,.pop_2,.pop_3,.pop_4 {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:rgba(0,0,0,0.7); width:60%; padding:70px 0; display:none; z-index:10;}
.close_btn {position:absolute; top:10px; right:20px; color:#fff; font-size:18px; font-weight:bold; cursor:pointer;}
.pop_1 .tbl_content,.pop_2 .tbl_content,.pop_3 .tbl_content,.pop_4 .tbl_content {width:80%; margin:0 auto;}

@media (max-width: 1023px) {
.pop_1,.pop_2,.pop_3,.pop_4 {width:100%; height:100%; overflow:hidden;}
.pop_1 .tbl_content,.pop_2 .tbl_content,.pop_3 .tbl_content,.pop_4 .tbl_content {width:90%; height:700px; overflow-y:scroll;}

.man_box {flex-direction:column;}
.man_text {width:100%;}
.man_title h1 span {font-size:18px;}
.man_img {width:100%; text-align:center; margin:20px auto 0;}
.man_img img {width:60%;}
.man_cont ul li {width:65% !important; padding:0 0 5px 0;}
.man_cont ul li:nth-child(2n) {width:35% !important;}
.management .title p {font-size:20px; font-weight:bold;}


.cleaner_list ul li:nth-child(1) {width:50%;}
.cleaner_list ul li:nth-child(2) {width:50%;}
.cleaner_list ul li:nth-child(3) {width:50%;}
.cleaner_list ul li:nth-child(5) {width:35%;}
.cleaner_list ul li:nth-child(6) {width:65%;}

}

@media (max-width: 750px) {

.content_img_text {flex-direction:column;}

/******** 품질관리현황 css 시작 **********/

.topBox {height:auto;}
.topBox p {line-height:100%; display:block;}
.topBox .po {height:auto; width:100%; text-align:center; padding:10px 0 !important;}
.topBox .po span {position:static; transform:none;}
.topBox .po span.st2 {font-size:23px;}

.topBox .text {height:auto; width:90%; margin:0 5%; padding:15px 0 !important;}
.topBox .text span {position:static;line-height:130%; transform:none;}

.cont_text p {font-size:14px;}
.cont_text p b {font-size:18px;}

/******** 품질관리현황 css 종료 **********/


/******** 연구개발 css 시작 **********/

#process_cont {overflow-x:scroll;}

/******** 연구개발 css 종료 **********/


/******** 기업인증 css 시작 **********/

.cont_img > div {width:48%; margin:10px 1%; border:1px solid #f4f4f4;}

/******** 기업인증 css 종료 **********/


/******** 설비현황 css 종료 **********/

.system_img {margin-bottom:50px;}
.system_img > div {width:48%; margin:0 1% 1%;}


/******** 설비현황 css 종료 **********/

}