@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.tEnter{display:inline;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

.blackTxt{color:#000000}
.blTxt{color:#1c3f95}
.blgrTxt{color:#345468}
.jjTxt{color:#e50049}
.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#928c74}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}

.pointTxt{background:#ffef67;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{font-size:1.3em; font-weight:700; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:700; letter-spacing:-0.065em; padding-left:30px; background:url(../img/tit_cir.png) no-repeat left center; background-size:22px !important; position:relative}


@media all and (min-width:768px) {
.bgbox{padding:30px 3%;}
.col-02{width:47%; margin:0 1.5%; float:left;}
.col-03{width:30.33%; margin:0 1.5%; float:left;}
.pdbox{padding:30px 3%;}
.mEnter{display:inline;}
.tEnter{display:block;}

.tit_nm{font-size:1.4em; }
.tit_dot{ font-size:1.4em; padding-left:30px;}

}

@media all and (min-width:1200px) {
.bgbox{padding:40px 25px;}
.pdbox{padding:40px 25px;}
/*.tEnter{display:inline;}*/
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}
.tit_nm{font-size:1.6em; }
.tit_sm{font-size:1.2em; }
.tit_dot{ font-size:1.6em; padding-left:35px}
}




/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}
.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
.tablist {text-align:left}
.tablist.list04 li{width:25%}
.tablist li{line-height:50px;}
}

@media all and (min-width:768px) {
.comm_table{font-size:1em;}
.comm_table th, .comm_table td{padding:20px 10px}
}


/*서브페이지 공통*/
.sub_tico{position: relative; padding-left:40px; margin-bottom:15px; font-weight:700; font-size:1.2em}
.sub_tico:before{content:''; display:block; background: url(../img/tico.png)no-repeat; width:25px; height:25px; background-size: 100%; left:10px; position: absolute; }
.sub_top{background: #f8f8f8;padding: 20px;margin-bottom: 40px;border-left: 5px solid var(--main_color);}
.sub_top h5{font-size: 1.2em;font-weight: 800;}
.sub_top p{color:#666}
.flex_box .left small{font-size:1em;margin-left: 35px;display: block;color: #5b5b5b;}

@media all and (min-width:768px) {
.flex_box{display:flex; flex-wrap:wrap; }
.flex_box .left{width:20%; }
.flex_box .right{width:80%;}
.sub_tico{font-size:1.5em; padding-left:35px; }
 .sub_tico:before{top:5px; left:0}
 .sub_top{margin-bottom:80px; padding: 30px;display: flex;justify-content: space-between;align-items: center;}
 .sub_top h5{font-size:1.4em}
.sub_top p{font-size:1.1em}
}

@media all and (min-width:1200px) {
.sub_tico:before{top:8px;}
.sub_tico{font-size:1.7em;margin-bottom: 20px;}
}

/*인사말*/
.ceo{}
.ceo .point{position: relative; margin-bottom:20px; padding-bottom:20px}
.ceo .point:after{display:block; content:''; background: var(--main_color); position: absolute; width:40px; height:4px; bottom:0;}
.ceo .point h2{font-size: 1.4em; font-weight: 800;margin-bottom: 10px;}
.ceo .point h3{font-size: 1.2em;  font-weight: 600;}
.ceo .point h2 b{color: var(--main_color); font-weight: 800;}
.ceo .left p{color:#717171;margin-bottom: 20px;}
.ceo .left p span{display: block;color: #333;margin-top: 15px;}
.ceo .left p span b{font-weight: 800;}
.ceo .right img{margin-bottom: 40px;}

.ceo .mission{background: #f0f0f0;position: relative;z-index: 0;padding: 40px 0px;}
.ceo .mission ul{}
.ceo .mission ul li{display: block;margin-bottom: 20px;position: relative;z-index: -9;background: #fff;padding: 15px;display: flex;flex-wrap: wrap;align-items: center;}
.ceo .mission ul li img{width: 50px;height: 50px;margin-right: 15px;}
.ceo .mission ul li .txt{width: calc(100% - 65px);}

.ceo .mission li h3{font-size: 1.2em;font-weight: 800;}
.ceo .mission li p{font-size: 0.95em;}

@media all and (min-width:768px) {
.ceo .flex_box{margin-bottom:60px;}
.ceo .flex_box .left{width:calc(100% - 320px)}
.ceo .flex_box .right{width:300px;margin-left:20px;}
.ceo .mission{padding: 60px 0px;}
.ceo .left p, .ceo .right img{margin: 0px;}
	
.ceo .mission ul{display:flex; gap:2%; flex-wrap:wrap;}
.ceo .mission ul li{width: 49%; padding:20px;}
}

@media all and (min-width:980px) {
.ceo .flex_box{margin-bottom:80px;}
.ceo .mission{padding: 80px 0px;}
.ceo .mission ul li{width: 23.5%;display: block;margin-bottom: 0px;}
	.ceo .mission ul li img{margin-bottom:20px;}
	.ceo .mission ul li .txt{width:100%}
}

@media all and (min-width:1200px) {
.ceo .flex_box{margin-bottom:100px;}
.ceo .mission{padding: 100px 0px;}
.ceo .mission ul li{padding:30px 25px;}
.ceo .point{margin-bottom:30px; padding-bottom:30px}
.ceo .left p span{margin-top: 30px;}

.ceo .flex_box .left{width:calc(100% - 550px)}
.ceo .flex_box .right{width:500px;margin-left:50px;}
.ceo .point h2{font-size: 2.2em; }
.ceo .point h3{font-size: 1.5em;  font-weight: 600;}
.ceo .left p{font-size:1.1em; line-height:1.65}
.ceo .mission li h3{font-size: 1.3em; margin-bottom:5px}
.ceo .mission li p{font-size: 1em;}
}

/*연혁*/
.his{padding-bottom:40px}
.his .info02 {position:relative;}

.his .info02 .box:not(:last-child) {margin-bottom:40px;}
.his .info02 .tit {border-top: 4px solid var(--main_color);padding-top: 20px;}
.his .info02 .t01 {font-size:1.75em; font-weight:800;}
.his .info02 .t02 { font-weight:600;}
.his .info02 dl {display:flex; flex-wrap:wrap; padding:20px 5em 0 0;}
.his .info02 dt {width:100%; font-weight:800;}
.his .info02 dd {width:100%; padding:10px 0;}

@media all and (min-width:768px) {
  .his .info01 .t02 {font-size:1.1em;}
  .his .info02 .t01 {font-size:2em;}
  .his .info02 dl {padding:20px 0;}
  .his .info02 dt {width:80px; padding:10px 0;}
  .his .info02 dd {width:calc(100% - 80px);}
}

@media all and (min-width:1200px) {
  .his{padding-bottom:120px}
  .his .info01 .t01 {font-size:2em;}
  .his .info02 .t01 {font-size:3em;}
  .his .info02 .t02 {font-size:1.2em;}
  .his .info02:before {content:''; display:inline-block; width:1px; height:100%; background:#e0e0e0; position:absolute; right:50%; top:0; z-index:-1;}
  .his .info02 .box:nth-child(odd) {margin-left:50%;}
  .his .info02 .box:nth-child(even) {margin-right:50%;}
  .his .info02 .box .tit {position:relative;}
 
  .his .info02 .box:nth-child(odd) .tit,
  .his .info02 .box:nth-child(odd) dl {padding-left:80px;padding-top: 20px;}
  .his .info02 .box:nth-child(odd) .tit:before {left:-0.5em;}
  .his .info02 .box:nth-child(even) .tit,
  .his .info02 .box:nth-child(even) dl {padding-right:80px;padding-top: 20px; flex-direction:row-reverse; text-align:right;}
  .his .info02 .box:nth-child(even) .tit:before {right:-0.5em;}

  .his .info02 .box{position:relative;}
  .his .info02 .box:before{content:''; display:block; background: url(../img/his_img06.jpg)no-repeat; width:400px; height:200px; background-size:100%; position: absolute; left:-70%; top:0%}
  .his .info02 .box.b05:before{ background: url(../img/his_img05.jpg)no-repeat; left:110%; background-size:100%;}
  .his .info02 .box.b04:before{ background: url(../img/his_img04.jpg)no-repeat; left:-70%; background-size:100%;}
  .his .info02 .box.b03:before{ background: url(../img/his_img03.jpg)no-repeat; left:110%; background-size:100%;}
  .his .info02 .box.b02:before{ background: url(../img/his_img02.jpg)no-repeat; left:-70%; background-size:100%;}
  .his .info02 .box.b01:before{ background: url(../img/his_img01.jpg)no-repeat; left:110%; background-size:100%;}
}


/*고객사*/
.customer {padding-bottom:40px !important;}
.customer .right ul{display: flex; flex-wrap:wrap; gap:2%}
.customer .right ul li{width:49%; border:1px solid #ddd; padding:10px;text-align: center;margin-bottom: 15px;}
.customer .right ul li img{width:100%; display:block; margin:0 auto;}
.customer .right ul li p{border-top:1px solid #ddd; margin-top:10px; padding-top:10px; color:#666}

@media all and (min-width:768px) {
  .customer .right ul li{width:23.5%; }
}

@media all and (min-width:1200px) {
  .customer {padding-bottom:120px !important;}
.customer .right ul li{padding:15px;margin-bottom: 20px;}
.customer .right ul li p{margin-top:15px; padding-top:15px;}
}


/*인증현황*/
.certi{}
.certi .right{display:flex; gap:2%; flex-wrap:wrap;}
.certi .right img{width:49%;border: 1px solid #ddd;padding: 10px;margin-bottom: 10px;}

@media all and (min-width:768px) {
.certi .right img{width:23.5%;margin-bottom: 20px;}
}

@media all and (min-width:1200px) {
.certi .right img{width:18.333%;}
}

/*오시는길*/
.map .cont{display: none;}
.map .root_daum_roughmap{width: 100% !important;}
.map_box{margin-bottom:40px}
.map_txt{background: #f8f8f8;border-top: 5px solid var(--main_color);}
.map_txt li{padding:15px; border-bottom:1px solid #ddd;display:flex; flex-wrap:wrap;}
.map_txt li:last-child{border-bottom:0px}
.map_txt li p{width:5em; font-weight:800}
.map_txt li em{width:calc(100% - 5em); color:#555}
.map_list{display: flex;flex-wrap: wrap;gap: 2%;}
.map_list li{width: 49%;margin-bottom: 15px;border: 1px solid #ddd;}
.map_list li img{}
.map_list li h6{border-top: 3px solid var(--sub_color);padding: 10px;font-weight: 700;border-bottom: 1px solid #ddd;}
.map_list li p{font-size: 0.9em;color: #666;font-weight: 400;padding: 10px;}

@media all and (min-width:768px) {
.map_list li{width:32%; margin-bottom:20px}
}

@media all and (min-width:980px) {
.map_txt{display:flex;}
  .map_txt li:first-child{width:50%}
  .map_txt li{width:25%;font-size:1.1em; padding:20px; border-bottom:0px; border-right:1px solid #ddd; align-items: center;}
  .map_txt li:last-child{border:0px}
.map_box{margin-bottom:60px}
  .map .root_daum_roughmap .wrap_map{height: 400px !important;}
}

@media all and (min-width:1200px) {
  .map_txt li{padding:30px; }
  .map .root_daum_roughmap .wrap_map{height: 500px !important;}
  .map_list li{margin-bottom:40px;}
  .map_list li h6{padding: 15px;}
.map_list li p{padding: 15px;}
}


/*조직도*/
.org img{display: block; margin:0 auto;}
.org .bg{ border: 1px solid #ddd;}
.org .txt h3{ }
.org .txt p{font-size:0.9em; color:#555;}
.org .txt{margin-bottom:15px;}

@media all and (min-width:768px) {
.org .txt h3{width:calc(100% - 230px)}
.org .txt p{text-align:right; font-size:1em; width:230px;}
.org .txt{display: flex; flex-wrap:wrap; align-items: center; margin:0}
}

@media all and (min-width:1200px) {
.org .txt h3{width:calc(100% - 260px)}
.org .txt p{text-align:right; font-size:1em; width:260px;}
.org .txt{display: flex; flex-wrap:wrap; align-items: center; margin:0}
}


/*사업분야*/
.business{}
.business .top_box{position: relative;padding-bottom: 40px;margin-bottom: 40px;}

.business .top_box:after{display:block; content:''; background:#f5f5f5; width: 100%;height: 80%;position: absolute;z-index: -99;bottom: 0;}
.business .top_box .img{margin-bottom: 20px;}
.business .top_box .img img{}
.business .top_box .txt{}
.business .top_box .txt b{font-size: 0.9em;color: var(--main_color);}
.business .top_box .txt h3{font-size: 1.5em;font-weight: 800;margin-bottom: 20px;}
.business .top_box .txt p{color: #5e5e5e;font-weight: 400;}

.business .prod_list li{border: 1px solid #ddd;margin-bottom: 20px;padding: 20px;padding-top: 0px;}
.business .prod_list.img_pd li{padding-top:20px}
.business .prod_list img{border-bottom: 1px solid #Ddd;}
.business .prod_list li h4{font-size: 1.2em;font-weight: 800;margin: 20px 0px 10px;}
.business .prod_list li dl{display: flex;flex-wrap: wrap;}
.business .prod_list li dt{width: 5em;font-weight: 800;}
.business .prod_list li dd{width: calc(100% - 5em);color: #515151;} 

.info_txt p{background: #f8f8f8;border-left: 5px solid var(--main_color);padding: 20px;margin-bottom: 20px;}

.business .right .big_img{ background:#f8f8f8; mix-blend-mode: multiply;padding: 20px 0px;margin-bottom: 20px;}
.business .right .big_img img{width:100%;  mix-blend-mode: multiply}
.business .right .img_box{display:flex; flex-wrap:wrap; gap:2%;}
.business .right .img_box img{ width:49%;border: 1px solid #ddd;margin-bottom: 10px;}

@media all and (min-width:500px) {
.business .prod_list{display:flex; flex-wrap:wrap; gap:2%;}
  .business .prod_list li{width:49%}
}

@media all and (min-width:768px) {
  .business .top_box .pdinner{display:flex; flex-wrap:wrap;align-items: flex-end;}
  .business .top_box .img{width:350px; margin-right:30px;margin-bottom: 0px;}
  .business .top_box .txt{width:calc(100% - 380px);}
  .business .top_box{padding-bottom: 60px;margin-bottom: 60px;}
  /*.business .top_box:before{display: block; content: ''; background: url(../img/logo_bg.png) no-repeat; background-size: auto; width: 300px; height: 100%; position: absolute; top:-20px; z-index: -9; background-size: 100%; right: -80px;}*/
  .business.motor .right .img_box img{ width:23.5%; margin-bottom:0px;}
}

@media all and (min-width:980px) {
.business .prod_list li{width:32%;margin-bottom: 25px;padding: 30px;padding-top: 0px;}
 .business .top_box .img{width:450px; margin-right:30px;margin-bottom: 0px;}
  .business .top_box .txt{width:calc(100% - 480px);}
  .business .top_box .txt b{font-size: 0.9em;color: var(--main_color);}
.business .top_box .txt h3{font-size: 2em;font-weight: 800;margin-bottom: 20px;}
.business .top_box .txt p{font-size:1.1em; line-height:28px}
.info_txt p{font-size:1.1em; line-height:28px; padding: 20px 25px;margin-bottom: 30px;}
  .business .prod_list.img_pd li{padding-top:30px}
}

@media all and (min-width:1200px) {
 .business .top_box .img{width:600px; margin-right:70px;margin-bottom: 0px;}
  .business .top_box .txt{width:calc(100% - 670px);margin-bottom: 40px;}
 .business .top_box .txt h3{font-size: 2.4em;margin-bottom: 20px;}
.business .top_box .txt p{font-size:1.15em; line-height:30px}
.business .top_box{padding-bottom: 100px;margin-bottom: 100px;}
.business .right .big_img{padding: 25px 0px;margin-bottom: 40px;}
.business .right .big_img img{width:80%; margin:0 auto; display: block; }
}



/*공정*/
.process{}
.process .img_box{}
.process .img_box img{width: 100%;border: 1px solid #ddd;}
.process p.mob{margin-top: 20px;color: #999;}

@media all and (min-width:980px) {
.process p.mob{display:none}
}


/*설비*/
.table{overflow-x: auto;}
.table table{min-width: 700px;}
/*.table tbody{border-right: 1px solid #ddd;border-top: 2px solid #ddd; border-left: 1px solid #ddd;}*/
.table th{background: #ececec;padding: 5px;vertical-align: middle;}
.table tr{border-bottom: 1px solid #ddd;}
.table td{padding: 5px;border-bottom: 1px solid #ddd; text-align:center; vertical-align: middle;border-right: 1px solid #ddd;}
.table .noline{border-right:0px !important}

.Facilitie .right .img_box{display: flex; flex-wrap:wrap;gap: 2%;}
.Facilitie .right .img_box li{width: 49%;}
.Facilitie .right .img_box li img{}
.Facilitie .right .img_box li p{text-align: center;padding: 5px 0px;color: #515151;}

@media all and (min-width:768px) {
.Facilitie .left{width:25%}
.Facilitie .right{width:75%}
}

@media all and (min-width:980px) {
.table table{width: 100%; font-size:1.05em;}
.Facilitie .right .img_box li{width: 32%;}
.table th,
.table td{padding: 10px;}
}


/*설비*/
.Equipment .box{border: 1px solid #ddd;padding: 20px;padding-top: 0px;margin-bottom: 20px;}
.Equipment .box img{}
.Equipment .box h3{font-size: 1.3em;font-weight: 800;border-top: 1px solid #ddd;margin-top: 20px;padding: 20px 0px 15px;}
.Equipment .box dl{display: flex;flex-wrap: wrap;}
.Equipment .box dt{width: 7em;font-weight: 700;}
.Equipment .box dd{width: calc(100% - 7em);color: #606060;font-weight: 400;}

@media all and (min-width:600px) {
  .Equipment .cont{display:flex; flex-wrap:wrap; gap:2%}
  .Equipment .box{width:49%}
}

@media all and (min-width:980px) {
  .Equipment .box{width:32%; margin-bottom:30px;padding: 30px; padding-top:10px}
  .Equipment .box dt{width: 8em; margin-bottom:3px}
  .Equipment .box dt:last-child{margin-bottom:0px}
.Equipment .box dd{width: calc(100% - 8em);}
}


/*회사개요*/
.overview{margin-bottom: 40px;}
.overview .box01{margin-bottom: 40px;}
.overview .box01 ul{background: #f8f8f8;padding: 20px;position: relative;border-top: 2px solid #ddd;}
.overview .box01 ul:before{display: block;  content:'';  width:70px; height:5px; background: var(--main_color); position: absolute; top:-2px; left:0;z-index: 9;}
.overview .box01 li{display: flex; flex-wrap: wrap;margin-bottom: 15px;position: relative; border-bottom:1px solid #e3e3e3;padding-bottom: 15px;}
.overview .box01 li:last-child{margin-bottom:0px; border:0px; padding:0px;}
.overview .box01 li .t01{width:4em;font-weight: 800;font-size: 1.05em;}
.overview .box01 li .t02{width:calc(100% - 5.5em);}
.overview .box01 li dl{display: flex; flex-wrap:wrap;background: #fff;padding: 15px;margin-bottom: 10px;}
.overview .box01 li dl:last-child{margin:0;}
.overview .box01 li dt{font-weight: 800; width:5em }
.overview .box01 li dd{width:calc(100% - 5em);}
.overview .box01 .r_box{display: none;}

.overview .box02 .t01{font-size:1.3em; font-weight:800; margin-bottom:15px;}
.overview .box02 li .txt{border:1px solid #ddd; display: block;padding:15px 20px;margin-bottom: 20px;}
.overview .box02 li b{font-size:1.1em; font-weight:800; border-bottom:1px solid #ddd; display: block; margin-bottom:10px ; padding-bottom:10px}
.overview .box02 li p{}

.overview .box03 img{display: block;margin: 0 auto;}

@media all and (min-width:768px) {
  .overview{margin-bottom: 80px;}
  .overview .box01{display: flex; flex-wrap:wrap; align-items: flex-end;}
.overview .box01 li .t01{font-size: 1.15em}
  .overview .box01 ul{width:50%;}
  .overview .box01 .r_box{display: block; width:50%;}
  .overview .box01{margin-bottom: 80px;}
  .overview .box02 .t01{font-size:1.5em; margin-bottom:20px;}
  .overview .box02 li b{font-size:1.2em;}
  .overview .box02 ul{display: flex;flex-wrap: wrap;gap: 2%;}
.overview .box02 li{width: 49%;margin-bottom: 20px;}
}

@media all and (min-width:980px) {
.overview .box01 li.w100 .t01{width:6em}
.overview .box01 li.w100 .t02{width:calc(100% -3.5em)}
.overview .box01 li .t01{font-size: 1.2em}
.overview .box01 li dt{font-size:1.1em}
 .overview .box02 li .txt{padding:20px 25px;}
 .overview .box02 li{width: 23.5%;margin-bottom: 20px;}
}


ul.dots{}
ul.dots li{position: relative;padding-left: 10px;}
ul.dots li:before{display:block; content:''; background: #ffffff9c; border-radius: 50%; width:3px; height:3px; position: absolute; left:0; top:7px;}

/*핵심역량*/
.ability .left{margin-bottom:20px;}
.ability .table td{text-align:left;}
.ability .box01{margin-bottom: 40px;}
.ability .box01 ul{display: flex;flex-wrap: wrap;gap: 2%;}
.ability .box01 li{border: 1px solid #ddd;margin-bottom: 20px;width: 49%;}
.ability .box01 li h6{display: block;text-align: center;background: #f4f4f4;padding: 5px;font-size: 1.1em;font-weight: 800;}
.ability .box01 li img{width: 200px;margin: 0 auto;display: block;padding: 10px;}
.ability .box01 li p{border-top: 1px solid #ddd;background: #f8f8f8;text-align: center;padding-bottom: 5px; font-size:0.8em}
.ability .box01 li p b{display: block;border-bottom: 1px solid #ddd;font-weight: 700;padding: 5px;margin-bottom: 5px; font-size:1.15em}
.ability .box02 .cont{background: #d92f38; display:block; padding:20px;margin-bottom: 30px;position: relative;color: #fff;}
.ability .box02 .cont:after{display: block; clear: both; content: ""; width: 12px; height: 12px; border-top: 3px solid #ddd;  border-right: 3px solid #ddd; position: absolute; bottom: -19px; right: 50%; transform: rotate(135deg);}
.ability .box02 .cont.b04:after{display:none}
.ability .only_img{border:1px solid #ddd; }
.ability table th{border-right:1px solid #ddd;}
.ability table th:last-child{border-right:0px}

.ability .box02 .b01{}
.ability .box02 .b02{background: var(--sub_color3);}
.ability .box02 .b03{background: #666;}
.ability .box02 p{font-size: 1.2em;font-weight: 800; margin-bottom:10px;}
.ability .sec04 li img{width: 80%;display: block;margin: 0 auto;}
.ability .sec04 li h3{text-align: center;background: #ddd;font-weight: 800;padding: 10px;font-size: 1.1em;}
.ability .sec04 li p{border: 1px solid #ddd;padding: 10px 15px;}

@media all and (min-width:768px) {
  .ability .left{margin-bottom:0px;width: 18%;margin-right: 2%;}
  .ability .box01 li{width:32%;}
  .ability .box02{display:flex; flex-wrap:wrap; gap:2%;}
  .ability .box02 .cont{width:23.5%;}
  .ability .box02 .cont:after{display: none;}
  
  .ability .sec04{display: flex; flex-wrap:wrap; gap:2%}
.ability .sec04 li{width:49%;}
}

@media all and (min-width:980px) {
  .ability .box01 li{width:23.5%;}
}

@media all and (min-width:1300px) {
  .ability .box01 ul{gap: 0%;}
  .ability .box01 li{width:11.111%; border-right:0px;}
  .ability .box01 li:last-child{border-right:1px solid #ddd}
  .ability .box02{gap:4%;}
  .ability .box02 .cont{width:22%;margin-bottom: 0px;padding: 25px;padding-top: 70px;}
  .ability .box02 .cont:before{display:block; content:''; width:50px; height:50px; background: url(../img/abil/a_icon01.png)no-repeat; position: absolute; right:20px; top:20px; background-size: 100%;}
  .ability .box02 .cont.b02:before{ background: url(../img/abil/a_icon02.png)no-repeat; background-size: 100%;}
  .ability .box02 .cont.b03:before{ background: url(../img/abil/a_icon03.png)no-repeat; background-size: 100%;}
  .ability .box02 .cont.b04:before{ background: url(../img/abil/a_icon04.png)no-repeat; background-size: 100%;}
  .ability .box02 .cont:after{display: block; bottom:45%; right:-25px;transform: rotate(50deg);}
  ul.dots li:before{top:10px}
 .ability .sec04 li img{width: 60%;}
  .ability .sec04 li p{padding: 15px;}
}


/*esg*/
.esg .icon_list li{border: 1px solid #ddd;padding: 20px;display: flex;flex-wrap: wrap;margin-bottom: 15px;}
.esg .icon_list li:last-child{margin:0}
.esg .icon_list li .img{width: 50px;margin-right: 15px;}
.esg .icon_list li .tlt{width:calc(100% - 65px)}
.esg .icon_list li .tlt span{display: block;font-size: 1.1em;font-weight: 800;margin-bottom: 5px;}
.align_list {}
.align_list li{display: flex;flex-wrap: wrap;background: #f8f8f8;padding: 15px;margin-bottom: 15px;border-left: 4px solid var(--main_color);}
.align_list li span{width: 4em;font-weight: 700;}
.align_list li em{width: calc(100% - 4em);}
.list_de{border: 1px solid #ddd;padding: 15px;}
.list_de li{margin-bottom: 10px;border-bottom: 1px solid #ddd;padding-bottom: 10px;}
.list_de li:last-child{margin:0; padding: 0; border:0;}
.list_de li span{background: var(--main_color);color: #fff;border-radius: 50%;width: 25px;display: inline-block;height: 25px;text-align: center;line-height: 25px;margin-right: 10px;}

@media all and (min-width:768px) {
.esg .icon_list{display:flex; gap:2%; flex-wrap:wrap;}
.esg .icon_list li{width:32%; margin-bottom: 0;}
  .esg .icon_list li.m{margin-bottom: 20px;}
  .esg .icon_list li .img{width:100%;margin-right: 0px;}
  .esg .icon_list li .img img{max-width:65px; margin:0 auto 10px; display:block;}
  .esg .icon_list li .tlt{text-align:center; width:100%;}
}

@media all and (min-width:980px) {
.align_list li span{width: 6em;font-size: 1.1em;}
.align_list li em{width: calc(100% - 7.1em);}
.list_de, .align_list li{padding: 20px;}
.list_de li{margin-bottom:20px; padding-bottom:20px;}
}

@media all and (min-width:1200px) {
.align_list li span{width: 8em;font-size: 1.1em;}
.align_list li em{width: calc(100% - 9.1em);}
 .align_list li{padding: 25px 30px;}
  .list_de{padding: 30px;}
  .list_de li span{width:30px; height:30px; line-height:30px; margin-right:18px}
}


/*페이지 준비중*/
.ready{border: 1px solid #ddd;padding: 20px;text-align: center;}
.ready span{font-size: 2em;color: #828282;background: #eee;width: 50px;display: block;height: 50px;line-height: 50px;margin: 0 auto;border-radius: 50%;margin-bottom: 20px;}
.ready h1{font-size: 1.5em;font-weight: 700;color: #555;}
.ready p{color: #828282;}

@media all and (min-width:768px) {
.ready{padding: 40px;}
.ready span{font-size: 3em;width: 80px;height: 80px;line-height: 80px; font-weight:700}
  .ready h1{font-size: 1.7em; margin-bottom:15px;}
}


/*품질방침*/
.manage .manage_box{}
.manage .manage_box li{background: #eee;padding: 20px 0px;margin-bottom: 15px;border-radius: 20px;}
.manage .manage_box li:nth-child(2){background: #f8f8f8;}
.manage .manage_box li:last-child{margin:0; background: #f9f0f0;}
.manage .manage_box li img{display: block;margin: 0 auto;}
.manage .manage_box li p{text-align: center;}

.manage .li_box li{border:1px solid #ddd; padding:20px;margin-bottom: 20px;}
.manage .li_box li:last-child{margin:0;}
.manage .li_box li h4{font-size: 1.1em;font-weight: 700;margin-bottom: 10px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.manage .li_box li h4 span{background: var(--main_color);color: #fff;width: 28px;display: inline-block;font-size: 0.8em;text-align: center;line-height: 28px;border-radius: 50%;}
.manage .li_box dl{}
.manage .li_box dt{font-size: 1.05em;font-weight: 700;margin-bottom: 5px;}
.manage .li_box dd{color: #515151;font-weight: 400;position: relative; padding-left:10px;}
.manage .li_box dd:before{display:block; content:''; width:3px; height:3px; position: absolute; background: #888; left:0; top:5px;}
.manage .li_box dl.one dd:last-child{margin-bottom:20px;}

@media all and (min-width:680px) {
.manage .manage_box{display:flex; flex-wrap:wrap; }
  .manage .manage_box li{width:33.333%;margin-bottom: 0px;}
  .manage .manage_box li img{width:70px; margin-bottom:15px;}
.manage .li_box{display:flex; flex-wrap:wrap; gap:2%}
  .manage .li_box li{width:49%;}
  .manage .manage_box li p{font-size:1.1em; font-weight:600;}
}

@media all and (min-width:1200px) {
 .manage .li_box li{padding:25px;width: 100%;display: flex;flex-wrap: wrap;}
  .manage .li_box li h4{margin-bottom:0px; padding-bottom:0px; font-size:1.2em; width:220px;border: 0px;margin-right: 25px;}
  .manage .li_box li h4 span{margin-right:5px}
  .manage .li_box li .txt{/*! width:calc(100% - 240px); */}
}

@media all and (min-width:1400px) {
.manage .manage_box li{padding:30px 0px;}
   .manage .manage_box li img{width:80px; margin-bottom:15px;}

}




/*기술연구소*/
.research{}
.research .img{}
.research .img img{display:block; margin:0 auto 20px;}

.research .box{}
.research .box .in{border-top: 3px solid var(--main_color);padding: 20px;background: #f8f8f8;margin-bottom: 20px;position: relative;}
.research .box .in:after{display:block; content:''; background: url(../img/research_ico01.png) no-repeat; background-size: 100%; width:30px; height:30px; position: absolute; right:20px; top:20px;}
.research .box .in.i02:after{background: url(../img/research_ico02.png) no-repeat; background-size: 100%;}
.research .box .in.i03:after{background: url(../img/research_ico03.png) no-repeat; background-size: 100%;}
.research .box .in.i03{margin:0;}

.research .box .in h5{font-size: 1.2em;font-weight: 700;margin-bottom: 10px;}
.research .box .in ul{}
.research .box .in li{color:#5e5e5e;position: relative;padding-left: 10px;}
.research .box .in li:before{display:block; content:''; position: absolute; width:3px; height:3px; background: #bdbdbd; border-radius: 50px; top: 10px;left: 0;}

@media all and (min-width:680px) {
.research .img img{width:450px;}
.research .box{display:flex; flex-wrap:wrap; gap:2%;}
  .research .box .in{width:32%;margin-bottom: 0px;}
}

@media all and (min-width:980px) {
.research .img img{width:550px;}
.research .box{display:flex; flex-wrap:wrap; gap:2%;}
  .research .box .in{padding: 25px;}
  .research .box .in h5{font-size: 1.3em;margin-bottom: 15px;}
  .research .box .in ul{line-height:1.7}
  .research .box .in:after{right:25px;width:40px; height:40px; top:25px;}
}

@media all and (min-width:1200px) {
.research .img img{width:750px;margin-bottom: 40px;}
 .research .box .in{padding: 33px;}
  .research .box .in ul{line-height:1.8; font-size:1.1em;}
.research .box .in:after{right:35px;width:50px; height:50px; top:35px;}
  .research .box .in h5{font-size: 1.4em;}
}



/*인재상*/
.recruit .box{display: flex;flex-wrap: wrap;gap: 2%;}
.recruit .box .in{/*! border-top: 3px solid #c1c1c1; */padding: 20px;/*! background: #f8f8f8; */margin-bottom: 20px;position: relative;width: 100%; border: 1px solid #ddd;}
.recruit .box .in:after{display:block; content:''; background: url(../img/recruit_ico01.png) no-repeat; background-size: 100%; width:40px; height:40px; position: absolute; right:15px; top:10px;}
.recruit .box.noico .in:after{display:none;}
.recruit .box.noico .in{border-left:3px solid var(--main_color)}
.recruit .box .in.i02:after{background: url(../img/recruit_ico02.png) no-repeat; background-size: 100%;}
.recruit .box .in.i03:after{background:url(../img/recruit_ico03.png) no-repeat; background-size: 100%;}
.recruit .box .in.i04:after{background: url(../img/recruit_ico04.png) no-repeat; background-size: 100%;}
.recruit .box .in.i05:after{background: url(../img/recruit_ico05.png) no-repeat; background-size: 100%;}
.recruit .box .in h5{font-size: 1.2em;font-weight: 700;margin-bottom: 10px;}
.recruit .box .in p{color:#5e5e5e;}
.recruit .box .in.i01{}
.recruit .box .in.i02{}
.recruit .box .in.i03{}


@media all and (min-width:680px) {
  .recruit .box .in{width:49%;}
.recruit .box.noico .in{width:32%}
}

@media all and (min-width:980px) {
  .recruit .box .in{width:32%;margin-bottom: 30px;padding: 25px;}
.recruit .box .in.i04,
.recruit .box .in.i05{margin:0;}
.recruit .box .in h5{font-size: 1.3em;margin-bottom: 15px;}
  .recruit .box .in:after{width:50px; height:50px;}
}

@media all and (min-width:1200px) {
.recruit .box .in{padding: 40px 35px; margin-bottom:40px;}
  .recruit .box .in:after{width:60px; height:60px; right:30px; top:20px;}
  .recruit .box .in h5{font-size: 1.4em;}
  .recruit .box .in p{font-size:1.1em;}
  .recruit .box.noico .in{width:23.5%;padding: 30px 35px;}
}