@charset "utf-8";
/*media_mobile*/

@media all and (max-width:1024px) {

dl.num dd{padding:0 0 1% 4%;}
.wrap.bbs{width:90%; margin:5%;}

/*depth*/
.sub-menu-depth ul{width:90%; margin:0 5%;}
.sub-menu-depth ul li{padding:1% 2%;}
.sub-menu-depth ul li::after{top:22%; right:0;}

.sub-menu-depth.depth4 ul li{padding: 1% 6% 1% 0%;}
.sub-menu-depth.depth4 ul li:first-child{padding: 1% 6% 1% 0%;}
.sub-menu-depth.depth4 ul li::after{top:28%; right:27px;}


/*인사말*/
.sub-menu ul{width:100%;}
.sub-menu-tite div{width:100%;}
.sub-box p img{width:100%;}
.build-box .left{box-sizing:border-box; padding-left:5%;}

/*연혁및실적*/
.history-wrap dl{padding:0 5%; box-sizing:border-box;}
.history-wrap dl dd::after{left:23.5%;}
.history-img1, .history-img2{height:200px;}
.history-img1::after, .history-img2::after{height:200px; background-position:50% 50%; background-size:cover;}
.history-img1 p, .history-img2 p{width:100%;}

/*CI*/
.logo-box{width:90%; margin:5%;}
.logo-tbox{width:90%; margin:3% 5%;}

/*인증현황*/
dl.num-box, .cert-img{width:90%; margin:0 5%;}
.cert-img img{width:100%;}

dl.c-box dd img{width:100%;}
dl.c-box{width:90%; margin:0 5% 5% 5%;}
dl.c-box dd:first-child, dl.c-box dd:nth-child(3){width:50%; margin-right:2%;}
dl.c-box dd:nth-child(2){width:47%;}


/*오시는길*/
.map-wrap{background-size:contain;}
#map{width:90%; margin:0 5%; padding-top:22%;}
#map::after{width:100%;}
#map .root_daum_roughmap_landing{width:100% !important;}
.adrs-box{width:75%; margin:5% 5%;}

/*sub02*/
#scont1{width:90%; margin:0 5%;}
#scont1 .wrap p img{width:100%;}



/*01_01*/

dl.ibox dd{width:45%;}
dl.ibox dd img{width:100%;}
dl.ibox dd:last-child{width:50%;}
dl.ibox.w25 dd, dl.ibox.w25 dd:last-child{width:31.7%;}

.ex-box img{width:100%;}

/*01_02*/
dl.cont2-box dd{width:48%; margin-bottom:1%;}
dl.cont2-box dd:nth-child(2n){margin-right:0;}
dl.cont2-box dd img{width:100%;}

dl.img-box dd{width:47%; margin-right:1%;}
dl.img-box dd:nth-child(2),dl.img-box dd:last-child{width:52%; margin-right:0;}
dl.img-box dd img{width:100%;}

/*01_03*/
.chara-box .chara-img{width:23%;}
.chara-box .chara-img img{width:100%;}

dl.img-box.mr dd{margin-right:1%; margin-top:2%;}


/*01_04*/
dl.hopper dd{margin-right:1%;}
dl.hopper dd img{width:100%; box-sizing:border-box;}
dl.hopper dd .txt{font-size:1.400em;}

dl.hopper.list1 dd:first-child{width:29%;}
dl.hopper.list1 dd:last-child{width:70%;}

dl.hopper.list2 dd:first-child{width:33%;}
dl.hopper.list2 dd:nth-child(2){width:38%;}
dl.hopper.list2 dd:last-child{width:24%;}

/*01_05*/

dl.hopper.concrete dd:first-child{width:33%;}
dl.hopper.concrete dd:nth-child(2){width:25%;}
dl.hopper.concrete dd:last-child{width:29%;}

.chara-box.concrete .chara-img{width:20%;}

/*01_06*/
dl.support dd{width:49%;}
dl.support dd:last-child{width:49.5%;}
dl.support dd img{width:100%; box-sizing:border-box;}

.chara-box.concrete.support .chara-img{width:40%;}

/*01_07*/
dl.material dd{margin-right:1%;}
dl.material dd img{width:100%;}
dl.material dd:first-child{width:34.6%;}
dl.material dd:last-child{width:64%;}

dl.install-box dd img{width:100%;}
dl.install-box dd{width:32.6%;}

dl.install-box1 dd{width:32.4%;}
dl.install-box1 dd img{width:100%;}


/*01_08*/
dl.mj-box dd{width:32%; margin-right:1%;}
dl.mj-box dd img{width:100%;}

.chara-box .mj-img{width:auto; text-align:right;}
.chara-box .mj-img span{display:inline-block; width:27%;}
.chara-box .mj-img span.img{width:55.2%;}


dl.view-box dd{width:31%; margin-right:3%; margin-bottom:3%;}
dl.view-box dd img{width:100%;}

/*01_09*/
dl.box dd{width:49%; margin-right:1%;}
dl.box dd img{width:100%;}

/*01_10*/
dl.set-box dd img{width:100%;}

dl.set-box.list1 dd:nth-child(3){clear:both; margin-top:2%;}
dl.set-box.list1 dd:nth-child(4){margin-top:2%;}

dl.set-box.list2 dd:first-child{width:36%;}
dl.set-box.list2 dd:nth-child(2){width:26%;}
dl.set-box.list2 dd:last-child{width:23%;}


/*01_11*/
div.ibox img{width:100%;}


/*철제작품목*/

/*02_01*/
.work-box img, dl.work-box-list img{width:100%;}

dl.work-box-list.w33 dd{margin-bottom:2%;}
dl.work-box-list.w33 dd{width:32.3%; margin-right:1%;}
dl.work-box-list.w33 dd:nth-child(2){width:27%;}
dl.work-box-list.w33 dd:last-child{width:37%;}

/*02_03*/
.t-box .right img{width:100%;}

/*02_07*/
.tr-box .left{width:58%; margin-right:2%}
.tr-box .left img{width:100%;}
.tr-box .right{width:40%;}
.tr-box dl.g-num dd{padding:0 0 2% 11%;}

/*02_08*/
dl.cover-box dd{width:50%; margin-right:0;}
dl.cover-box dd img{width:100%;}

/*02_10*/
dl.danger-box dd{width:41%;}
dl.danger-box dd:nth-child(2n){width:57%;}
dl.danger-box dd img{width:100%;}

/*02_11*/
#scont1 .wrap p.fix-box{width:30%;}

/*02_12*/
dl.keep-box dd img{width:100%;}


/*sub03*/

/*03_01*/
dl.clamp-box dd{width:33.3%; margin-right:0;}
dl.clamp-box dd:last-child{width:100%;}
dl.clamp-box dd img{width:100%;}


/*03_02*/
dl.cover-box.fold dd{width:50%;}
dl.cover-box.fold dd:last-child{width:43.7%; margin-left:2%;}

dl.fold-box-under dd div img{width:100%;}
dl.fold-box-under dd:last-child{width:16.73%;}
.lh213{line-height: 181px;}


/*03_03*/
dl.brack-box dd{width:49%; margin-right:1%;}
dl.brack-box dd img{width:100%;}


/*sub04*/


/*04_01*/
.brock-box .left{width:49%; margin-right:1%;}
.brock-box .right{width:49%; margin-left:1%;}



/*04_03*/
dl.brack-box.upbracket{overflow:hidden;}
dl.brack-box.upbracket dd:last-child{width:27%}


/*04_06*/
dl.brack-box.jivm{overflow:hidden;}
dl.brack-box.jivm dd{width:34%;}
dl.brack-box.jivm dd:last-child{width:62%;}


/*sub05*/

/*05_01*/
dl.normal-box dd{margin-right:12px;}

/*05_02*/
dl.belt-img dd{width:24%; margin-right:1%; padding-bottom:1.3%;}
dl.belt-img dd img{width:100%;}

/*05_03*/
dl.safe-box dd{width:24.2%; margin-right:1%;}

/*05_04*/

dl.sprayer-box dd{width:24%; margin-right:1%;}
dl.sprayer-box dd:last-child{width:49%;}
dl.sprayer-box img{width:100%;}

.sprayer-tbl.mist td{padding:2%; line-height:1.6;}


/*05_06*/
.air-box .left{width:30%; margin-right:1%;}
.air-box .right{width:69%;}
.air-box .right .sprayer-tbl td{padding:11.6% 0;}

/*05_07*/
.elect-box .left{width:39%; margin-right:1%;}
.elect-box .right{width:60%;}

.elect-box .right .sprayer-tbl th{padding:5.7% 0;}
.elect-box .right .sprayer-tbl td{padding:5% 0;}

.elect-box .right .sprayer-tbl.pd-13 th{padding:5.3% 0;}
.elect-box .right .sprayer-tbl.pd-13 td{padding:8.5% 0;}

.elect-box .right .sprayer-tbl.ipack td{padding:5% 0;}

.elect-box .right .sprayer-tbl.pack-kg td{padding:3% 0;}


/*sub05_community*/

/*03*/
.sub-bg .wrap{width:90%; margin:0 5%;}
dl.banner-box dd img, dl.partner-box dd img{width:100%;}

/*04*/
dl.biz-box dd img{width:100%;}
dl.biz-box dd .txt::after{left:22%;}


}



@media all and (max-width:800px){

/*sub-menu*/
.sub-menu-tite div{padding:0 0 4% 0;}
.sub-menu-depth.depth3 ul li{padding:0 8% 2% 0;}

.sub-menu-depth.depth4 ul li{/*padding:0 9% 2% 0;*/ padding:0; float:left; width:33.3%; text-align:center; line-height:2.5;}
.sub-menu-depth.depth4 ul li:first-child{padding:0;}
.sub-menu-depth.depth4 ul li::after{/*right:33px;*/top:25%; right:1px;}

.sub-menu-depth.depth5 ul li{padding:0 4% 2% 3%;}
.sub-menu-depth.depth5 ul li::after{right:3px;}

/*인사말*/
.sub-box{padding:0 5%; box-sizing:border-box;}
.sub-box p.txt span{display:inline;}

.visi-box{padding:6% 5%;}
.visi-box .left, .visi-box .right{float:none; width:100%; text-align:center;}
.visi-box .left img{width:70%;}
.visi-box .right{margin-top:2%;}
.visi-box p{padding-top:2%;}
.visi-box dl{padding-top:5%;}
.visi-box dl dd{float:none; width:26%; display:inline-block;}

.build-box{height:auto;}
.build-box .left, .build-box .right{width:100%; float:none;}
.build-box .left{padding:10% 5%;}
.build-box p span{display:inline;}

.build-box .right{height:240px;}
.build-box .right::after{width:100%; height:100%; background-size:cover; background-position:50% 50%;}

/*연혁및 실적*/
dl.tab{margin-top:3%;}
dl.tab dd{width:20%; padding:3% 2%;}

.history-wrap dl dd .data{width:30%;}
.history-wrap dl dd .txt{width:70%; padding-left:7%;}
.history-wrap dl dd::after{left:30.9%;}

/*연혁*/
dl.num-box dd span.red{padding:0 2% 0 5%;}
dl.num-box dd span{display:block; padding-top:2%;}


/*오시는길*/
.adrs-box{width:100%; margin:5% 0; padding-left:0; padding:0 5%; box-sizing:border-box;}
.adrs-box:after{display:none;}
#map::after{height:100%;}
#map .root_daum_roughmap .wrap_map{height:300px !important;}
.adrs-box h4{padding:3% 0;}
.adrs-box dl dd{float:none; width:100%;}

/*sub01*/

h2.tite{font-size:2.000em; padding:0 0 2% 4%;}
h2.tite::after{top:2px;}
h3.tite{font-size:1.700em; padding-left:3%;}


dl.num dd{padding:0 0 2% 6%;}
dl.ibox.w25 dd, dl.ibox.w25 dd:last-child{width:31.1%;}

dl.truck-box dd h2{padding:0 0 1% 5%;}

.ex-box .t-box ul{margin:3% 0;}
.ex-box .t-box ul li span.tit{padding-left:1%;}
.ex-box .t-box ul li span.txt{line-height:1.6; color:#555;}
.ex-box .t-box .gary-box span.dot-line{width:65%;}
.ex-box .ibox{padding:1% 0 3% 0;}

.pump-tbl th span{display:block;}

#scont1 .wrap .ex-box .t-box p{text-align:left;}


/*01_06*/
dl.support dd{width:48%;}
dl.support dd:last-child{width:48.4%;}

.chara-box.concrete.support .chara-img{top:28%;}


/*01_07*/
dl.install-box dd{width:32.3%;}
dl.install-box1 dd{width:48.8%;}


/*01_08*/
.chara-box.mj-box{height:auto;}
.chara-box .mj-img{position:relative; text-align:left;}

dl.view-box dd .ibox::after{background-size:70%; right:-12%;}
dl.view-box dd .txt{font-size:1.400em;}
#scont1 .wrap p.mj-box{font-size:1.500em; padding:2% 0 0 0;}


/*철제작품*/

/*02_01*/
dl.work-box-list.w25 dd:first-child{width:32.3%;}
dl.work-box-list.w25 dd:last-child{width:57%;}


/*02-03*/
#scont1 .wrap p.die-txt span{display:inline;}

h4.txt-line{font-size:2.000em;}
h4.txt-line::after{height:26px;}

dl.g-num dd{padding:0 0 2% 6%;}

.die-box .left{width:100%; float:none; margin-right:0;}
.die-box .right{width:100%; float:none;}

.t-box .left, .t-box .right{width:100%; float:none;}
.t-box .left{margin-bottom:5%;}

/*02_06*/
.hs-box .left{width:100%; float:none; margin-right:0; margin-bottom:5%;}
.hs-box .right{width:100%; float:none;}
.hs-box .right img{width:100%;}

/*02_07*/
.tr-box dl.g-num dd{padding:0 0 4% 15%;}

/*02_12*/
dl.keep-box dd{float:none; width:100%; margin-right:0; padding:2% 0;}

/*sub03*/
/*03_02*/
.fold-box .left, .fold-box .right{width:100%; float:none; margin-left:0;}

.fold-tbl .lh7{line-height:inherit;}

dl.fold-box dd{width:50%; border-right:solid 1px #ddd;}

dl.fold-box-under{overflow:hidden; border:solid 1px #ddd; box-sizing:border-box;}
dl.fold-box-under dd, dl.fold-box-under dd:last-child{float:none; width:100%; overflow:hidden; border:none;}
dl.fold-box-under dd div{float:left; width:33.3%; line-height:13.5;}
dl.fold-box-under dd div.ibox{padding:0;}
dl.fold-box-under dd:first-child div{background-color:#f4f5ff; line-height:inherit;}
.lh213{line-height:inherit;}

/*sub04*/
/*04_01*/
.brock-box .left h3.tite, .brock-box .right h3.tite{padding-left:6%;}

/*sub05*/

/*05_01*/
dl.normal-box dd{margin-right:1.5%; width:32.3%;}
dl.normal-box dd:nth-child(3), dl.normal-box dd:nth-child(6), dl.normal-box dd:nth-child(10){margin-right:0;}
dl.normal-box dd:nth-child(4), dl.normal-box dd:nth-child(11){margin-right:1.5%;}
dl.normal-box dd:nth-child(7){width:100%;}
dl.normal-box dd:last-child{width:66%;}

/*05_02*/
dl.buck-box dd{margin-right:1%;}

/*05_04*/
.sprayer-tbl td{padding:2%;}
.sprayer-tbl th span, .sprayer-tbl td span{display:block;}
.sprayer-tbl.mist th span, .sprayer-tbl.mist td span{display:inline;}

/*05_06*/
.air-box .right .sprayer-tbl td{padding:11.3% 0;}

/*05_07*/
.elect-box .right .sprayer-tbl th{padding:5% 0;}
.elect-box .right .sprayer-tbl td{padding:4.8% 0;}
.elect-box .right .sprayer-tbl.ipack td{padding:4% 0;}


/*sub05_community*/

/*03*/
.sub-bg{background-position:62% 50%;}
.sub-bg .wrap h4{padding-top:11%;}

/*04*/
.sub-bg.bg2{background-position:38% 50%;}
dl.biz-box dd{width:49%; margin-bottom:1%;}
dl.biz-box dd:nth-child(2){margin-right:0;}


}

@media all and (max-width:650px){

/*공통*/
h3.tite{font-size:1.800em; padding-left:6%;}
.bg1, .bg2, .bg3, .bg4, .bg5{background-size:cover; height:80px;}
.bg1{background-position:10% 50%;}
.bg2{background-position:20% 50%;}
.bg3{background-position:80% 50%;}
.bg4{background-position:25% 50%;}
.bg5{background-position:40% 50%;}

/*sub_menu*/
.sub-menu{height:60px;}
.sub-menu.w50 ul li{width:50%;}
.sub-menu ul li{font-size:1.400em; line-height:60px;}
.sub-menu-tite div{padding:0 0 8% 0;}
.sub-menu-tite div p{padding:3% 0;}
.sub-menu-tite div h2{font-size:2.400em; margin-top:8%; letter-spacing:-0.050em;}
.sub-menu-tite div h2::after{background:none; display:none;}
.sub-menu-tite div ul li{padding:0 2%; font-size:1.4em;}
.sub-menu-tite div ul li::after{background-size:contain; height:9px; top:6px; right:-7px;}

/*인사말*/
.sub-box h4{font-size:3.000em;}
.sub-box p{font-size:1.800em; line-height:1.5; word-break:keep-all;}
.sub-box p.txt{word-break:break-all; padding:2% 0;}

.visi-box p{word-break:break-all;}
.visi-box p span{display:inline;}

.visi-box dl dd{width:32%;}
.visi-box dl dd img{width:100%;}

/*연혁및실적*/
dl.tab dd{width:43%;}

.history-wrap dl dd .data{font-size:3.000em;}
.history-wrap dl dd .data::after{background-size:34%; left:73%;}
.history-wrap dl dd .txt{font-size:1.500em; word-break:keep-all;}

.history-img1, .history-img2{height:140px;}
.history-img1::after, .history-img2::after{height:140px;}
.history-img1 p, .history-img2 p{font-size:3.000em; padding-top:12%;}

/*CI*/
.logo-box img{width:55%;}
.logo-tbox p{font-size:1.600em; line-height:1.5; word-break:keep-all; padding:2% 0;}
.logo-tbox dl dd{width:47%;}
.logo-tbox dl dd .color-box ul li:first-child{font-size:2.000em;}
.logo-tbox dl dd .color-box ul li:nth-child(2), .logo-tbox dl dd .color-box ul li:last-child{font-size:1.500em;}

/*연혁*/
.sub-box p.tit span{display:inline;}
dl.num-box dd span.red{padding:0 0 0 11%;}
dl.num-box dd span{padding-top:4%; padding-bottom:4%;}

dl.c-box dd{float:none;}
dl.c-box dd:first-child, dl.c-box dd:nth-child(3){width:100%; margin-right:0;}
dl.c-box dd:nth-child(2){width:100%;}
dl.c-box dd div.g-box{margin:6% 0 3% 0;}


/*sub02*/

/*depth*/
.sub-menu-depth{display:none;}
.sub-menu-depth ul li{padding:2% 1%;}

.sub-menu.cons ul li{width:50%;}

/*mobile_menu*/
.mobile{display:block;}
ul.m-menu{overflow:hidden; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; box-shadow:2px 6px 8px rgba(236,236,236,0.5);}
ul.m-menu li a.mtit{font-size:1.500em; margin:4%; display:block; color:#333; font-weight:600; position:relative;}
ul.m-menu li a.mtit::after{content:""; display:block; position:absolute; top:4%; right:0%; background: url("../images/sub/nav_arrow.png")no-repeat; transform:rotate( 90deg ); width:6px; height:12px;}

ul.m-menu li ul.mhide{background:#ffffff; font-size:1.100em; display:none; width:100%; border-top:solid 1px #ddd; overflow:hidden;}
ul.m-menu li ul.mhide li{font-size:1.400em; border-bottom: solid 1px #ddd; line-height:1.6; float:left; width:50%; border-right:solid 1px #ddd; box-sizing:border-box; letter-spacing:-1.5px;}
ul.m-menu li ul.mhide li:nth-child(2n){border-right:none;}
ul.m-menu li ul.mhide li:last-child{border-bottom:none;}
ul.m-menu li ul.mhide li a{display:block; padding:5%; box-sizing:border-box;}
ul.m-menu li ul.mhide li a:hover{background:#8c0000; color:#fff;}
ul.m-menu.depth3 li ul.mhide li:nth-child(5){border-bottom:0;}
ul.m-menu.depth4 li ul.mhide li:nth-child(5){border-bottom:0;}


/*공통*/
h2.tite{font-size:1.900em; padding:0 0 2% 8%;}
h5.p-tit{position:relative; padding:2% 0 4% 0;}
h3.btxt{font-size:1.900em;}
h3.tite::after{top:2px;}

.tbl{font-size:1.400em; margin:5% 0;}
.tbl td span{display:block; line-height:1.5;}

.ex-tbl{font-size:1.500em;}
.ex-tbl th{font-size:1.000em;}
.ex-tbl th span{display:block;}
.ex-tbl td{font-size:0.933em;}
.ex-tbl td ul li{padding-left:5%; font-size:0.933em;}

.ex-tbl td .gray-box p span{position:relative; padding-left:2%; color:#999;}

.w320{width:100% !important;}


dl.num{font-size:1.500em; margin:3% 0;}
dl.num dd{padding:0 0 1% 7%; line-height:1.5;}
dl.num dd::after{width:20px; height:20px; line-height:20px; padding-top:0; font-size:12px; top:5%;}
dl.num span{display:inline;}


#scont1 .cont_line{margin:4% 0;}


/*01_01*/
#scont1{margin:7% 5%;}
#scont1 .wrap p{font-size:1.500em; padding:2% 0; word-break:break-all;}
#scont1 .wrap p span{display:inline;}
#scont1 .wrap p.num-tit{font-size:1.063em; padding:3% 0 1% 0;}
#scont1 .wrap dl.truck-box dd ul li p span{display:block;}
#scont1 .wrap p.red{font-size:0.933em;}
#scont1 .wrap p.line{padding:0;}

.process-img{position:relative;}
.process-img img{width:100%;}
.process-img .original-img{display:block !important; background-color:rgba(0,0,0,0.8); position:absolute; right:0; text-align:center; padding:2% 3%; font-size:14px;}
.process-img .original-img a{color:#fff; display:block;}



dl.ibox.w25 dd, dl.ibox.w25 dd:last-child{width:49%; margin-right:2%;}
dl.ibox.w25 dd:nth-child(2n){margin-right:0;}

dl.product-box{margin:5% 0;}
dl.product-box dd{width:100%; float:none; height:auto;}
dl.product-box dd:nth-child(2){border-left:solid 1px #ddd;}

.ex-box h3.box-tite{width:100%; padding:2%;}
.ex-box h3.tite{font-size:1.600em;}
.ex-box h3.tite::after{top:2px;}

.ex-box .box{margin:3% 0;}
.ex-box .ibox{padding:3% 0;}
.ex-box .box h2{font-size:1.600em; padding:3%;}
.ex-box .box h2 span{padding:0; border-right:none;}
.ex-box .box h2 span.none{padding-top:1%;}

.ex-box .box .summary div{width:100%; float:none; padding:5% 3% 0 3%;}
.ex-box .box .summary div h2{font-size:1.600em; padding:0;}

.ex-box .t-box h4{font-size:1.700em;}
.ex-box .t-box .gary-box{font-size:1.500em;}
.ex-box .t-box .gary-box span.num{width:26%;}
.ex-box .t-box .gary-box span.dot-line::after{content: "-----------"; right:-10px; font-weight:400;}
.ex-box .t-box ul li.cont-line::before{top:95%;}
.ex-box .t-box ul li span.tit{padding-left:2%;}
.ex-box .t-box ul li::after{top:3px;}

dl.truck-box{font-size:1.400em;}
dl.truck-box dd h2{padding:0 0 1% 9%;}
dl.truck-box dd h2::after{width:25px; height:25px; padding-top:0; top:6%;}
dl.truck-box dd ul li{padding-left:5%; line-height:1.6; font-size:1.071em;}


dl.chart dd{width:100%; float:none; height:auto; margin-right:0; margin:2% 0 6% 0; line-height:3.0;}
dl.chart dd::after{transform: rotate( 90deg ); top:110%; right:50%;}

.pump-tbl{font-size:1.400em;}

/*01_02*/
dl.cont2-box dd{width:48.9%;}
dl.img-box dd{width:100%; float:none;}
dl.img-box dd:nth-child(2), dl.img-box dd:last-child{width:100%; margin-top:2%;}

/*01_03*/
.chara-box .chara-img{position:relative; width:50%; margin:2% 0;}

/*01_04*/
dl.hopper dd{float:none;}
dl.hopper.list1 dd:first-child, dl.hopper.list2 dd:first-child{width:100%;}
dl.hopper.list1 dd:last-child, dl.hopper.list2 dd:nth-child(2), dl.hopper.list2 dd:last-child{width:100%; margin-top:2%;}


/*01_05*/

dl.hopper.concrete dd:first-child{width:100%;}
dl.hopper.concrete dd:nth-child(2){width:100%; margin-top:2%;}
dl.hopper.concrete dd:last-child{width:100%; margin-top:2%;}

.chara-box.concrete{height:auto;}
.chara-box.concrete .chara-img{width:100%;}

/*01_06*/
dl.support dd{width:100%; float:none; margin-right:0;}
dl.support dd:last-child{width:100%;}

.chara-box.concrete.support .chara-img{top:0; position:relative; width:100%; margin:5% 0;}


/*01_07*/
dl.material dd{margin-right:0; float:none;}
dl.material dd:first-child{width:100%;}
dl.material dd:last-child{width:100%; margin-top:2%;}

dl.install-box dd{width:100%; float:none; margin-right:0; margin:2% 0;}
dl.install-box1 dd{width:100%; margin:2% 0;}


/*01_08*/
dl.mj-box dd{width:100%; float:none; margin-right:0; margin-bottom:2%;}

.chara-box .mj-img span, .chara-box .mj-img span.img{width:100%;}
.chara-box .mj-img span.img{margin-bottom:2%;}

dl.view-box dd{width:100%; margin-right:0;}
dl.view-box dd .ibox::after{display:none;}

#scont1 .wrap p.mj-box{}
#scont1 .wrap p.mj-box span{padding-bottom:3%; display:inline-block;}
#scont1 .wrap p.process-img.gbox{padding:0;}

/*01_09*/
dl.box dd{width:100%; margin-right:0%; float:none;}
dl.box dd:last-child{margin-top:2%;}
#scont1 .wrap p span.red{display:block;}


/*01_10*/
dl.set-box{margin:6% 0;}
dl.set-box dd .txt{font-size:1.400em;}
dl.set-box.list1 dd:first-child{width:49%; margin-right:1%;}
dl.set-box.list1 dd:nth-child(2){width:49%; margin-right:0;}
dl.set-box.list1 dd:nth-child(3){width:100%; margin-right:0;}
dl.set-box.list1 dd:nth-child(4){width:100%;}

dl.set-box.list2 dd:first-child{width:100%;}
dl.set-box.list2 dd:nth-child(2){width:100%; margin-top:2%;}
dl.set-box.list2 dd:last-child{width:100%; margin-top:2%;}



/*철제작품*/

/*02_01*/
dl.work-box-list.w25 dd:first-child{width:100%;}
dl.work-box-list.w25 dd:last-child{width:100%;}

dl.work-box-list.w33 dd{width:100%; margin-right:0;}
dl.work-box-list.w33 dd:nth-child(2){width:100%; margin-right:0;}
dl.work-box-list.w33 dd:last-child{width:100%;}
dl.work-box-list dd .txt{font-size:1.600em; padding:3% 0;}

.work-box .txt{font-size:1.600em; padding:3% 0;}
.work-box .process-img{margin:2% 0;}

/*02_03*/
h4.txt-line{font-size:1.800em; padding-left:3%; margin-bottom:5%; margin-top:5%;}
h4.txt-line::after{height:25px;}

.die-tbl{font-size:1.300em;}
.die-tbl th{font-size:1.000em;}
.die-tbl td span{line-height:1.6;}

dl.g-num{margin:3% 0;}
dl.g-num dd{padding:0 0 1% 8%; line-height:1.5;}
dl.g-num dd::after{width:20px; height:20px; font-size:0.8em; top:10%; padding-top:0;}

ul.dei-list li{font-size:1.5em; padding-left:3%;}

#scont1 .wrap p.red.die-t{font-size:1.400em;}

/*02_04*/
.pipe-box{height:auto;}
.chara-box.pipe-box .chara-img{width:100%;}

/*02_07*/
.tr-box .left{width:100%; margin-right:0; float:none;}
.tr-box .right{width:100%; float:none;}
.tr-box .right ul{line-height:1.8;}

.tr-box dl.g-num dd{padding:0 0 2% 7%;}
.tr-box dl.g-num dd::after{top:8%;}


/*02_08*/
dl.cover-box dd{width:100%; float:none;}
dl.cover-box dd:last-child{margin-top:5%;}


/*02_10*/
dl.danger-box dd{width:100%; float:none; margin:5% 0;}
dl.danger-box dd:nth-child(2n){width:100%;}

/*02_11*/
#scont1 .wrap p.fix-box{width:60%;}

/*sub03*/

/*03_01*/
dl.clamp-box dd{width:50%;}
dl.clamp-box dd:nth-child(2n){border-left:none; width:49.7%;}
dl.clamp-box dd .txt{font-size:1.500em;}
.clamp-tbl{font-size:1.067em;}
.clamp-tbl th{font-size:1.000em;}

/*03_02*/
dl.cover-box.fold dd{width:100%; float:none;}
dl.cover-box.fold dd:last-child{width:100%; margin-left:0;}

.fold-tbl th{padding:4%; font-size:1.000em;}
.fold-tbl td{padding:4% 0;}
dl.fold-box-under dd div{line-height:7.5;}

.fold-tbl th span{display:block;}
.fold-tbl th span.unit{font-size:12px; color:#555;}

/*03_03*/
dl.brack-box dd{width:100%; margin-right:0%; margin-bottom:3%;}
dl.brack-box dd img{width:100%;}

/*sub04*/

/*04_01*/
.brock-box .left, .winch .left{width:100%; margin-right:0; float:none;}
.brock-box .right, .winch .right{width:100%; margin-left:0; float:none;}
.winch .right{margin-top:5%;}
.winch-tbl{font-size:14px;}

/*04_03*/
dl.brack-box.upbracket dd:last-child{width:100%;}

/*04_05*/
.line-tbl td{padding-left:4%;}
.line-tbl td.gray span{color:#333;}
.line-tbl td span{display:block; line-height:1.5; color:#555; letter-spacing:0;}


dl.brack-box.jivm{overflow:hidden;}
dl.brack-box.jivm dd{width:100%; float:none;}
dl.brack-box.jivm dd:last-child{width:100%;}


/*sub05*/

/*05_01*/
dl.normal-box dd{margin-right:1%; width:49.5%;}
dl.normal-box dd:nth-child(3), dl.normal-box dd:nth-child(10){margin-right:1%;}
dl.normal-box dd:nth-child(2), dl.normal-box dd:nth-child(6), dl.normal-box dd:nth-child(9){margin-right:0;}
dl.normal-box dd:nth-child(4), dl.normal-box dd:nth-child(11){margin-right:0%;}
dl.normal-box dd:nth-child(7){width:100%;}
dl.normal-box dd:last-child{width:100%;}
dl.normal-box dd .txt{font-size:1.500em;}

/*05_02*/
dl.buck-box dd{width:100%; float:none; margin-right:0;}

dl.belt-img{margin-top:4%;}
dl.belt-img dd{width:49%;}
dl.belt-img dd:nth-child(2){margin-right:0;}


/*05_03*/
dl.safe-box dd{width:49%;}
dl.safe-box dd:nth-child(2){margin-right:0;}
dl.safe-box dd .txt{font-size:1.500em;}


/*05_04*/

dl.sprayer-box dd{width:49.5%;}
dl.sprayer-box dd:nth-child(2){margin-right:0;}
dl.sprayer-box dd:last-child{width:100%; margin-top:1%;}

.sprayer-tbl{font-size:1.400em;}
.sprayer-tbl td{padding:2% 0;}
.sprayer-tbl.mist th span, .sprayer-tbl.mist td span{display:block;}
.sprayer-tbl.mist td{padding:2% 0; line-height:1.4;}


/*05_06*/
.air-box .left{width:100%; margin-right:0; float:none; margin:2% 0 4% 0;}
.air-box .right{width:100%;}
.air-box .right .sprayer-tbl th span{display:inline;}

/*05_07*/
.elect-box .left{width:100%; margin-right:0; float:none;}
.elect-box .right{width:100%; float:none; margin-top:3%;}

.elect-box .right .sprayer-tbl th{padding:3% 2%;}
.elect-box .right .sprayer-tbl td{padding:5% 0;}

.elect-box .right .sprayer-tbl.pd-13 th{padding:3% 2%;}
.elect-box .right .sprayer-tbl.pd-13 td{padding:5% 0;}

.ham-box .left{width:100%; margin-right:0; float:none;}
.ham-box .right{width:100%; margin-left:0; float:none;}


.sprayer-tbl td span i{font-size:0.938em; display:block;}

.elect-box .right .sprayer-tbl.ipack th{padding:3% 2%;}
.elect-box .right .sprayer-tbl.ipack td{padding:4% 2%;}

.elect-box .right .sprayer-tbl.pack-kg td{padding:3% 2%;}


/*sub05_community*/

/*03*/
.sub-bg{height:220px; background-size:cover; background-position:52% 50%;}
.sub-bg .wrap h4{font-size:3.200em;}
.sub-bg .wrap p{font-size:1.600em;}

dl.banner-box dd{width:49%; margin-bottom:2%}
dl.banner-box dd:nth-child(2){margin-right:0;}

dl.partner-box dd{width:32.3%;}
dl.partner-box dd:nth-child(3n){margin-right:0;}
dl.partner-box dd .txt{font-size:14px;}

.wrap.bbs .cont_line{padding:2% 0;}


/*04*/
.sub-bg.bg2{height:220px; background-size:cover; background-position:52% 50%; text-shadow:-2px 0 #F2F1F6, 0 2px #F2F1F6, 2px 0 #F2F1F6, 0 -2px #F2F1F6;}
dl.biz-box dd{width:100%; margin-right:0; margin-bottom:2%;}

/*21-01-22추가*/

.sub-menu ul li:nth-child(3) span:nth-child(1){padding-top:13%;}
.sub-menu ul li:nth-child(3) span:nth-child(2){padding-bottom:9%;}
.sub-menu ul li:nth-child(3) span{display:block; line-height:1.4;}

.sub-menu-tite div ul li:first-child img{width:100%;}
}

@media all and (max-width:375px){

/*공통*/
h3.tite{font-size:1.600em; padding-left:7%;}
h3.tite::after{top:2px;}
h3.btxt{font-size:1.600em;}
h2.tite{font-size:1.800em; padding:0 0 2% 10%;}
h2.tite::after{top:0;}

.sub-menu{height:56px;}
.sub-menu ul li{font-size:1.200em; line-height:56px;}
.sub-menu ul li span{display:block; line-height:1.3;}
.sub-menu ul li:first-child a, .sub-menu ul li:nth-child(2) a {padding:18% 0;}
.sub-menu.m2 ul li:nth-child(3) a, .sub-menu.m2 ul li:nth-child(4) a {padding:18% 0;}

.sub-menu.cons ul li:first-child a, .sub-menu.cons ul li:nth-child(2) a{padding:0;}

.sub-menu.w50{}
.sub-menu.w50 ul li:first-child a, .sub-menu.w50 ul li:nth-child(2) a{padding:0;}

.sub-menu.w25 ul li:first-child a, .sub-menu.w25 ul li:nth-child(2) a{padding:0;}

.sub-menu-tite div h2{font-size:2.400em;}
.sub-menu-tite div p{font-size:1.400em;}
.sub-menu-tite div ul li{font-size:1.200em}
.sub-menu-tite div ul li:first-child img{width:80%; /*top:3px;*/}

ul.m-menu li ul.mhide li{line-height:2.5; font-size:1.200em;}
ul.m-menu li ul.mhide li a{padding:3%;}



/*인사말*/
.sub-box h4{font-size:2.600em;}
.sub-box p{font-size:1.600em; padding:3% 0;}
.sub-box p.txt{font-size:1.500em;}
.sub-box p.sign{font-size:1.400em;}

.visi-box .right{text-align:left; margin-top:4%;}
.visi-box h4, .build-box h4{font-size:1.600em;}
.visi-box h4 span, .build-box h4 span{display:block;}
.visi-box p, .build-box p{font-size:0.944em;}


/*연혁및실적*/
.history-wrap dl dd{border-bottom:dashed 1px #ddd;}
.history-wrap dl dd:last-child{border-bottom:none;}
.history-wrap dl dd::after{display:none;}
.history-wrap dl dd div{float:none;}
.history-wrap dl dd .data{font-size:2.500em; width:100%; padding-top:3%;}
.history-wrap dl dd .data::after{display:none;}
.history-wrap dl dd .txt{width:100%; padding-left:0;}

/*ci*/
.logo-tbox p{font-size:1.500em;}
.logo-tbox dl dd .color-box ul li:first-child{font-size:1.800em;}
.logo-tbox dl dd .color-box ul li:nth-child(2), .logo-tbox dl dd .color-box ul li:last-child{font-size:1.300em;}


/*연혁*/
dl.num-box dd span{font-size:0.941em; line-height:1.4;}
dl.c-box dd div.g-box{font-size:1.600em;}


/*sub02*/

/*01_01*/
dl.num dd{padding:0 0 2% 9%;}
dl.num dd::after{width:20px; height:20px; padding-top:0; font-size:12px; top:5%;}
dl.ibox dd{float:none; width:100%;}
dl.ibox dd:last-child{width:100%; margin-top:2%;}
dl.ibox.w25 dd, dl.ibox.w25 dd:last-child{width:100%; margin-right:0;}

.ex-box .box .summary div ul li{padding-left:8%;}

.ex-tbl th, .ex-tbl td, .ex-tbl td ul li, .pump-tbl{font-size:12px;}
.ex-tbl td .gray-box p{font-size:12px !important;}

dl.chart dd::after{top:109%; background-size:cover; width:8px; height:9px;}


/*01_02*/
dl.cont2-box dd{width:100%; float:none; margin-right:0; box-sizing:border-box; margin-bottom:2%;}

.tbl th{font-size:15px;}



/*sub03*/

/*03_01*/
dl.clamp-box dd{width:100%;}
dl.clamp-box dd:nth-child(2n){border-left:solid 1px #ddd; width:100%;}
dl.clamp-box dd .txt{font-size:1.400em;}

/*03_02*/
dl.fold-box dd{width:100%; float:none; margin-bottom:5%;}
.fold-tbl{font-size:1.3000em;}

.sprayer-wrap .clamp-tbl{width:500px;}

dl.fold-box-under dd span{display:block;}

/*sub04*/

/*04_01*/
.brock-box .left h3.tite, .brock-box .right h3.tite{padding-left:7%;}


/*04_05*/
.line-tbl{font-size:1.400em;}

/*Sub05*/

/*05_04*/

.sprayer-wrap{overflow-x:auto;}
.sprayer-wrap .sprayer-tbl{width:520px;}
.scroll_txt{display:block; text-align:right; font-size:1.300em; letter-spacing:0; color:#999;}

dl.safe-box dd .txt{font-size:1.400em;}


/*05_06*/
.air-box .right .sprayer-tbl th span{display:block; line-height:1.4;}

/*sub05_community*/

/*03*/
.sub-bg{height:180px; background-position:52% 50%;}
.sub-bg .wrap h4{font-size:2.600em;}
.sub-bg .wrap p{font-size:1.500em;}

dl.banner-box dd{width:100%; margin-right:0; float:none;}
dl.partner-box dd{width:100%; margin-right:0; float:none; margin-bottom:2%;}

/*04*/
.sub-bg.bg2{height:180px; background-position:52% 50%;}

}

@media (max-width: 320px){

.sub-menu ul li:first-child a, .sub-menu ul li:nth-child(2) a, .sub-menu.m2 ul li:nth-child(3) a, .sub-menu.m2 ul li:nth-child(4) a {padding: 20% 0;}

}