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


/*공통*/
.bgbox{background:#fbfbff; border:1px solid #f5f5fa; padding:15px 3%;}
.pdbox{padding:15px 3%; background:#ffffff}
.bdbox{padding:15px 3%; border:10px solid #e9f1fb; position:relative; overflow:hidden }
.mEnter{display:block;}
.vab{vertical-align:bottom;}
.graybg{background:#fcfcfc; padding:40px 0px;}
.col-02{width:100%;}
.col-03{width:47%; margin:1.5%; float:left;}
.col-04{width:100%;}
.col-05{width:100%;}
.clearfix:after {clear:both; display:block; content:'';}

.pic_betnam li .pictxt { font-weight:600; padding-top:10px; z-index:1}

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

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



.comm_table{width:100%; border-top:1px solid #323232; border-collapse:separate; font-size:0.9em}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:bold; color:#323232; background:#f0f0f0}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7; font-weight:500}
.comm_table .tal{text-align:left;}



.over_tbl {overflow-x:auto;}
.over_tbl table {width:700px;}
.over_p {font-size:0.7em;}

@media all and (min-width:768px) {
.over_p {display:none;}
.over_tbl table {width:100%;}
}



.content_table{/*! width:100%; */ border-top:2px solid #6d6a60; border-collapse:separate;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:15px; vertical-align:middle;}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table .bri{border-right:1px solid #dcdcdc !important}
.content_table th{font-weight:600; background:#f5f5f5; color:#323232; padding:12px 3px;width: 20%;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}


@media all and (min-width:768px) {
.graybg{padding:60px 0px;}
.comm_table{font-size:1em}
.bgbox{padding:20px 3%;}
.pdbox{padding:20px 3%;}
.bdbox{padding:20px 3%;}
}

@media all and (min-width:1200px) {
.graybg{padding:120px 0px}
.bgbox{padding:30px 20px;}
.pdbox{padding:30px 20px;}
.bdbox{padding:30px 20px;}
}


.blackTxt{color:#000000}
.blTxt{color:#1c3f95 !important}
.blgrTxt{color:#345468}
.grTxt{color:#b2d135}

.pDot{padding-left:17px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#28cfff}
/*.pDot:before{content:''; width:15px; height:15px; position:absolute; right:0; top:3px; background:url(../img/pDot.png) no-repeat center center; background-size:100% !important}*/

.fsb{font-size:1.05em}
.bgGray{background:rgba(230,230,230,0.3);}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

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

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

.tit_nm{font-size:1.6em; font-weight:600; letter-spacing:-0.06em; color:#000000; text-align:center;}
.tit_sm{font-size:1.2em;  font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:600; letter-spacing:-0.065em; padding-left:26px; background:url(../img/tit_dot.png) no-repeat left center;}

.tit_nsb {font-size:1.5em; letter-spacing:-0.06em; color:#000; line-height:1.5;}
.tit_nsm {font-size:1.2em; letter-spacing:-0.06em; color:#000;  line-height:1.5;}

@media all and (min-width:768px) {
.fsb{font-size:1.1em}
}


@media all and (min-width:1200px) {
.tit_nm{text-align:left; }
}


.pdinner .left_pd,
.pdinner .right_pd{padding:0 5%;}

@media all and (min-width:1200px) {
.pdinner:after{content:''; clear:both; display:block}
.pdinner .left_pd,
.pdinner .right_pd{padding:0 15px; float:left;}
.pdinner .left_pd{width:30%; text-align:left;}
.pdinner .right_pd{width:70%;}
}

@media all and (min-width:1600px) {
.pdinner .left_pd{width:25%; }
.pdinner .right_pd {width:75%;}
}


/*탭리스트*/
.tablist {overflow:hidden; text-align:center; }
.tablist li{display:inline-block;  line-height:50px; text-align:center;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:20%}


.tablist li a{ display:block; text-align:center; border:1px solid #dcdcdc; color:#808080; }
.tablist li.active a{background:#004098; color:#ffffff; font-weight:500}

.content_table thead  th .tans_up {text-transform:none !important;}
.content_table thead  th,
.content_table td  {text-transform:uppercase;font-family: pretendard;}
.content_table td {width:750px;font-weight: 300; text-align: left; line-height: 20px;}



@media all and (min-width:768px) {
.comm_table th{padding:20px 5px}
.comm_table td{padding:15px 5px;}

.content_table th{padding:20px 15px}
.content_table th.bggr{background:#80c800; color:#ffffff}
.content_table th.bgbl{background:#0098e2; color:#ffffff}
.content_table td{padding:15px;}
.content_table td.fac_w3{width:20%;}
.content_table td.fac_w7{width:80%;}
.comm_dl dt{float:left; margin-right:1%; clear:both;}
.comm_dl dd{width:87%; float:right;}

.sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
.sub_con .col-03{width:31.33%; margin:1.5% 1%; float:left;}
.sub_con .col-04{width:22%; margin:0 1.5%; float:left;}
.sub_con .col-05{width:18%; margin:1% 1%; float:left;}
.bdLine{padding-bottom:40px; margin-bottom:40px;}

.mEnter{display:inline-block;}
.tEnter{display:block;}

.tit_nm{font-size:2.3em;}
.tit_sm{font-size:1.4em;}
.tit_dot{ font-size:1.5em;}

.tit_nsb {font-size:2.0em; }
.tit_nsm {font-size:1.3em; }

}

@media all and (min-width:1200px) {
.tEnter{display:inline-block;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_nm{font-size:2.8em;}
.tit_sm{font-size:1.6em;}
}




/*소개공통*/

.inpdinner{max-width:1160px; margin:0 auto;}
.inpdinner .left,
.inpdinner .right{padding:0 3%;}
.pntTxt{font-size:1.6em; font-weight:600; text-align:center; color:#000000}
.pntTxt2{font-size:1.6em; font-weight:600; text-align:center; color:#004da1}

.comm_top{position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e6e6e6}
.comm_top h4{font-size:1.6em; text-align:center; font-weight:600; margin-bottom:20px}
.btn_cir{display:inline-block; padding:10px 25px; background:#003ac4; color:#ffffff; font-weight:600; font-size:0.9em; text-transform:uppercase}

@media all and (min-width:768px) {
.pntTxt span.bl{display:block;}

.comm_top{position:relative; }
.comm_top h4{font-size:2.3em; text-align:left;}
.comm_top .tac{text-align:left}

}
@media all and (min-width:1024px) {
.pntTxt{font-size:2em; }
}

@media all and (min-width:1200px) {

.inpdinner:after{content:''; clear:both; display:block}
.inpdinner .left,
.inpdinner .right{float:left;}
.inpdinner .left{width:22%; text-align:left; margin-right:3%; padding:0; min-height:1px;}
.inpdinner .right{width:75%;padding:0}
.pntTxt{text-align:left; font-size:1.2em}
.pntTxt span.bl{display:inline;}
.pntTxt2{text-align:left; font-size:1.2em}

.comm_top{padding-bottom:40px; margin-bottom:40px; }
.comm_top h4{font-size:2.8em}
.btn_cir{padding:15px 30px}

}

@media all and (min-width:1400px) {
.inpdinner{max-width:1360px; }

.inpdinner .left{width:20%; }
.inpdinner .right{width:77%;}
}

/**/
.bgtxt{display:inline-block; padding:2px 10px; line-height:100%; color:#ffffff; background:#808080; font-size:0.9em; border-radius:5px;}
.bggr{background:#19a600}
.bgbl{background:#004eae}
.bgor{background:#e66300}
.bgrd{background:#e63600}
.clr_b{color:#004098}

.brk{position:relative; display:inline-block; padding:0 20px}
.brk p{/*! margin-top: 60px; */}

@media all and (min-width:768px) {
.brk{padding:0 40px}
}


.recruit_dl{overflow:hidden; }
.recruit_dl dl{overflow:hidden; padding:50px 40px; background:#ffffff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
margin:30px;
position:relative; }
.recruit_dl dl:hover{ -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);}
.recruit_dl dl dt{font-weight:600; text-align:center; margin-bottom:10px; }
.recruit_dl dl dt img{ margin:0 auto; margin-bottom:10px; max-width:80px}
.recruit_dl dl dd{ margin-bottom:3px; text-align:center; }
.recruit_dl dl dd:last-child{margin-bottom:0;}
.recruit_dl dl dt span{font-size:1.2em; display:block}




@media all and (min-width:768px) {
.recruit_dl dl{position:relative; width:31%; vertical-align:top; display:inline-block; margin:15px 1%; min-height:245px;}
.recruit_dl dl dt{font-size:1.4em}
.recruit_dl dl dt,
.recruit_dl dl dd{width:100%; float:none; text-align:center;}
.recruit_dl dl:after, .recruit_dl dl:before,
.recruit_dl dl dt:after, .recruit_dl dl dt:before{
  width: 3px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  background-color: #004098;
  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}
.recruit_dl dl:after{width:0px; height:3px;}
.recruit_dl dl dt:after{width:0px; height:3px;}
.recruit_dl dl:before{width:3px; height:0px;}
.recruit_dl dl dt:before{width:3px; height:0px;}
.recruit_dl dl:after{left:0; top:0}
.recruit_dl dl:before{left:0; bottom:0}
.recruit_dl dl dt:after{right:0; bottom:0}
.recruit_dl dl dt:before{right:0; top:0; }
.recruit_dl dl:hover:after{width:100%}
.recruit_dl dl:hover:before{height:100%;}
.recruit_dl dl:hover dt:after{width:100%}
.recruit_dl dl:hover dt:before{height:100%;}


}


.title {font-size:1.8em; font-weight:600; color:#333;}
.title .clr { color:#004098; font-weight:600;}
.subh3 {font-size:1.5em; position:relative; display:inline-block; color:#000; margin-bottom:20px;}
.subh3:after {position:absolute; display:block; content:''; width:50px; height:1px; right:-60px; top:15px; background:#000;}
.subh5 {font-size:1.2em; position:relative; color:#004098; font-weight:700; padding-left:15px;}
.subh5:after {position:absolute; display:block; content:''; width:5px; height:5px; border-radius:50px;  left:0px; top:10px; background:#004098;}

@media all and (min-width:768px) {
.title {font-size:2em; }
.subh3 {font-size:2em;}
}

.deco{position:relative;}
.deco:before,
.deco:after{content:''; z-index:1;  display:block; position:absolute; top:0; left:0; width:20%; max-width:80px; height:1px; display:block; background:#0aa2f8}
.deco:after{left:auto; top:auto; right:0; bottom:0; background:#b2d135}

.btn_li{overflow:hidden;}
.btn_li li a{display:block;box-sizing:border-box;color:#ffffff;padding:10px;text-align:center;background: #424242;}
.btn_li li:last-child a{background: #939393;}

@media all and (min-width:768px) {
.btn_li li{float:left; margin-right:10px;}
}



/*인사말*/
.col2Box:after {clear:both; display:block; content:''; }
.col2Box .col_txt {margin-bottom:20px;}
.col2Box .col_txt dt {font-size:1.5em; color:#333; margin:0 0 20px; line-height:1.4; position:relative; font-weight:600;}
.col2Box .col_txt dt .point_line{font-weight: 600; background-color:#e6f4ff;}
.col2Box .col_txt dd{font-size: 1.1em;}

.col2Box.divi .col_txt {width:50%;}
.col2Box.divi .col_txt dt:before{content:''; width:130%; height:2px; background:#004098; position:absolute; right:0; bottom: -15px; z-index:10}
.col2Box.divi .img {z-index:0}

@media all and (min-width:1000px) {
.col2Box .img {float:left; width:50%;display: block;}
.col2Box .col_txt  {float:right;width:50%;padding:0 0 0 5%;display: block;}
.col2Box .col_txt  dt {font-size:2em; margin-bottom:40px;}
.col_left .col_txt {float:left; padding-left:0;}
.col_left .img {float:right; text-align:right; padding-left:3%;}
}

@media all and (min-width:1400px) {
.col2Box .col_txt dt {font-size: 2em;}
}

/*연혁*/
.his_bg {background:url(../img/img_his.jpg) no-repeat center; width:100%; height:200px; background-size:cover;}
.his_bg .txt {color:#fff; padding-top:8%;  letter-spacing:-0.4px;}
.his_bg .txt .s_tit {font-weight:700; padding-bottom:10px;}
.his_bg .txt .tit {font-size:1.5em; font-weight:400;}
.history {position:relative;}
.history .his_line {width:1px; height:100%; background:#e0e0e0; position:absolute; top:0; left:50%; margin-left:-1px; transform:translateX(-50%;);}
.history .his_line:after {position:absolute; display:block; content:''; /*! width:16px; */ /*! height:1px; */ background:#e0e0e0; top:0; left:0; right:0; margin:0 auto 0 -8px; }

.history .hisBox {position:relative; margin-bottom:30px;}
.history .hisBox.left:before { position:absolute; display:block; content:''; width:8px; height:8px; background:#bebebe; left:-4px; top:14%; border-radius:50px;}
.history .hisBox.left:before { position:absolute; display:block; content:''; width:8px; height:8px; background:#9b9b9b; left:-4px; top:14%; border-radius:50px;}
.history .hisBox.right:before { position:absolute; display:block; content:''; width:8px; height:8px; background:#9b9b9b; right:-4px; top:14%;border-radius:50px;}

.history .hisBox.left {position:relative; margin-left:50%; padding-left:5%; text-align:left;}
.history .hisBox.right {position:relative;margin-right:50%; padding-right:5%; text-align:right;}

.history .hisBox.present.left:before {background: #019c62;} 
.history .hisBox.present dt {color:#fff;}
.history .hisBox.present dt .blue_box{ padding:0px 35px;background: linear-gradient( to right, #01a653, #0060ba );}
.history .hisBox dt .gray_box{background-color: #b9b9b9; padding:0px 35px; color:#fff;}
.history .hisBox dt {font-size:1.8em; color:#3f3f3f; font-weight:700; margin-bottom:10px; }
.history .hisBox dd ul li {position:relative; padding-left:8px;font-size: 1.2em;line-height: 1.5;color: #414141;}
.history .hisBox dd ul li:after {position:absolute; display:block; content:''; background:#bebebe; background-size:100%; width:3px; height:3px; left:0; top:12px; }
.history .hisBox.right dd ul li { padding-right:8px;font-size: 1.2em;line-height: 1.5;}
.history .hisBox.right dd ul li:after { left:auto; right:0;}



@media all and (min-width:1200px) {	
.his_bg .txt {padding-top:5%;}
.history .hisBox.left {padding-left:3%;}
.history .hisBox.right {padding-right:3%;}
}


/*경영이념*/
.mottoTop {position:relative;}
.mottoTop .mto_img {position:relative;}
.mottoTop .mt_txt {display:none;}

.mottoTop .txt_e,
.mottoTop .txt_s,
.mottoTop .txt_d {font-size:1.2em;}

.mottoTop .mto_txt {text-align:center;}
.mottoTop .mto_txt span {color:#004098;  font-weight:600; position:relative; padding-top:60px; display:block; }
.mottoTop .mto_txt span:after {position:absolute; display:block; content:''; width:1px; height:50px; background:#004098; top:0; left:0; right:0; margin:0 auto;}
.mottoTop .mto_txt h4 {font-size:1.5em; padding:20px 0; color:#000; font-weight:500;}
.mottoTop .mto_txt .mt_ul:after {display:block; clear:both; content:'';}
.mottoTop .mto_txt .mt_ul li {float:left; width:33.3%; text-align:center}
.mottoTop .mto_txt .mt_ul li img {max-width:70px;}
.mottoTop .mto_txt .mt_ul li p {padding-top:20px;}

.mottoCir {}
.mottoCir .cir {text-align:center;}

.mottoCir .cir_box {}
.mottoCir .cir_box .box {position:relative; text-align:center;}
.mottoCir .cir_box .box span {}
.mottoCir .cir_box .box span img {max-width:45px;}
.mottoCir .cir_box .box h4 {font-size:1.5em; color:#000; padding:10px 0; position:relative;}
.mottoCir .cir_box .box h4:after {position:absolute; display:block; content:''; width:20px; height:1px; background:#484848; bottom:0; left:0; right:0; margin:0 auto;}
.mottoCir .cir_box .box h6 {padding:10px 0 10px; font-size:1.3em; color:#6e6e6e}
.mottoCir .cir_box .box p {}

@media all and (min-width:600px) {
.mottoCir .cir img {max-width:60%;}
}

@media all and (min-width:1000px) {
.mottoCir .cir img {max-width:100%;}
.mottoTop .mto_img {position:relative; height:380px;}
.mottoTop .mto_img:after {display:block; content:''; position:absolute; height:380px; background:url(../img/img_motto.jpg) no-repeat center; background-size:cover; width:50%; }
.mottoTop .mt_txt {display:block; position:absolute; top:0; left:0; z-index:10; padding:20px; font-size:1.5em; font-weight:600; color:#999;}


.mottoTop:after {position:absolute; display:block; content:''; width:60%; height:380px; bottom:-60px; right:0; background:#f9f9f9; z-index:-1;}
.mottoTop .mto_txt span {padding-left:20px;}
.mottoTop .mto_txt span:after  {right:auto; height:100px;  top:-20px;}
.mottoTop .mto_txt h4 { padding:40px 0 20px; }
.mottoTop .mto_txt {width:50%; margin:-25% 0 0 50%; text-align:left; }

.mottoCir {margin-top:200px}
.mottoCir .cir {width:33%; position:absolute; top:9%; bottom:0; left:0; right:0; margin:0 auto;}
.mottoCir .cir_box {}
.mottoCir .cir_box .col02:after {clear:both; display:block; content:''; }
.mottoCir .cir_box .txtRit {float:left; width:30%;text-align:right;}
.mottoCir .cir_box .txtRit h4:after {left:auto}
.mottoCir .cir_box .txtLft {float:right; width:30%; text-align:left;}
.mottoCir .cir_box .txtLft h4:after {right:auto}
.mottoCir .cir_box .box03 {padding-top:13%;}


}

@media all and (min-width:1200px) {
.mottoTop:after {height:450px; bottom:-15%;}
.mottoTop .mto_img,
.mottoTop .mto_img::after {height:500px;}
.mottoTop .mto_txt {margin:-32% 0 0 53%;}
.mottoTop .mto_txt .mt_ul li {width:25%;} 
.mottoTop .mto_txt h4 ,
.mottoCir .cir_box .box h4 {font-size:1.8em;}
.mottoCir .cir_box .box h4 {padding:10px 0 20px;}


}

@media all and (min-width:1400px) {
.mottoTop .mto_txt {margin-top:-28%;}
.mottoTop .mto_txt .mt_ul li {width:18%;}
.mottoCir .cir_box .box03 {padding-top:18%;}

}

@media all and (min-width:1800px) {
.mottoTop::after {height:500px; bottom:-24%;}
.mottoTop .mto_txt {margin-top:-22%;}
.mottoCir {margin-top:300px;}
}



/*오시는길*/
.map_info{position: absolute;display: block; top: 10px;z-index: 9;left: 30px;}
.map_info:after {clear:both; display:block; content:'';}
.map_info .map_right{padding: 20px 30px;width: 100%;/*! background: linear-gradient( to right, #01a653, #0060ba ); */background: #0060ba;}

.ico_map {position:relative;padding: 5px 0px;}
.ico_map span.tit{font-size: 1em;margin-left: 30px;font-weight:600;color:#fff;}
.ico_map span.txt{font-size:1em;margin-left: 30px;color: #fff;font-weight: 400;font-family: Pretendard;}
.ico_map:after {display:block;position:absolute;top:10px;left:0;background-size: 100% !important;width: 18px;height: 18px;content:'';}
.add:after {background:url(../img/ic_Mioc.png) no-repeat;}
.tel:after {background:url(../img/ic_Mcall.png) no-repeat;}
.fax:after {background:url(../img/ic_Mfax.png) no-repeat;}

/*조직도*/
.org_img{width:80%; margin: 0 auto; position:relative; left:0; right:0; top:0; bottom:0; box-shadow: 3px 3px 30px #9c9c9c14;}
.org .orgBox {text-align:center; padding-bottom:50px; position:relative;}
.org .orgBox:before {display:block; content:''; position:absolute; width:1px; height:100%; background:#dcdcdc; top:0; left:0; right:0; margin:0 auto; z-index:-1;}
.org .orgBox .orc {font-size:1.2em; font-weight:600; padding:20px 60px; display:inline-block; border-radius:50px; color:#fff; max-width:180px; min-width:180px;}
.org .or1 .orc {background:#004098; background:linear-gradient(45deg, #4200eb 0%, #004098 100%); }
.org .or2 .orc {background:#004098; }
.org .or3 .orc {background:#009cff;  }
.org .or4 {position:relative;}
.org .or4:before {height:85%;}
.org .or4 .orList {max-width:250px; margin:0 auto 50px;}
.org .or4 .orList .ord {padding:20px 0; background:#4c5a81; color:#fff; font-size:1.1em;}
.org .or4 .orList .ordp {padding:20px 0; background:#f3f3f3; border:1px solid #ddd;}

@media all and (min-width:1000px) {
.org .orgBox {padding-bottom:80px;}
.org .or3:before {height:80%;}
.org .or4:before {height:1px; width:80%; top:-28px; }
.org .orlistBox:after {display:block; content:''; clear:both; visibility:hidden; height:0;}
.org .or4 .orList {float:left; width:18%; margin:1%;position:relative; max-width:100%;}
.org .or4 .orList:after {display:block; content:''; position:absolute; width:1px; height:50%; background:#dcdcdc; top:-37px; left:0; right:0; margin:0 auto; z-index:-1;}
}

@media all and (min-width:1400px) {
.org .or3:before {height:110%;}
.org .or4:before {width:88.9%; transform:translateX(-1px)}
.org .or4 .orList {width:9.1%; }
.org .or4 .orList:after  {top:-40px;}
.org .or4 .orList .ord {padding:20px 0;}
.org .or4 .line_t:after {background:none;}
}


/*지사소개*/
.cmpInt .pic {position:relative;}
.cmpInt .pic h3 {position:absolute; top:0; left:0;  color:#fff; padding:20px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );font-size: 1.2em;}
.cmpInt .pic h3 p {color:#fff; font-weight:400; font-size:0.7em;}
.cmpInt .summary {padding:20px;position: relative;display: block;z-index: 99;/*! background: #fff; */top: -50px;}
.cmpInt .summary ul {background: #fff;padding: 5%;font-size: 1.2em;}
.cmpInt .summary ul li {border-bottom:1px solid #ddd; padding:20px 0;}
.cmpInt .summary ul li:first-child{padding-top: 0px;}
.cmpInt .summary ul li .tit {display:inline-block; width:100px; color:#000; vertical-align:top; }
.cmpInt .summary ul li .txt { width:64%;}


@media all and (min-width:800px) { 
.cmpInt .summary { background:#fff; padding:15px 10pxinherit; z-index:1; position:relative; width:90%;margin-left: 5%;box-shadow: 3px 3px 30px #58585814;}
.cmpInt .summary ul li {border-bottom:0}
.cmpInt .summary ul li .tit {border-right:1px solid #ddd;}
.cmpInt .summary ul li .txt {padding-left:20px}
.cmplnt_con{display:block; float:left;position: relative;width: 50%;padding: 0 1%;}
}


/*sub*/
#sub .sub_box{display: flex;flex-wrap: wrap;border-bottom: 1px solid #efefef;padding: 40px 0px;}
#sub .sub_box:last-of-type{border-bottom: 0px;}
#sub .sub_box .left{width: 100%;margin-bottom: 20px;}
#sub .sub_box .left h3,
#sub2 .sub_box .left h3{font-size: 1.6em; font-weight: 700;}
#sub .sub_box .left p{color: #868686; font-family: pretendard; font-weight: 300;}
#sub .sub_box .right{width: 100%;}
#sub .sub_box .right .proc_box{display: flex;flex-wrap: wrap;}
#sub .sub_box .right .proc_box .cont{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
#sub .sub_box .right .proc_box .cont:nth-child(even){margin-right: 0%;}
#sub .sub_box .right .proc_box .cont span{background-color: #172a46;color: #fff;display: block;padding: 10px;text-align: center;position: relative;}
#sub .sub_box .right .proc_box .cont span:after{display: block;clear: both;content: "";background:url(../img/process_ic.png)no-repeat;background-size:100%;width:17px;height:20px;position: absolute;right: -10px;bottom: 10px;}
#sub .sub_box .right .proc_box .cont span.ico:after{display:none;}
#sub .sub_box .proc_txt h5{font-size: 1.6em;font-weight: 700;line-height: 25px;padding: 30px 0px 20px 0px;border-top: 1px solid #efefef;}
#sub .sub_box .proc_txt h5 span{color: #868686;font-weight: 300;font-size: 0.7em;}
#sub .sub_box .proc_txt .box{display: flex;flex-wrap: wrap;line-height: 28px;}
#sub .sub_box .proc_txt .box .left{border-bottom: 1px solid #efefef;padding-bottom: 20px; position:relative;}
#sub .sub_box .proc_txt .box .left p,
#sub .sub_box .proc_txt .box .right p{color: #323232;font-weight: 400;}
#sub .sub_box .proc_txt .box .right{position:relative;}

#sub .test_box{display: flex; flex-wrap: wrap;}
#sub .test_box .cont{width:100%}
#sub .test_box .cont span{font-family: pretendard;text-align: center;display: block;padding: 10px 0px;font-size: 0.9em;border: 1px solid #efefef;}
#sub .test_box .cont h4{background-color: #172a46;color: #fff;display: block;padding: 10px;text-align: center;position: relative;font-family: pretendard;}

#sub .chair_box{display: flex;flex-wrap: wrap;/* padding: 40px 0px; */}
/*#sub .chair_box.pro:last-of-type{padding:0px; border-bottom: 1px solid #efefef; padding-bottom: 60px;margin-bottom: 40px;}*/
#sub .chair_box .left,
#sub .chair_box .right{width: 100%;}
#sub .chair_box .left img{display:block; margin:0 auto;}
#sub .chair_box .left span.pc{display:none;}
#sub .chair_box .right .tit{border-bottom: 1px solid #353535;padding: 20px 0px;display: flex;flex-wrap: wrap;position: relative;}
#sub .chair_box .right .tit h2{font-size: 1.3em;width: 70%;font-weight: 800;}
#sub .chair_box .right .tit h2 i{font-weight: 800;}
#sub .chair_box .right .tit span{text-align: center;background-color: #0060ba;color: #fff;font-size: 1.15em;font-weight: 600;width: 120px;right: 0;position: absolute;/* line-height: 40px; */bottom: 20px;padding: 5px 0px;}
#sub .chair_box .right .info ul li{display: flex;flex-wrap: wrap;padding-top: 20px;font-family: pretendard;font-size: 1.15em;}
#sub .chair_box .right .info ul li p{width: 20%;font-weight: 800;color: #222;}
#sub .chair_box .right .info ul li span{width: 80%;line-height: 27px;}
#sub .chair_box .right .info ul li span.car{display: flex;flex-wrap: wrap;}
#sub .chair_box .right .info ul li span.car a{width: 48%;margin-right: 2%;}
#sub .chair_box .right .info ul li span.car a img{background-color: #efefef;border-radius: 100px;}
#sub .chair_box .right .info ul li .car p.car_tit{width: 0%;font-weight: 400;margin-top: 10px;margin-left: 10px;}

#sub2{background: url(../img/sub02_page_bg.png);}
#sub2 .sub_box{padding-top: 40px;padding-bottom: 60px;}
#sub2 .sub_box h3{color:#fff;font-size: 1.3em;font-weight: 700;text-align: center;}
#sub2 .sub_box .chair_explan{}
#sub2 .sub_box .chair_explan ul{display: flex; flex-wrap: wrap;}
#sub2 .sub_box .chair_explan li img{}
#sub2 .sub_box .chair_explan li span{text-align: center;color: #fff;display: block;font-size: 1.15em;font-weight: 600;padding: 15px;}

@media all and (min-width:400px) {
#sub .chair_box .right .tit h2,
#sub2 .sub_box h3{font-size: 1.8em;}
#sub .chair_box .right .tit span{padding: 10px 0px;}
#sub .sub_box .proc_txt .box .left:after{display: block; clear: both; content: "";background: url(../img/ch_ico01.png) no-repeat; width:40px; height:40px; background-size:100%; position:absolute; right:0px;bottom:25px}
#sub .sub_box .proc_txt .box .right:after{display: block; clear: both; content: "";background: url(../img/ch_ico02.png) no-repeat; width:40px; height:40px; background-size:100%; position:absolute; right:0px;bottom:0px}
}

@media all and (min-width:500px) {
#sub .chair_box .right .info ul li span.car a{width: 23%;margin-right: 2%;}
}

@media all and (min-width:600px) {
#sub .sub_box .right .proc_box .cont{width: 23.5%;margin-right: 2%;}
#sub .sub_box .right .proc_box .cont:last-of-type{margin-right: 0%;}
#sub .sub_box .right .proc_box .cont:nth-child(2){margin-right: 2% !important;}
#sub .sub_box .proc_txt .box .left{width: 48%;margin-right: 3%;border-right: 1px solid #efefef;border-bottom: 0px;padding-bottom:0px;margin-bottom: 0px;}
#sub .sub_box .proc_txt .box .right{width: 49%;}
#sub .sub_box .proc_txt .box .left:after{right:15px;bottom:0px}
#sub .sub_box .proc_txt .box .right:after{right:0px;bottom:20px}

#sub .test_box .cont{width: 23.5%;margin-right:2%;}
#sub .test_box .cont:last-of-type{margin-right:0%;}
#sub .chair_box .right .tit h2{width: 60%; font-size:2em;}
#sub .chair_box .left.mleft img{margin-top:65px}
 
#sub2 .sub_box h3{font-size:2em;}
#sub2 .sub_box .chair_explan li{width:49%; margin-right:2%;}
#sub2 .sub_box .chair_explan li:nth-child(even){margin-right:0%;}
}


@media all and (min-width:768px) {
#sub2 .sub_box{padding-top: 70px;padding-bottom: 70px;}
#sub .sub_box .left{width: 20%;}
#sub .sub_box .right{width: 80%;}
#sub .sub_box .proc_txt h5{padding: 60px 0px 20px 0px;}

#sub .chair_box .left{/* width: 50%; *//* padding-top:20px; */}
#sub .chair_box .right{/* width: 45%; *//* margin-left:5%; */}
#sub .chair_box.pro .left{/* width: 47%; */}
#sub .chair_box.pro .right{/* margin-left:3%; */}

#sub2 .sub_box .chair_explan li{width:23.5%; margin-right:2%;}
#sub2 .sub_box .chair_explan li:nth-child(2){margin-right:2%;}
#sub2 .sub_box .chair_explan li:nth-child(4){margin-right:0%;}
}

@media all and (min-width:850px) {
#sub .chair_box .left span.pc{display:block;}
#sub .chair_box .left span.mob{display:none;}
}

@media all and (min-width:980px) {
#sub .chair_box .right.mright{width: 47%;margin-left:3%;}
#sub .chair_box .right{/* width: 50%; */margin-left:0%;}
#sub .chair_box .right .tit span{width: 150px;}
#sub .chair_box.pro{padding-bottom: 60px;}
#sub .chair_box .right .info ul li span.car a{width: 20%;}
}

@media all and (min-width:1200px) {
#sub .chair_box .left img{min-width: 600px;margin: 0;}
#sub .chair_box.pro .left img{min-width: 550px;}
#sub .sub_box .proc_txt .box .left:after{right:30px;bottom: -30px;width:50px;height:50%;} 
#sub .sub_box .proc_txt .box .right:after{right:30px;bottom: -20px;width:50px;height:50%;}
#sub2 .sub_box{padding-top: 90px;padding-bottom: 100px;}
}

@media all and (min-width:1300px) {
#sub .chair_box .left.mleft{width: 35%;}
#sub .chair_box .left.mleft img{min-width: 450px;}
#sub .chair_box .right.mright{width: 60%;margin-left: 3%;}
}


/*sub02*/
#air h3.air_tit{font-weight: 700;color: #333;font-size: 1.5em;display: block;position: relative;/* margin-left: 20px; */}
#air h3 a.online{background:#0060ba;color:#fff;display:block;float:right;font-size:0.65em;padding:7px 20px;font-weight: 600;}
#air h3.pop_tit{font-weight: 600;color: #fff;font-size: 1.5em;display: block;position: relative;text-align: center;background: linear-gradient( to right, #01a653, #0060ba );padding: 20px;}
#air p{border-bottom: 1.5px solid #efefef;padding: 20px 0px;font-size: 1.1em;margin-bottom: 30px;line-height: 1.6;/* text-align: left; *//* background: #f4fdf9; */}
#air p.none{border-bottom:0px;}
#air p.font{font-size: 1.2em;font-weight: 700;font-family: pretendard;display: block;padding: 10px 0px;color: #222;background: #efefef;text-align: center;margin-bottom: 0px;}
#air p b{color:#0060ba; font-size:1.2em; }
#air .air_box{display: flex; flex-wrap: wrap;}
#air .air_box h4{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );}}
#air .air_box .prod a{display: block;width: 100%;background: #959595;color: #fff;text-align: center;margin: 0px auto;padding: 10px;/*! border-radius: 5px; */}
#air .air_box span.air_f{display: block;width: 100%;background: #172a46;color: #fff;text-align: center;margin: 0px auto;padding: 10px;}
#air .air_box .prod a:hover{font-weight:700;}
#air .pop_box{padding:40px;padding-top: 20px;}

#air .air_box .left{margin-bottom:20px}
#air .air_box .right h3.tit{font-size: 2em;font-weight: 800;}
#air .air_box .right .box{}
#air .air_box .right .box p{
    margin-bottom: 10px;
}

.rubber_box{display: flex;flex-wrap: wrap; margin-top:30px;}
.rubber_box .rubber_con{width: 32%; margin-right: 2%;}
.rubber_box .rubber_con:nth-of-type(3){margin-right: 0%;}
.rubber_box .rubber_con img{}
.rubber_box .rubber_con h4{background-color: #172a46;color: #fff;display: block;padding: 10px;text-align: center;position: relative;font-family: pretendard;font-size: 1.1em;}
.rubber_box .rubber_con span{font-family: pretendard;text-align: center;display: block;padding: 10px 0px;font-size: 1em;border: 1px solid #efefef;}

#air .diff_box span img{margin-bottom: 20px;}
.proTop h4{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );}}
.pop_box{display: flex; flex-wrap: wrap;}
.pop_prod{display: flex; flex-wrap: wrap;}
.helth_box{position:relative;}
.helth_box img{margin:0 auto; display:block; width: 60%;}
#air .air_box .right .pop_con{/*! width:50%; */ /*! margin-left:2% */background: #fff;margin: 0 auto;}
#air .air_box .right .pop_con ul{border-top: 1px solid #363636;padding-top: 20px;}
#air .air_box .right .pop_con ul li{display: flex;flex-wrap: wrap;margin-bottom: 20px;}
#air .air_box .right .pop_con ul li p{border-bottom: 0px solid #efefef;margin-bottom: 0px;padding: 0px;width: 30%;font-weight: 700;font-size: 1.2em;margin-right: 10%;}
#air .air_box .right .pop_con ul li em{width: 60%;font-size: 1.1em;}
.mini_img img:first-of-type{margin-right:2%;}


@media all and (min-width:500px) {
#air .air_box .right .pop_con ul li p{width: 25%;margin-right: 5%;}
#air .air_box .right .pop_con ul li em{width: 70%;}
}

@media all and (min-width:768px) {
#air .air_box .prod{width: 48%; margin: 0 1%;}
.pop_box span{/*! width: 50%; */ display: flex;margin: 0 auto;}
}

@media all and (min-width:850px) {
#air .air_box .left{width: 50%;margin-right: 3%;margin-bottom:0px}
#air .air_box .right{width: 47%;}
#air .air_box .right.r30{margin-right:3%; width:48%;}
#air .air_box .right.r40{width:48%;}
}

@media all and (min-width:980px) {
#air h3.air_tit{font-size:2em;text-align: left;}
#air .air_box .prod{width:32.3%; margin: 0 0.5%;}
}

/*sub03*/
.fac_box{display: flex;flex-wrap: wrap;padding-top: 40px;}
.fac_box .fac{width: 100%;position: relative;}
.fac_box .fac span{font-size: 1.2em;font-weight: 700;font-family: pretendard;display: block;padding: 10px 0px;color: #222;background: #efefef;text-align: center;margin-bottom: 20px;}
.fac_box h4{position:absolute; color:#fff; padding:15px 25px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );font-size: 1.1em;}}

.fac_con{width:100%;}

@media all and (min-width:768px) {
.fac_box .fac,
.fac_box .fac2{margin-right: 2%;width: 49%;}
.fac_box .fac:nth-child(even),
.fac_box .fac2:nth-child(even){margin-right: 0%;}
}

@media all and (min-width:980px) {
.fac_box .fac{margin-right: 2%;width: 23.5%;}
.fac_box .fac2{width: 32%;}
.fac_box .fac2:nth-child(even) ,
.fac_box .fac:nth-child(even){margin-right: 2%;}
.fac_box .fac2:nth-child(3),
.fac_box .fac2:nth-child(6){margin-right: 0%;}
.fac_box .fac:nth-child(4),
.fac_box .fac:nth-child(8),
.fac_box .fac:nth-child(12),
.fac_box .fac:nth-child(16),
.fac_box .fac:nth-child(20){margin-right: 0%;}
}



/*sub04*/
.sub04_top img{width: 100%;display: block;margin-bottom: 20px;border-radius: 10px;}
.sub04_con{display: flex; /*! flex-direction: column; */ flex-wrap: wrap;}
.sub04_con .con_box{border: 1px solid #efefef; padding: 30px;width: 32%;margin-right: 2%;}
.sub04_con .con_box i{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );display: block;}}
.sub04_con .con_box img{display: block;margin: 0 auto;}
.sub04_con .con_box span{text-align: center;margin: 0 auto;display: block;font-size: 1.3em;color: #292929;margin-top: 20px;position: relative;font-weight: 600;}
.sub04_con .con_box:last-of-type{margin-right:0%;}

.sub04_box .fac_box img{width: 100%;}
.sub04_box .img_list{display:flex; flex-wrap:wrap;}
.sub04_box .img_list img{width:48%; margin:0 1%;}

.research{padding-bottom:40px;margin-bottom: 40px;}
.research h5{display: block;color: #fff;text-align: center;font-size: 1.3em;line-height: 23px;padding: 10px;font-family: pretendard;font-weight: 700;margin-bottom: 10px;background: #172a46;}
.research .proce_box ul li{padding: 15px 25px;margin-bottom: 15px;/* background: #f8f8f8; */position: relative;width: 100%;display: flex;flex-wrap: wrap;border: 1px solid #efefef;}
.research .proce_box ul li img{/* display: block; */width: 15%;/* float: right; */}
.research .proce_box ul li span{font-size: 1.2em;color: #323232;font-family: pretendard;width: 85%;align-items: center;display: flex;}


@media all and (min-width:500px) {
.research .proce_box ul{display:flex;flex-wrap:wrap;}
.research .proce_box ul li{width: 49%;margin-right: 2%;}
.research .proce_box ul li:nth-child(even){margin-right:0%;}
}

@media all and (min-width:768px) {
.sub04_con{display: flex; flex-direction: row;}
.sub04_box .img_list img{width: 23.5%;}
.sub04_box .img_list img:nth-child(2){margin-right:2%;}
}



/*sub06*/
#air h3.tna_tit{font-weight: 700;color: #131313;font-size: 1.5em;display: block;position: relative;/* text-align: center; *//* margin: 60px 0px; */}
h3.tna_tit i.font_c{color:#0060ba; font-family:pretendard; font-weight: 700;}
.tna_con{width:100%;}
.tna_con .tna{display:flex; flex-wrap:wrap;}
.tna_con .tna .tna_img{width:32%; margin-right: 2%;margin-bottom: 20px;}
.tna_con .tna .tna_img:nth-last-child(1), 
.tna_con .tna .tna_img:nth-last-child(4){margin-right:0%;}
.tna_con span img{display:block; width:60%; margin: 0 auto;margin-bottom: 40px;}
.tna_img h4{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );}

.tna_box{display:flex;flex-wrap: wrap;}
.tna_tit_box{width: 100%;}
.tna_tit_img{width: 100%;margin-bottom: 20px;}

@media all and (min-width:768px) {
#air h3.tna_tit{font-size: 2em;}
.tna_con .tna .tna_img{width:15.8%; margin-right: 1%;}
.tna_con .tna .tna_img:nth-last-child(1){margin-right:0%;}
.tna_con .tna .tna_img:nth-last-child(4){margin-right:1%;}
.tna_tit_box{width: 68%;margin-right: 2%;}
.tna_tit_img{width: 30%;margin-bottom: 20px;}
}




/*제품소개*/
.proTop:after, 
.proSec:after {clear:both; display:block; content:'';}
.proTop .txtBox {position:relative;}
.proTop .txtBox .plyT {color:#004098; font-weight:600; margin-top:30px; display:block; position:relative; padding-left:20px;}
.proTop .txtBox .plyT:after {content:''; display:block; position:absolute; width:12px; height:2px; background:#004098; left:0; top:13px;}
.proTop .txtBox h3 {font-size:2em; color:#000; font-weight:500;}
.proTop .txtBox p {font-size:1.1em;}
.proTop .txtBox .tool_slider_nav .slick-slide {margin:0 3px; opacity:0.3;}
.proTop .txtBox .tool_slider_nav .slick-current  { opacity:1; border:1px solid #ddd;}

.proSec .point {font-weight:600; font-size:0.9em;}
.proSec .pro_sm .spec {padding-top:30px;}
.proSec .pro_sm .spec li {padding-bottom:10px;}
.proSec .pro_sm .spec li:last-child {padding-bottom:0;}
.proSec .pro_sm:after {clear:both; display:block; content:'';}
.proSec .pro_sm .smImg {float:left; width:55%; }
.proSec .pro_sm .smImg img {max-width:50%;}
.proSec .pro_sm .mt20 {margin-top:20px;}
.proSec .pro_sm .spec {float:left; width:45%; padding:0 0 0 0; text-align:left;}
.proSec .pro_sm .spec li .clr {position:relative; padding-right:25px;}
.proSec .pro_sm .spec li .clr:after {content:''; display:block; position:absolute;  width:15px; height:15px; top:0; left:0;}
.proSec .pro_sm .spec li .clr_pet:after {background:#e72b25}
.proSec .pro_sm .spec li .clr_petl:after {background:#d01b1e}
.proSec .pro_sm .spec li .clr_acr:after {background:#595757}
.proSec .pro_sm .spec li .clr_pr:after {background:#173e6e}
.proSec .pro_sm .spec li .clr_top:after {background:#cacaca}
.proSec .pro_sm .spec li .clr_rs:after {background:#231613}
.proSec .pro_sm .spec li .clr_prt:after {background:#c0cfd8}
.proSec .pro_sm .spec li .clr_poly:after {background:#1f96d4}
.proSec .pro_sm .spec li .clr_sil:after {background:#8d644e}
.proSec .pro_sm .spec li .clr_cop:after {background:#dc7214}
.proSec .pro_sm .spec li .clr_ca:after {background:#e8a83a}
.proSec .pro_sm .spec li .clr_alu:after {background:#d5d5d5}
.proSec .pro_sm .spec li .clr_pna:after {background:#881b21}
.proSec .pro_sm .spec li .clr_anti:after {background:#220f0a}
.proSec .pro_sm .spec li .clr_pp:after {background:#ed7777}
.proSec .pro_sm .spec li .clr_prl:after {background:#003e6b}
.proSec .pro_sm .spec li .clr_wb:after {background:#d7dadf}
.proSec .pro_sm .spec li .clr_pb:after {background:#e9556a}
.proSec .pro_sm .spec li .clr_b:after {background:#040000}
.proSec .pro_sm .spec li .clr_rs:after {background:#220f0a}
.proSec .pro_sm .spec li .clr_ya:after {background:#f3d797}
.proSec .pro_sm .spec li .clr_rub:after {background:#ccc3da}
.proSec .pro_sm .spec li .clr_pap:after {background:#00ae7c}
.proSec .pro_sm .spec li .clr_pel:after {background:#9b748b}



@media all and (min-width:1000px) { 
.proTop .tool_slider {float:left; width:55%;}
.proTop .txtBox {float:left; width:40%;margin-left:5%}
.proTop .txtBox .tool_slider_nav {position:absolute; bottom:0; left:0; right:0; margin:0 auto; }


.proTop .txtBox .plyT {font-size:1.25em; margin-top:0}
.proTop .txtBox h3 {font-size:2.5em;}
.proTop .txtBox p {font-size:1.2em; padding-bottom:150px;}
}

@media all and (min-width:1400px) { 
.proTop .txtBox {height:580px;}
}

/*인증서*/
.certi1{display:flex;flex-wrap: wrap;}
.certi ul li{border:1px solid #ddd; box-shadow:5px 10px 10px rgba(170, 170, 170, 0.1);width: 48%;float: left;margin: 0 1%;margin-bottom: 40px;}

@media all and (min-width:768px) { 
.certi ul li {width: 31.3%; margin-bottom:50px;}
}

@media all and (min-width:980px) { 
.certi ul li {width: 18%;}
}

/*파트너*/
.client{display:flex;flex-wrap: wrap;}
.client ul li{border:1px solid #ddd; box-shadow:5px 4px 4px rgba(170, 170, 170, 0.1); width: 48%;float: left;margin: 0 1%;margin-bottom: 20px;}

@media all and (min-width:768px) { 
.client ul li{width: 31.3%; margin-bottom:50px;}
}

@media all and (min-width:980px) { 
.client ul li{width: 23%;}
}

/*품질경영*/
.qmBox .cir_box .box {display:inline-block; width:49%;}
.qmBox .cir_box .box h6{font-size:0.9em;}

@media all and (min-width:480px) { 
.qmBox .cir_box .box h6{font-size:1.3em;}
}

@media all and (min-width:768px) { 
.qmBox .cir_box .box h6{font-size:1.3em;}
.qmBox .cir_box .col02 {display:inline-block;  width:49%}
}

@media all and (min-width:1000px) { 
.txt_qm .pEnter {display:inline !important}
.qmBox {margin-top:100px;}
.qmBox .cir_box .col02 {display:block;  width:100%}
.qmBox .cir_box .box {width:30%;}
}

@media all and (min-width:1400px) { 
.txt_qm .pEnter {display:block !important}
.qmBox .cir {top:3%;}

}


.eqment .col_left dl {padding-left:5%;}
.eqment dl  {overflow:hidden; }
.eqment dl dd {background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:8px; margin-bottom:3px;}
.eqment dl dd:last-child{margin-bottom:0;}

/*시험장비*/
.equip:after {clear:both; display:block; content:'';}
.equip li {float:left; width:48%; margin:1%; text-align:center;}
.equip li img {border:1px solid #ddd;}
.equip li p {padding:10px 0; color:#fff; background:#1c3f95;}

.litebox-overlay .litebox-nav {display:block !important;}

@media all and (min-width:768px) { 
.equip li {width:31.3%;}
}

@media all and (min-width:1200px) { 
.equip li {width:23%;}

}

/*Contact*/
.ctctBox:after {clear:both; display:block; content:'';}
.ctctBox .col4 {margin-bottom:30px; padding:30px 10px 50px 50px; text-align:left; box-shadow:5px 10px 10px rgba(0,0,0,0.2); border:1px solid #f5f5f5; position:relative;}
.ctctBox .col4 span {font-weight:600; color:#004098; font-size:0.8em;}
.ctctBox .col4 h3 {font-size:1.5em; color:#000; font-weight:400; padding-top:10px;}
.ctctBox .col4 ul li { margin-bottom:10px;}
.coreBox .col4:after, .coreBox .col4:before,
.coreBox .col4 h3:after, .coreBox .col4 h3:before{
width: 3px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  top:0;
  left:0;
  background-color: #004098;
  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}
.coreBox .col4:after{width:0px; height:3px;}
.coreBox .col4 h3:after{width:0px; height:3px;}
.coreBox .col4:before{width:3px; height:0px;}
.coreBox .col4 h3:before{width:3px; height:0px;}
.coreBox .col4:hover:after{width:100%}
.coreBox .col4:hover:before{height:0;}

@media all and (min-width:768px) {
.coreBox .col4 {float:left; width:50%;}
}

@media all and (min-width:1200px) {
.ctctBox .col4 {padding:60px 10px 70px 70px;width:25%;}
.ctctBox .col4 h3 {font-size:2em;}
}

/*헬스케어*/
#health{position:relative;}
#health .sub_box{}
#health .sub_box .hbox{position: relative;margin: 40px 0px;}
#health .sub_box .hbox h3{font-size: 1.2em;font-weight: 800;text-align: center;margin-bottom: 15px;color: #000;border-bottom: 1px solid #ededed;padding-bottom: 15px;}
#health .sub_box .hbox h3 b{color:#0060ba; font-weight: 800;}
#health .sub_box .hbox img{display: block;margin: 0 auto;}
#health .sub_box .hbox ul{display: flex;flex-wrap: wrap;}
#health .sub_box .hbox ul li{width: 50%;}
#health .sub_box .hbox ul li p{text-align: center;font-size: 1.1em;}
#health .sub_box .hbox ul li p b{font-weight:800;}
#health .sub_box .hbox p.bg{background: #f8f8f8;padding: 20px;font-size: 1em;}
#health .sub_box .hbox .h_img,
#health .sub_box .hbox .certi{display: flex;flex-wrap: wrap;}
#health .sub_box .hbox .certi img{width:50%;}
#health .sub_box .hbox.con08 ul li{width: 100%;}
#health .sub_box .hbox.con08 ul li p{background: #222454;padding: 10px;font-weight: 600;color: #fff;display: block;}
#health .sub_box .hbox.con08 ul li img{margin-bottom:30px;}
#health .sub_box .hbox.con01 ul li img{width: 50%;margin-bottom: 10px;}
#health .sub_box .hbox.con01 ul li:last-child img{width:70%;}
#health .sub_box .hbox.con01 img{width: 70%;margin-bottom: 20px;}

@media all and (min-width:650px) {
#health .sub_box .hbox{margin: 60px 0px}
#health .sub_box .hbox h3{font-size: 1.5em; margin-bottom: 20px;}
#health .sub_box .hbox ul li{width: 25%;}
#health .sub_box .hbox.con01 img{width: 50%;}
#health .sub_box .hbox.con08 ul li p{font-size: 1.25em;}
#health .sub_box .hbox .certi img{width: 32%;margin: 0;margin-right: 2%;}
#health .sub_box .hbox .certi img:last-of-type{margin-right:0%;}
}

@media all and (min-width:768px) {
#health .sub_box .hbox{margin: 80px 0px}
#health .sub_box .hbox h3{font-size: 2em;margin-bottom: 20px;}
#health .sub_box .hbox.con01 img{width: 40%;margin-bottom: 40px;}
#health .sub_box .hbox.con01 ul li img{width: 40%;}
#health .sub_box .hbox.con01 ul li:last-child img{width:50%;}
}

@media all and (min-width:980px) {
#health .sub_box .hbox.con01 img,
#health .sub_box .hbox.con01 ul li img{width: 30%;}
#health .sub_box .hbox.con01 ul li:last-child img{width:40%;}
}

@media all and (min-width:1200px) {
#health .sub_box .hbox{margin: 120px 0px;}
#health .sub_box .hbox h3{margin-bottom: 40px;width: 80%;margin: 0 auto;}
#health .sub_box .hbox img{width:80%;margin:0 auto;padding-top: 40px;}
#health .sub_box .hbox.con08 ul li img{padding-top: 0px;}
#health .sub_box .hbox.con09 img{width:70%;}
#health .sub_box .hbox.con01,
#health .sub_box .hbox.con08 ul li p,
#health .sub_box .hbox .certi{width:80%;margin:0 auto;}
#health .sub_box .hbox p.bg{padding: 25px;font-size: 1.2em;width:80%; margin:0 auto;}
}

/*공기청정기*/
#nw .airbox{position: relative;}
#nw .airbox .nw_img{width: 100%;margin: 0 auto;}
#nw .airbox .nw_img .pc{display:none;}
#nw .airbox .nw_con{border-top: 1px solid #000;margin-top: 20px;padding-top: 20px;font-family: pretendard;font-size:1.1em;}
#nw .airbox .nw_con .text ul li{display: flex;flex-wrap: wrap;margin-bottom: 10px; border-bottom:1px solid #eeeeee; padding-bottom:10px}
#nw .airbox .nw_con .text ul li p{width:40%;font-weight: 700;color: #000;}
#nw .airbox .nw_con .text ul li em{width:60%;color: #333;}
#nw .airbox .nw_con .text ul li em img{width:70%; display:block;}

@media all and (min-width:650px) {
#nw .airbox .nw_con{font-size:1.25em}
}

@media all and (min-width:768px) {
#nw .airbox .nw_img .pc{display:block;}
#nw .airbox .nw_img .mob{display:none;}
#nw .airbox .nw_con{position: absolute;z-index: 5;display: block;right: 0;bottom: 25%;width: 45%;margin-right: 5%;}
#nw .airbox .nw_con .text ul li{border-bottom:0px;}
#nw .airbox .nw_con .text ul li em img{width:85%;}
}

@media all and (min-width:1200px) {
#nw .airbox .nw_img .pc{display:block; width:85%; margin:0 auto;}
#nw .airbox .nw_con{width: 35%;margin-right: 15%;}
#nw .airbox .nw_con .text ul li{margin-bottom:15px;}
}

/*서브메뉴 탭*/
.tap_de ul{display: flex;justify-content: center;position: relative;margin-bottom: 30px;flex-wrap: wrap;}
.tap_de li{float: left;text-align: center;margin: 0 1%;border-bottom: 2px solid #f3f3f3;width: 100%;}
.tap_de li:first-child{margin-left:0px;}
.tap_de li:last-child{border-bottom:0px;}
.tap_de li.on{border-bottom: 2px solid #0060ba;}
.tap_de li.on a{color: #000;}
.tap_de a{display: block;font-weight: 500;color: #9a9a9a;font-size: 1em; padding:10px;}
.tap_de a.online{background:#0060ba;color:#fff;margin-top: 10px;}
.txt_de{margin-top: -7px;color: #555;}

.tap_de2 ul{position: relative; display: flex; margin-bottom: 20px; flex-direction: column; }
.tap_de2 li{float: left;text-align: center; border-bottom:1.5px solid #efefef;padding: 10px 0px;}
.tap_de2 li.on a{color:#000;}
.tap_de2 a{display: block;font-weight: 500;font-size: 1em;color: #9f9f9f;padding: 0 30px;}


@media all and (min-width:650px) {
.tap_de2 ul{position: relative;display: flex;margin-bottom: 20px; flex-direction: row;}
.tap_de2 li{border-bottom:0px;}
.tap_de2 li:after{display: block; clear: both; content: ""; position:absolute; width:2px; height:30px; background-color:#f3f3f3;top: 5px;}
.tap_de2 li:first-child:after{background-color:#fff; margin-left: 0px;}
.tap_de a{padding:15px;}
.tap_de.w8 li{width: 18%;}
}



@media all and (min-width:980px) {
	.tap_de li{width: 25%;}
	.tap_de.w8 li{width: 15%;margin-right: 15px;margin-bottom: 30px;}
	.tap_de2.w8 li{margin-bottom: 30px;}
	.tap_de ul{margin-bottom:80px;}
}


/*서브메뉴2 탭*/
.tap_de3 ul{position: relative;display: flex;margin-bottom: 30px;flex-wrap: wrap;}
.tap_de3 li{width: 100%;float: left;text-align: center;background: #f8f8f8; padding:3px;border-bottom: 3px solid #ffffff;}
.tap_de3 li.on{/* background: linear-gradient( to right, #01a653, #0060ba ); */background: #172a46;border: 0px;}
.tap_de3 li.on a{color:#fff;}
.tap_de3 a{display: block;font-weight: 500;color: #9a9a9a;font-size: 1em; padding:10px;}
.txt_de3{margin-top: -7px;color: #555;}

@media all and (min-width:400px) {
.tap_de3 li{width: 50%;border-right: 3px solid #ffffff;}
}

@media all and (min-width:768px) {
.tap_de3 li{width: 33.3%;}
}

@media all and (min-width:1200px) {
.tap_de3 ul{margin-bottom:50px}
.tap_de3 li{width: 16.6555%;}
}


/*sub06*/
.employ p ,
.person p{font-size: 1.25em;text-align: center;}
.employ span.big ,
.person span.big{font-weight: 700;color: #333;font-size: 1.5em;display: block;border-top: 1px solid #efefef;padding-top: 50px;}
.employ_con ul ,
.person_con ul{display: flex; flex-wrap: wrap;}
.employ_con ul li{width: 100%;position: relative;border: 1px solid #efefef;border-radius: 5px;padding: 20px;margin-bottom: 20px;min-height:100px;}
.employ_con ul li.em_01:before{display: block;clear: both;content: "";background:url(../img/em_ico1.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li.em_02:before{display: block;clear: both;content: "";background:url(../img/em_ico2.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li.em_03:before{display: block;clear: both;content: "";background:url(../img/em_ico3.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li.em_04:before{display: block;clear: both;content: "";background:url(../img/em_ico4.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li span{display: block;text-align: center;font-size: 1.1em;padding: 10px;color: #666;}
.employ_con ul li p{font-size: 1.4em;font-weight: 700;color: #333;}

.person_con ul li{text-align:center;margin: 0 auto;}
.person_con ul li img{border-radius:20px 20px 0px 0px}
.person_con ul li p{font-size:1.2em;font-weight:700;padding-top:20px;color: #0c67bd;}
.person_con ul li p b{font-size:1.5em;color: #323232;}
.person_con ul li span{color:#5f5f5f;display: block;padding-bottom: 20px;}

@media all and (min-width:650px) {
.employ_con ul li{width: 49%; margin-right:2%;}
.employ_con ul li:nth-child(even){margin-right:0%;}
.employ_con ul li p{font-size: 1.25em;}
}
@media all and (min-width:768px) {
.person_con ul li{width:32%; margin-right:2%;}
.person_con ul li:last-child{margin-right:0%}
}

@media all and (min-width:980px) {
.employ_con ul li{width: 23.5%; margin-right:2%;}
.employ_con ul li:nth-child(even){margin-right:2%;}
.employ_con ul li:last-of-type{margin-right:0%;}
.employ_con ul li p.top{margin-top:10px;}
}

/*sub10*/
.noemail .box {border:10px solid #f0f0f0; padding:20px 3%;}
.noemail .box h1 {font-size:1.5em; font-weight:600;}
.privacy h4 {font-size:1.25em; font-weight: 700; color: #000; border-bottom: 1px solid #efefef; padding-bottom: 20px;}
.provisionBox{padding: 0 100px;}

@media all and (min-width:1080px) {
 .noemail .box {padding:30px;}
}