/*page01*/
div.contL {float:left; width:30%;margin-top: 40px;}
div.contR {float:right; width:65%;}
p.sign {text-align:left;}
p.sign strong{font-size:26px; font-weight:normal; padding-left:10px;}
div.contB {clear:both;}

/*page05*/
div.contL50 {float:left; width:48%;}
div.contR50 {float:right; width:48%;}
div.history {width:100%; margin:0 auto; background:url("../../img/content/history_bg.jpg") no-repeat center top; padding-top:80px; overflow:hidden;}
div.history h3 {font-size:35px; font-weight: normal; color:#82bf25; }/*color:#7cab38;*/
div.history ul {list-style-type:none; padding:20px 0 45px 0; margin:0;}
div.history ul li {line-height:38px; font-size: 17px;}
div.history ul li span{background:url("../../img/common/arrow_09.gif") no-repeat 10px center; padding-left:22px;}
/*div.history ul li {background:url("../../img/common/arrow_09.gif") no-repeat 10px center; padding-left:22px;  line-height:38px; font-size: 17px;}*/
div.history li>span {font-weight: bold;margin-right: 20px; font-size: 17px;}

/*board_08 대리점*/
div.ca_map {text-align:center;}

/*common*/
#contentsArea {font-size:13px; line-height:22px;}
#contentsArea .img_c {text-align:center; }
#contentsArea .txt_B {font-weight:bold; color:#0071c5;}
#contentsArea .txtGreen {font-weight:bold; color:#70c104;}
#contentsArea .txtBold {font-weight:bold; }
#contentsArea .txtB { color:#0071c5; }
#contentsArea p.txtP { /*padding-bottom:20px;*/ text-align: justify;}
#contentsArea div.contBox1 {font-size:14px; line-height:28px;}
h4 { margin:0; background:url("../../img/common/arrow_17.gif") no-repeat left 2px; font-size:15px; padding:0 0 15px 20px; margin-top:5px;}
ul.list, ul.none {padding:0 0 20px 0; margin:0; overflow:hidden;}
ul.list li { background:url("../../img/common/arrow_09.gif") no-repeat 15px 7px; padding-left:25px; }
p.txt_box { border:1px solid #d2d2d2; padding:15px 15px; margin:0; background:#f2f2f2; }
.pdL10 {padding-left:10px}
.pdL15 {padding-left:15px}
.pdL20 {padding-left:20px}
.pdL25 {padding-left:25px}
.pdT15 {padding-top:15px}
.pdT20 {padding-top:20px}
.pdT30 {padding-top:30px}
.pdT40 {padding-top:40px}
.fontM{font-size:17px;}
.fontL{font-size:22px;}
.fontXL{font-size:38px;}

#contentWrap #content #contentsArea ul.sitemap_box { padding:0; margin:0;  }
#contentWrap #content #contentsArea .sitemap_list { list-style-type:none; float:left; width:190px; padding:0 15px; height:220px;  }
#contentWrap #content #contentsArea .sitemap_list h3 { font-size:1.7em; font-weight:normal; border-bottom:1px solid #e1e1e1;  padding:15px 5px; margin:0 0 5px 0; }
#contentWrap #content #contentsArea ul.sitemap_con { list-style-type:none;  padding:0; margin:0; }
#contentWrap #content #contentsArea ul.sitemap_con li{ padding-top:5px; padding-left:5px; }

div.map2 {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:20px 20px 22px 140px;  background-color:#fff; background-image:url("../../img/sub/bg_address.jpg"); background-repeat:no-repeat; background-position:30px center; margin-top:30px;}
div.map2 ul {padding:0; margin:0; list-style-type:none; }
div.map2 ul li{font-size: 14px;}
div.map2 ul li span.tit {width:80px; display:inline-block; color:#0071c5; line-height:25px; }
div.map2 ul li span.add {}
div.map>h2{ font-size: 35px;line-height: 35px;margin-bottom: 30px;text-align: center;margin-top: 70px; }


#contentsArea div.personal{padding:0; margin:0;}
#contentsArea div.personal h3{padding:0 0 5px 0;}
#contentsArea div.personal p{font-size:12px; padding-bottom:25px;}

table.tb01 {border-top:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
table.tb01 th{
    border-left:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
    padding:5px 5px;
    background-color:#f0f0f0;
    color: #ff6600; /*color:#ed1e30*/
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 3px;}
table.tb01 td{border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; padding:5px 5px;}

.contBox1 div.page_title{text-align: center;}
.contBox1 div.page_title p{line-height: 35px;}
.contBox1 div.page_title strong{font-size: 35px;color: #0071c5;}


/*혁신시제품 구조 및 구성*/
.title{font-size: 25px; margin-top: 50px;}
.contBox1 .pro_top{width: 100%;}
.contBox1 .pro_top div.pro_box, .contBox1 .pro_top div.pro_box2{float: left;}
.contBox1 .pro_top div.pro_box:first-child{width: 50%}
.contBox1 .pro_top div.pro_box:last-child{width: 45%;margin-left: 5%;}
.contBox1 .pro_top div.pro_box img, .contBox1 .pro_top div.pro_box2 img{width: 100%}

.contBox1 .pro_top div.pro_box2:first-child{width: 40%;margin-right: 5%;}
.contBox1 .pro_top div.pro_box2:last-child{width: 55%;}

.contBox1 .pro_top ul.btn_cut{list-style: none;width: 100%; margin: 50px 0;}
.contBox1 .pro_top ul.btn_cut li{float: left;margin: auto 5%;}
.contBox1 .pro_top ul.btn_cut li a img.btn_ico{width: 16px;}

.contBox1 .pro_top ul.btn_cut li a {font-size: 20px;}

.contBox1 .pro_btm div.pro_box {width: 100%;;border: 1px solid #eee;}
.contBox1 .pro_btm div.pro_box video{margin: auto;width: 900px;}

.contBox1 .pro_btm div.pro_list ul{list-style: none;width: 100%;margin-top: 30px;}
.contBox1 .pro_btm div.pro_list ul li{float: left;margin: 5px 1%;width: 48%}
.contBox1 .pro_btm div.pro_list ul li img{width: 100%}

.contBox1 .pro_btm p.tb_ico {margin: 30px 0px 10px 0px;}
.contBox1 .pro_btm p.tb_ico::before {
    content: '';
    width: 16px;
    display: block;
    height: 16px;
    float: left;
    background: url(/bizdemo82933/img/common/check2.png) no-repeat;
    margin: 6px 10px;
}

/*혁신시제품 개요 및 규격*/
.contBox1 .pro_top .pro_page2 div.img-b{width: 100%;border: 1px solid #eee;}
.contBox1 .pro_top .pro_page2 div.img-b img{margin: 50px auto;}

.pro_table>span.tb_text{display: block;text-align: left;}

.contBox1 .pro_btm ul.pro_list2{list-style: none;width: 100%; text-align: left;}
.contBox1 .pro_btm ul.pro_list2 li{margin: 10px auto;font-size: 18px;}
.contBox1 .pro_btm ul.pro_list2 li span{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #0071c5;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    border-radius: 50%;
    font-weight: 300;
    margin: 12px 10px;
    float: left;
}
.contBox1 .pro_btm ul.pro_list2 li strong{display: block;}

/*혁신시제품 기능 및 성능*/
.contBox1 .pro_top div.pro_list3_1 ul {
    list-style: none;
    width: 100%;
    margin-top: 30px;
}
.contBox1 .pro_top div.pro_list3_1 ul li {
    float: left;
    width: 23%;
    margin: auto 1%;
    text-align: justify;
}
.contBox1 .pro_top div.pro_list3_1 ul li img {
    width: 100%;
}

.pro_table>span.tb_text{display: block;text-align: left;}

.contBox1 .pro_btm ul.pro_list3{list-style: none;width: 100%; text-align: left;}
.contBox1 .pro_btm ul.pro_list3 li{margin: 30px auto;font-size: 18px;}
.contBox1 .pro_btm ul.pro_list3 li p{margin: 10px 0px !important;margin-left: 50px !important;}
.contBox1 .pro_btm ul.pro_list3 li span.number{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #9b9b9b;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    border-radius: 50%;
    font-weight: 300;
    margin: auto 10px;
    float: left;
}
.contBox1 .pro_btm ul.pro_list3 li strong{display: block;}

/*혁신시제품 제조 및 가공*/
.contBox1 .pro_top div.pro_list4 ul{list-style: none;width: 100%;margin-bottom: 200px;}
.contBox1 .pro_top div.pro_list4 ul li{width: 100%;height: 100%;margin-bottom: 150px;}
.contBox1 .pro_top div.pro_list4 ul li:last-child{margin-bottom: 0px;}
.contBox1 .pro_top div.pro_list4 ul li>div{width: 40%;float: left;}
.contBox1 .pro_top div.pro_list4 ul li>div img{width: 80%;display: block;}
.contBox1 .pro_top div.pro_list4 ul li p{text-align: justify;margin-left: 40%;line-height: 32px;font-size: 16px;}

/*탈취기-복합탈취기*/
.pro_btm .cont_box {
    width: 49%;
    float: left;
    margin: auto 0.5%;
    position: relative;
}
.contBox1 .pro_btm p.tb_ico2 {
    margin: 30px 0px 10px 0px;
    background: #ff6600;
    color: #fff;
    border-radius: 10px;
    width: 300px;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center !important;
    display: inline-block;
    font-weight: normal !important;
    padding: 3px;
}
table.tb02 {
    text-align: justify;
    border: 3px solid #eee;
    border-radius: 10px;
    padding: 30px 20px;
    margin-top: 15px;
    height: 330px;
}
table.tb02 th{line-height: 35px;}
table.tb02 th span{font-size: 12px;}
.pro_list5 ul li {
    text-align: justify;
    font-size: 18px;
    margin: 15px auto;
    margin-left: 50px;
}

/*수처리기자재*/
ul.tabs{float: right;}
ul.tabs li{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
  background: #ededed;
}
ul.tabs li.current{background: #ff6600;color: #fff;}

.tab-content{display: none;padding: 15px;}
.tab-content.current{display: inherit;}
.c_both{clear: both; padding-top: 40px;}


/*****************************태블릿 화면****************************/
@media not all and (min-width:1024px){

  .contBox1 .pro_btm div.pro_box video{width: 100%;}

}

/*****************************모바일 화면****************************/
@media not all and (min-width:960px){

div.contL {float:left; width:30%; display:none;margin-top: 0px;}
div.contR {float:left; width:100%;}

/*page05*/
div.contL50 {clear:both; width:100%;}
div.contR50 {clear:both; width:100%;}
div.history {width:98%; margin:0 auto; background:none; padding-top:30px; overflow:hidden;}
div.history h3 {font-size:35px; font-weight: normal; color:#82bf25; }/*color:#7cab38;*/
div.history ul {list-style-type:none; padding:20px 0 45px 0; margin:0;}
div.history ul li {line-height:38px; font-size: 17px;}
div.history ul li span{background:url("../../img/common/arrow_09.gif") no-repeat 10px center; padding-left:22px;}
/*div.history ul li {background:url("../../img/common/arrow_09.gif") no-repeat 10px center; padding-left:22px; line-height:38px; font-size: 17px;}*/
div.history li>span {font-weight: bold;margin-right: 20px;font-size: 17px;}

div.map2 {width:100%; box-sizing:border-box; border:1px solid #dfdfdf; padding:20px 20px ;  background-color:#fff; background:none; margin-top:30px;}

/*혁신시제품 구조 및 구성*/
.contBox1 .pro_top div.pro_box, .contBox1 .pro_top div.pro_box2{float: none;}
.contBox1 .pro_top div.pro_box:first-child, .contBox1 .pro_top div.pro_box2:first-child{width: 100%}
.contBox1 .pro_top div.pro_box:last-child, .contBox1 .pro_top div.pro_box2:last-child{width: 100%;margin-left: 0;}

.contBox1 .pro_top ul.btn_cut li {
    float: left;
    margin: auto;
    width: 50%;
}

/*탈취기-복합탈취기*/
.pro_btm .cont_box {
    width: 100%;
    float: none;
    margin: 0;
    position: static;

}
.contBox1 .pro_btm p.tb_ico2 {
    margin: 0px;
    background: #ff6600;
    color: #fff;
    border-radius: 0px;
    width: 100%;
    position: static;
    text-align: center !important;
    display: inline-block;
    font-weight: normal !important;
    padding: 3px 0px;
}
.contBox1 .cont_box2 p.tb_ico2{margin-top: 30px;}

table.tb02 {
    text-align: justify;
    border: 1px solid #eee;
    border-radius: 0px;
    padding: 30px 20px;
    margin-top: 0px;
    height: auto;
}
table.tb02 th{line-height: 35px;}
table.tb02 tr::before {
    content: '';
    width: 8px;
    display: block;
    height: 1px;
    float: left;
    background: #a3a3a3;
    text-align: center;
    margin: 15px;
}

.pro_list5 ul li {
    text-align: justify;
    font-size: 18px;
    margin: 15px auto;
    margin-left: 50px;
}


}

/*****************************모바일 화면****************************/
@media not all and (min-width:768px){

/*테이블*/
table.tb01 th{font-size: 14px;letter-spacing: 0px;}
/*혁신 개요및규격*/
.contBox1 .pro_btm ul.pro_list2 li span{
  width: 100%;
  border-radius: 5px;
  margin: 12px auto;
}
/*혁신 기능및성능*/
.contBox1 .pro_top div.pro_list3_1 ul li{
    float: none;
    width: 100%;
    margin: 0;
}
.contBox1 .pro_top div.pro_list3_1 ul li img{width: 50%;margin: auto 25%;margin-top: 50px;}
.contBox1 .pro_top div.pro_list3_1 ul li:first-child img{margin-top: 0px;}
/*혁신 제조및가공*/
.contBox1 .pro_top div.pro_list4 ul{margin-bottom: 0px;}
.contBox1 .pro_top div.pro_list4 ul li{width: 100%; margin-bottom: 80px;}
.contBox1 .pro_top div.pro_list4 ul li:first-child{margin-top: 50px;}
.contBox1 .pro_top div.pro_list4 ul li>div{width: 100%;float: none;}
.contBox1 .pro_top div.pro_list4 ul li>div img{width: 50%;margin: auto;margin-bottom: 30px;}
.contBox1 .pro_top div.pro_list4 ul li p{margin-left: 0px;}

/*탈취기-복합탈취기*/
.pro_list5 ul li{margin-left: 20px;}

}


/*****************************모바일 화면****************************/
@media not all and (min-width:460px){

/*혁신 구조및구성*/
.contBox1 .pro_btm div.pro_list ul li{font-size: 10px;}

}

/*****************************모바일 화면****************************/
@media not all and (min-width:375px){

/*혁신 구조및구성*/
.contBox1 .pro_btm div.pro_list ul li{letter-spacing: -1px;}

}