@charset "utf-8";

/*공통*/
h2.tite{font-size:22px; margin:5% 0 3% 0; padding:0 0 2% 3%; position:relative; color:#8c0000; border-bottom:solid 1px #ddd; font-family:'s-core-dream-regular', sans-serif;}
h2.tite::after{content:""; background:url("../images/sub/bullet_1.jpg")no-repeat; width:22px; height:22px; position:absolute; top:4px; left:0;}
.red{color:#8c0000;}
h3.tite{font-size:20px; position:relative; padding-left:20px;}
h3.tite::after{content:""; background:url("../images/sub/bullet_2.png")no-repeat; width:17px; height:17px; position:absolute; top:4px; left:0;}
h3.btxt{font-size:24px; font-family:'s-core-dream-regular', sans-serif;}
h5.p-tit{font-family:'s-core-dream-regular', sans-serif; font-size:15px; position:absolute; top:0; right:0;}
h4.txt-line{font-family:'s-core-dream-regular', sans-serif; font-size:23px; padding-left:2%; position:relative; border-bottom:solid 1px #8c0000; margin-bottom:2%;}
h4.txt-line::after{content:""; background:url("../images/sub/bullet_btite.jpg")no-repeat; width:7px; height:31px; position:absolute; top:0; left:0;}


dl.num-box{font-size:17px;}
dl.num-box dd{padding:0 0 3% 0;}
dl.num-box dd span.red{font-size:19px; font-weight:600; position:relative; padding:0 2% 0 3.5%;}
dl.num-box dd span.red::after{width:30px; height:30px; background:#8c0000; color:#fff; font-size:14px; position:absolute; top:-4px; left:0; text-align:center; box-sizing:border-box; padding-top:6px;}
dl.num-box dd:first-child span.red::after{content:"01"; }
dl.num-box dd:nth-child(2) span.red::after{content:"02";}
dl.num-box dd:nth-child(3) span.red::after{content:"03";}
dl.num-box dd:nth-child(4) span.red::after{content:"04";}
dl.num-box dd:nth-child(5) span.red::after{content:"05";}
dl.num-box dd:nth-child(6) span.red::after{content:"06";}

dl.num{font-size:16px; margin:2% 0 0 0;}
dl.num span{display:block;}
dl.num dd{position:relative; padding:0 0 1% 3.5%; line-height:1.6;}
dl.num dd::after{width:30px; height:30px; line-height:30px; background:#8c0000; color:#fff; font-size:14px; position:absolute; top:0; left:0; text-align:center; box-sizing:border-box;}
dl.num dd:first-child::after{content:"01"; }
dl.num dd:nth-child(2)::after{content:"02";}
dl.num dd:nth-child(3)::after{content:"03";}
dl.num dd:nth-child(4)::after{content:"04";}
dl.num dd:nth-child(5)::after{content:"05";}
dl.num dd:nth-child(6)::after{content:"06";}

.tbl{font-size:15px; text-align:center; margin:2% 0;}
.tbl th{background:#f5f5f5; padding:1.5% 0; font-weight:500; font-size:17px; border-right:solid 1px #fff;}
.tbl th:last-child{border-right:none;}
.tbl td{padding:1.5% 0; border-bottom:solid 1px #ddd;}
.tbl .end-line td{border-bottom:solid 2px #ddd;}

.ex-tbl{width:100%; border:solid 1px #ddd; font-size:15px; box-sizing:border-box; text-align:center; margin: 3% 0 5% 0;}
.ex-tbl th{background:#f5f5f5; padding:2% 0; font-size:17px; font-weight:500; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.ex-tbl td{padding:2% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;} 
.ex-tbl td ul{text-align:left; padding:4%;}
.ex-tbl td ul li{position:relative; line-height:1.6; padding-left:3%;}
.ex-tbl td ul li::after{content:"-"; font-size:14px; position:absolute; top:0; left:0;}
.ex-tbl td .gray-box{background:#f5f5f5; padding:3% 5%; margin:2% 0;}
.ex-tbl td .gray-box p{padding:0 !important; font-size:14px !important; position:relative;}
.ex-tbl td .gray-box p span{display:inline-block !important; position:absolute; top:0; right:0;}
.ex-tbl td .gray-box p.end-cash{border-top:solid 1px #ddd; text-align:right;}

.die-tbl{font-size:15px; text-align:center; margin:2% 0; border-top:solid 2px #ddd;}
.die-tbl th{background:#f5f5f5; padding:2% 0; font-weight:500; font-size:17px; border-right:solid 1px #fff; border-bottom:solid 1px #ddd;}
.die-tbl th:last-child{border-right:none;}
.die-tbl td{padding:3% 0; border-bottom:solid 1px #ddd;}
.die-tbl td.blue{background:#f4f5ff;}
.die-tbl td span{display:block; line-height:39px;}
.die-tbl .end-line td{border-bottom:solid 2px #ddd;}

.die-box .left{width:49%; margin-right:1%;}
.die-box .right{width:49%; margin-left:1%;}


.line{border:solid 1px #ddd; box-sizing:border-box;}
.w320{width:320px !important;}

#scont1 .wrap .process-img .original-img{display:none;}
.mobile{display:none;}
.pb8{padding-bottom:8% !important;}

.wrap.bbs{margin-top:3%; min-height:450px;}

/*content*/
.sub-img{width:100%; overflow:hidden;}

/*subVisual*/
.bg1{background:url("../images/sub/sub_tit01.jpg")repeat-x 50% 50%; width:100%; height:130px;}
.bg2{background:url("../images/sub/sub_tit02.jpg")repeat-x 50% 50%; width:100%; height:130px;}
.bg3{background:url("../images/sub/sub_tit03.jpg")repeat-x 50% 50%; width:100%; height:130px;}
.bg4{background:url("../images/sub/sub_tit04.jpg")repeat-x 50% 50%; width:100%; height:130px;}
.bg5{background:url("../images/sub/sub_tit05.jpg")repeat-x 50% 50%; width:100%; height:130px;}

/*Sub_Menu*/
.sub-menu{background:#8c0000; width:100%; height:60px;}
.sub-menu ul{width:1100px; margin:0 auto;}
.sub-menu ul li{width:20%; float:left; line-height:60px; font-size:16px; text-align:center; font-weight:600;}
.sub-menu ul li a{color:#fff; display:block; transition:1s;}
.sub-menu ul li a.on{background:#f6f6f6; color:#8c0000;}
.sub-menu ul li a:hover{background:#f6f6f6; color:#8c0000;}

.sub-menu-tite{background:#f6f6f6; width:100%; overflow:hidden;}
.sub-menu-tite div{width:1100px; margin:0 auto; text-align:center; padding:0 0 2% 0;}
.sub-menu-tite div h2{font-size:25px; font-weight:600; margin-top:4%; letter-spacing:-1.8px; position:relative;}
.sub-menu-tite div h2::after{content:""; background:url("../images/sub/red_bar.png") no-repeat; width:30px; height:1px; position:absolute; bottom:-21%; left:49%;}
.sub-menu-tite div p{font-size:16px; padding:2% 0;}

.sub-menu-tite div ul{overflow:hidden; margin-top:2%;}
.sub-menu-tite div ul li{display:inline-block; /*width:84px;*/ padding:0 1%; font-size:15px; line-height:1.5; position:relative; vertical-align:top;}
.sub-menu-tite div ul li::after{content:""; background:url("../images/sub/nav_arrow.png")no-repeat; width:6px; height:12px; position:absolute; top:5px; right:-5px;}
.sub-menu-tite div ul li:last-child::after{background:none;}

/*.sub-menu-tite div ul li:first-child{width:58px;}*/
.sub-menu-tite div ul li:first-child img{position:absolute; top:0; right:26%;}

/*.sub-menu-tite div ul.comu li:last-child{width:100px;}*/

/*depth*/
.sub-menu-depth{border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.sub-menu-depth ul{width:1100px; margin:0 auto; padding:2% 0 1%; overflow:hidden; font-size:16px; line-height:16px; color:#555; font-weight:500;}
.sub-menu-depth ul li{float:left; position:relative; padding:0 3% 2% 0;}
.sub-menu-depth ul li::after{content:""; position:absolute; top:0; right:14px; background:url("../images/sub/sub_mline.jpg")no-repeat; width:1px; height:16px;}
.sub-menu-depth ul li:last-child::after{background:none;}

.sub-menu-depth ul li a{display:block;}
.sub-menu-depth ul li a:hover{color:#8c0000;}
.sub-menu-depth ul li a.on{color:#8c0000;}


.sub-menu-depth.depth2 ul li{padding:0 3% 1.5% 0;}
.sub-menu-depth.depth2 ul li::after{right:16px;}

.sub-menu-depth.depth3 ul li{padding:0 5% 1.5% 0;}
.sub-menu-depth.depth3 ul li::after{right:26px;}

.sub-menu-depth.depth4 ul li{padding:0 6% 1.5% 2%;}
.sub-menu-depth.depth4 ul li:first-child{padding:0 7% 1.5% 0%;}
.sub-menu-depth.depth4 ul li::after{/*right:37px;*/top:4%; right:22px;}

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


/*.sub-menu.w50 ul li{width:50%;}*/
.sub-menu.w25 ul li{width:25%;}

/*회사소개*/

/*CEO인사말*/

/*Greeting Message*/
.sub-box{text-align:center; overflow:hidden; margin:5% 0;}
.sub-box h4{font-family:'Raleway', sans-serif; font-weight:600; font-size:35px; letter-spacing:0;}
.sub-box h4 span, .sub-box p.txt span{display:block;}
.sub-box p{font-size:19px; color:#555; letter-spacing:-1.2px; padding:2% 0;}
.sub-box p.txt{font-size:17px; line-height:1.6; padding:0 0 1% 0;}
.sub-box p.sign{font-size:16px; font-family: 'Nanum Myeongjo', serif;}
.sub-box p.sign i{font-size:21px; font-weight:600; padding-left:1%}

.cont_line{background:url("../images/sub/bottom_line.png")no-repeat; width:100%; height:5px;}


/*Vision*/
.visi-box{overflow:hidden; padding:6% 0; font-size:18px;}
.visi-box h4{font-size:30px; font-family:'Raleway', sans-serif; letter-spacing:0;}
.visi-box h4 i{font-size:35px;}
.visi-box p{line-height:1.6; color:#555; padding-top:5%;}
.visi-box p span{display:block;}
.visi-box dl{overflow:hidden; padding-top:10%;}
.visi-box dl dd{float:left; width:33.3%;}

/*bulid-biz*/
.build-box{background:#f5f5f5; height:440px; font-size:18px; overflow:hidden;}
.build-box .left{padding-top:10%;}
.build-box .right{position:relative;}
.build-box .right::after{content:""; background:url("../images/company/sub01_img03.jpg") no-repeat; width:960px; height:440px; position:absolute; top:0; left:0;}

.build-box h4{font-size:30px; font-family:'Raleway', sans-serif; letter-spacing:0;}
.build-box p{line-height:1.6; color:#555; padding-top:5%;}
.build-box p span{display:block;}


/*연혁및실적*/
dl.tab{overflow:hidden; font-size:17px; font-weight:500; text-align:center;}
dl.tab dd{background:#f5f5f5; padding:1% 2%; border:solid 1px #ddd; display:inline-block; width:13%; text-align:center;}
dl.tab dd:last-child{margin-left:-6px; background:#fff;}
dl.tab dd a{display:block;}


.history-wrap{width:100%;}
.history-img1{position:relative; height:321px;}
.history-img1::after{content:""; position:absolute; top:0; left:0; width:100%; height:321px; background:url("../images/company/sub02_img01.jpg")no-repeat;}
.history-img1 p{width:1100px; margin:0 auto; position:relative; z-index:1; color:#fff; font-size:43px; font-family:'s-core-dream-medium', sans-serif; text-align:center; padding-top:8%; text-shadow:7px 7px 6px rgba(0,0,0,0.5);}

.history-wrap dl{position:relative; width:100%; margin:7% 0;}
.history-wrap dl dd{position:relative; overflow:hidden; clear:both; padding:0 0 6% 0;}
.history-wrap dl dd::after{content:""; background:url("../images/sub/sub_mline.jpg") repeat-y; position:absolute; width:1px; height:100%; top:0; left:21.8%;}
.history-wrap dl dd div{float:left;}
.history-wrap dl dd .data{font-size:43px; font-style:italic; font-family:'s-core-dream-medium', sans-serif; position:relative; width:23%;}
.history-wrap dl dd .data::after{content:""; background:url("../images/sub/h_bullet.png")no-repeat; width:107px; height:13px; position:absolute; top:0; left:55%; z-index:1;}
.history-wrap dl dd .txt{float:left; width:77%; position:relative; font-size:17px; line-height:1.8; padding-left:3%; box-sizing:border-box;}

.history-img2{position:relative; height:321px;}
.history-img2::after{content:""; position:absolute; top:0; left:0; width:100%; height:321px; background:url("../images/company/sub02_img02.jpg")no-repeat;}
.history-img2 p{width:1100px; margin:0 auto; position:relative; z-index:1; color:#fff; font-size:43px; font-family:'s-core-dream-medium', sans-serif; text-align:center; padding-top:8%; text-shadow:7px 7px 6px rgba(0,0,0,0.5);}

/*CI*/
.logo-box{border:solid 1px #ddd; margin:5% 0 2% 0; padding:6% 0; text-align:center; position:relative;}
.logo-box img{position:relative; z-index:1;}
.logo-box::after{content:"";background:url("../images/company/check_pattern.png")repeat; width:100%; height:100%; position:absolute; top:0; left:0;}

.logo-tbox{overflow:hidden; margin-top:3%;}
.logo-tbox p{font-size:16px; padding:1% 0;}


.logo-tbox dl{overflow:hidden; margin:2% 0 8% 0;}
.logo-tbox dl dd{float:left; width:30.3%; margin-right:3%}
.logo-tbox dl dd .color{height:70px;}
.logo-tbox dl dd:first-child .color{background:#0c0506;}
.logo-tbox dl dd:nth-child(2) .color{background:#f19802;}
.logo-tbox dl dd:last-child .color{background:#e50114;}

.logo-tbox dl dd .color-box ul{overflow:hidden; padding-top:3%;}
.logo-tbox dl dd .color-box ul li:first-child{font-size:22px; font-family:'Raleway', sans-serif; font-weight:900; padding:3% 0 2% 0; letter-spacing:0;}
.logo-tbox dl dd .color-box ul li:nth-child(2), .logo-tbox dl dd .color-box ul li:last-child{font-size:16px; color:#555; line-height:1.5;}
.logo-tbox dl dd .color-box ul li:last-child{padding-bottom:8%;}

/*인증현황*/
.sub-box p.tit{padding:2% 0 5% 0;}
.sub-box p.tit span{display:block; line-height:1.5;}
.cert-img{padding:0 0 3% 0;}

dl.c-box{width:100%; overflow:hidden; margin:0 0 5% 0;}
dl.c-box dd{float:left;}
dl.c-box dd:first-child, dl.c-box dd:nth-child(3){width:624px; margin-right:34px;}
dl.c-box dd:nth-child(2){width:437px;}
dl.c-box dd:last-child{width:203px;}

dl.c-box dd div.g-box{background:#f5f5f5; border:solid 1px #ddd; font-size:18px; text-align:center; line-height:2.5; margin:50px 0 10px 0;}

/*오시는길*/
.map-wrap{background:url("../images/company/sub05_img01.jpg")no-repeat; width:100%;}

#map{padding-top:410px; position:relative;}
#map::after{content:""; background-color:rgba(0,0,0,0); width:1060px; height:470px; position:absolute; bottom:32px; left:0; z-index:1;}
.adrs-box{width:85%; padding-left:15%; margin:5% 0; position:relative;}
.adrs-box:after{content:""; background:url("../images/company/sub05_ico01.png")no-repeat; width:104px; height:104px; position:absolute; top:0; left:0; }
.adrs-box h4{font-size:18px; border-bottom:solid 1px #ddd; padding:1% 0;}

.adrs-box dl{font-size:16px; overflow:hidden; padding:1% 0;}
.adrs-box dl dd{float:left; width:50%; line-height:2.5;}
.adrs-box dl dd .tit{position:relative; padding-right:2%; font-weight:600;}
.adrs-box dl dd .tit::after{content:"|"; color:#ddd; position:absolute; right:0; font-weight:200;}
.adrs-box dl dd .txt{padding-left:2%; letter-spacing:0;}


/*제품소개*/

/*철제작특허품*/
#scont1{width:100%; position:relative;}
#scont1 .wrap p{font-size:16px; color:#555; padding:1% 0; line-height:1.6; word-break:keep-all;}
#scont1 .wrap p.red{color:#8c0000; padding:0 0 1% 0; text-align:left; clear:both;}
#scont1 .wrap p span{display:block;}
#scont1 .cont_line{margin:2% 0;}
#scont1 .wrap p.img-p{padding:2% 0;}

dl.ibox{overflow:hidden; margin:1% 0;}
dl.ibox dd{float:left; width:513px; border:solid 1px #ddd; box-sizing:border-box; margin-right:15px;}
dl.ibox dd:last-child{margin-right:0; width:572px;}

dl.ibox.w25 dd{width:23.6%; border:none; padding:0 0 1% 0;}
dl.ibox.w25 dd:last-child{width:25%;}

dl.product-box{overflow:hidden; width:100%; margin:2% 0;}
dl.product-box dd{float:left; width:50%; height:270px; border:solid 1px #ddd; box-sizing:border-box;  font-size:15px;}
dl.product-box dd:nth-child(2){border-left:0;}
dl.product-box dd .gbox{background:#f5f5f5; border-bottom:solid 1px #ddd; text-align:center; font-size:17px; padding:4% 0;}
dl.product-box dd .rbox{background:url("../images/product/01/sub02_01_pattern.png") repeat #8c0000; color:#fff; border-bottom:solid 1px #ddd; text-align:center; font-size:17px; padding:4% 0;}
dl.product-box dd .list{padding:5%;}
dl.product-box dd .list ul li{position:relative; padding-left:2%; line-height:1.8;}
dl.product-box dd .list ul li::after{content:"-"; font-size:15px; position:absolute; top:0; left:0;}

.ex-box{overflow:hidden; margin:2% 0;}
.ex-box h3.box-tite{background:#f5f5f5; font-size:15px; font-family:'s-core-dream-regular', sans-serif; width:80px; padding:1%; text-align:center;}
.ex-box h3.tite{margin:2% 0 0 0;}
.ex-box .box{width:100%; border:solid 1px #ddd; box-sizing:border-box; margin:1% 0; overflow:hidden;}
.ex-box .box h2{font-size:17px; font-weight:400; border-bottom:solid 1px #ddd;}
.ex-box .box h2 span{display:inline-block; padding:2% 2% ; border-right:solid 1px #ddd;}
.ex-box .box h2 span.none{border-right:none;}

.ex-box .box .summary{overflow:hidden; padding:1% 5%; border-bottom:solid 1px #ddd;}
.ex-box .box .summary div{float:left; width:50%; padding:3%; box-sizing:border-box;}
.ex-box .box .summary div h2{border-bottom:none; font-size:17px;}
.ex-box .box .summary div ul{font-size:15px; padding:3% 0;}
.ex-box .box .summary div ul li{position:relative; line-height:2.0; padding-left:5%; color:#555;}
.ex-box .box .summary div ul li::after{content:"■"; color:#555; font-size:14px; position:absolute; top:0; left:0;}

#scont1 .wrap p.num-tit{font-family:'s-core-dream-medium', sans-serif; font-size:18px; padding:0;}
#scont1 .wrap .ex-box .t-box p{padding:0; font-size:15px;}

.ex-box .t-box{margin:2% 0; padding:5% 3%; border:solid 1px #ddd; overflow:hidden;}
.ex-box .t-box h4{font-family:'s-core-dream-regular', sans-serif; font-size:20px; padding:0 0 2% 0;}
.ex-box .t-box ul{font-size:16px; margin:2% 0;}
.ex-box .t-box ul li{border-bottom:solid 1px #ddd; position:relative; padding:0 0 1% 1%; line-height:2.4;}
.ex-box .t-box ul li::after{content:"*"; font-size:14px; position:absolute; top:0; left:0;}
.ex-box .t-box ul li:nth-child(3){border-bottom:none;}
.ex-box .t-box ul li.cont-line{position:relative;}
.ex-box .t-box ul li.cont-line::before{content:""; background:url("../images/sub/bottom_line.png")no-repeat; width:100%; height:5px; position:absolute; top:100%; left:0;}

.ex-box .t-box ul li span{display:inline-block;}
.ex-box .t-box ul li span.tit{font-weight:600;}
.ex-box .t-box ul li span.txt{padding-left:2%;}

.ex-box .t-box .ibox{margin:3% 0;}
.ex-box .t-box .ibox .gbox{background:#f5f5f5; text-align:center; padding:2% !important; margin-top:3%;}
.ex-box .t-box .gary-box{background:#f5f5f5; font-size:16px; padding:3%; margin:2% 0; letter-spacing:0; line-height:1.6; font-weight:600;}
.ex-box .t-box .gary-box span{display:inline-block;}
.ex-box .t-box .gary-box span.dot-line{position:relative; width:38%;}
.ex-box .t-box .gary-box span.dot-line::after{content:"--------------------------------------"; font-size:16px; color:#999; position:absolute; top:0; right:-15px; letter-spacing:0.1px;}
.ex-box .t-box .gary-box span.num{width:12%; text-align:right;}
.ex-box .ibox{padding:1% 0 5% 0;}

dl.truck-box{font-size:16px; margin:2% 0 0 0;}
dl.truck-box dd{line-height:1.6; padding:1% 0;}
dl.truck-box dd h2{position:relative; padding:0 0 1% 4%;}
dl.truck-box dd h2::after{width:30px; height:30px; background:#8c0000; color:#fff; font-size:14px; position:absolute; top:0; left:0; text-align:center; box-sizing:border-box; padding-top:4px;}
dl.truck-box dd:first-child h2::after{content:"01"; }
dl.truck-box dd:nth-child(2) h2::after{content:"02";}
dl.truck-box dd:nth-child(3) h2::after{content:"03";}
dl.truck-box dd:nth-child(4) h2::after{content:"04";}
dl.truck-box dd:nth-child(5) h2::after{content:"05";}

dl.truck-box dd ul{padding:1% 0;}
dl.truck-box dd ul li{position:relative; padding-left:2%; line-height:1.8;}
dl.truck-box dd ul li::after{font-size:16px; position:absolute; top:0; left:0; text-align:center;}
dl.truck-box dd ul li:first-child::after{content:"①";}
dl.truck-box dd ul li:nth-child(2)::after{content:"②";}
dl.truck-box dd ul li:nth-child(3)::after{content:"③";}
dl.truck-box dd ul li:nth-child(4)::after{content:"④";}
dl.truck-box dd ul li:nth-child(5)::after{content:"⑤";}
dl.truck-box dd ul li p{padding:0 !important; color:#666 !important; font-size:15px !important;}
dl.truck-box dd p.line{margin:1% 0;}

dl.chart{width:100%; overflow:hidden; margin:2% 0;}
dl.chart dd{float:left; width:23%; text-align:center; font-size:18px; height:76px; line-height:4.0; margin-right:2.6%; box-sizing:border-box; position:relative;}
dl.chart dd::after{content:""; background:url("../images/product/01/sub02_01_arrow.png")no-repeat; width:12px; height:13px; position:absolute; top:42%; right:-9%;}
dl.chart dd:last-child::after{background:none;}
dl.chart dd:last-child{margin-right:0;}
dl.chart dd:first-child, dl.chart dd:nth-child(3){background:url("../images/product/01/sub02_01_pattern.png")repeat#8c0000; color:#fff;}
dl.chart dd:nth-child(2), dl.chart dd:nth-child(4){border:solid 2px #8c0000; color:#8c0000;}

.pump-tbl{width:100%; border:solid 1px #ddd; font-size:15px; box-sizing:border-box; text-align:center; margin: 3% 0;}
.pump-tbl th{background:#f4f5ff; padding:2% 0; font-weight:500; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.pump-tbl td{padding:2% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.pump-tbl tr.gbox td{background:#fafafa;}
.pump-tbl tr.gray-box td{background:#f5f5f5;}

dl.cont2-box{overflow:hidden; margin:2% 0 0 0;}
dl.cont2-box dd{border:solid 1px #ddd; overflow:hidden; width:24%; margin-right:1%; float:left;}
dl.cont2-box dd:last-child{margin-right:0;}

dl.img-box{overflow:hidden;}
dl.img-box dd{width:47%; margin-right:15px; float:left;}
dl.img-box dd:last-child{width:50%; margin-right:0;}

dl.img-box dd .ibox{margin-top:3%;}
dl.img-box dd .txt{font-size:16px; color:#555; text-align:center; padding:2% 0;}

dl.img-box.mr dd{margin-right:12px;}
dl.img-box.mr dd:last-child{margin-right:0;}
.chara-box{overflow:hidden; position:relative;}
.chara-box .chara-img{position:absolute; top:0; right:0;}

/*01_04*/
dl.hopper{overflow:hidden;}
dl.hopper dd{float:left; box-sizing:border-box; margin-right:14px;}
dl.hopper dd:last-child{margin-right:0;}
dl.hopper dd img{border:solid 1px #ddd;}
dl.hopper dd .txt{font-size:16px; color:#555; text-align:center; padding:2% 0;}


/*01_05*/
.chara-box.concrete{height:243px;}


/*01_06*/
dl.support{overflow:hidden;}
dl.support dd{float:left; box-sizing:border-box; margin-right:12px;}
dl.support dd:last-child{margin-right:0;}
dl.support dd img{border:solid 1px #ddd;}
dl.support dd .txt{font-size:16px; color:#555; text-align:center; padding:2% 0;}


/*01_07*/
dl.material{overflow:hidden;}
dl.material dd{float:left; box-sizing:border-box; margin-right:11px;}
dl.material dd:last-child{margin-right:0;}
dl.material dd img{border:solid 1px #ddd; box-sizing:border-box;}
dl.material dd .txt{font-size:16px; color:#555; text-align:center; padding:2% 0;}

dl.install-box{width:100%; overflow:hidden; margin:2% 0;}
dl.install-box dd{float:left; margin-right:10px;}
dl.install-box dd:last-child{margin-right:0;}
dl.install-box dd .txt{font-size:16px; color:#555; text-align:center; padding:2% 0;}


dl.install-box1{width:100%; overflow:hidden; margin:2% 0;}
dl.install-box1 dd{float:left; margin:0 8px 8px 0;}
dl.install-box1 dd:last-child{margin-right:0;}


/*01_08*/
dl.mj-box{overflow:hidden;}
dl.mj-box dd{float:left; box-sizing:border-box; margin-right:14px;}
dl.mj-box dd:last-child{margin-right:0;}
dl.mj-box dd .txt{font-size:16px; color:#555; text-align:center; padding:2% 0;}

.chara-box.mj-box{height:265px;}
.process-img.gbox{width:100%; background:#fafafa; border:solid 1px #ddd; box-sizing:border-box; margin:2% 0;}

dl.view-box{overflow:hidden; margin:2% 0;}
dl.view-box dd{float:left; width:340px; margin-right:39px; margin-bottom:39px;}
dl.view-box dd:nth-child(3n){margin-right:0;}

dl.view-box dd .ibox{position:relative;}
dl.view-box dd .ibox::after{content:""; background:url("../images/sub/r_arrow.png")no-repeat; width:24px; height:15px; position:absolute; top:50%; right:-9%;}
dl.view-box dd:nth-child(3) .ibox::after, dl.view-box dd:nth-child(5) .ibox::after{display:none;}
dl.view-box dd .txt{font-size:15px; color:#555; padding:3% 0; text-align:center;}

p.mj-box span{padding-bottom:1%;}

/*01_09*/
dl.box{overflow:hidden;}
dl.box dd{float:left; margin-right:12px;}
dl.box dd:last-child{margin-right:0;}

/*01_10*/
dl.set-box{overflow:hidden;}
dl.set-box dd{float:left; margin-right:15px;}
dl.set-box dd:last-child{margin-right:0;}
dl.set-box dd .txt{font-size:15px; text-align:center; color:#555; padding:3% 0;}


/*01_10*/
ul.red{overflow:hidden;}
ul.red li{font-size:16px; line-height:1.8;}



/*철제작품목*/

/*02_01*/
.work-box{overflow:hidden;}
.work-box .txt{font-size:16px; color:#555; text-align:center; padding:1% 0;}

dl.work-box-list{overflow:hidden; margin-top:2%;}
dl.work-box-list dd{float:left; margin-right:14px;}
dl.work-box-list dd:last-child{margin-right:0;}
dl.work-box-list dd .txt{font-size:16px; color:#555; text-align:center; padding:3% 0;}


/*02_03*/
ul.dei-list{overflow:hidden; margin:2% 0 4% 0;}
ul.dei-list li{font-size:16px; color:#555; line-height:1.9; position:relative; padding-left:1%;}
ul.dei-list li::after{content:"-"; font-size:16px; position:absolute; top:0; left:0;}

dl.g-num{font-size:16px; margin:2% 0 0 0;}
dl.g-num span{display:block;}
dl.g-num dd{position:relative; padding:0 0 2% 6%; line-height:1.6;}
dl.g-num dd::after{width:30px; height:30px; background:#555; color:#fff; font-size:14px; position:absolute; top:0; left:0; text-align:center; box-sizing:border-box; padding-top:4px;}
dl.g-num dd:first-child::after{content:"01"; }
dl.g-num dd:nth-child(2)::after{content:"02";}
dl.g-num dd:nth-child(3)::after{content:"03";}
dl.g-num dd:nth-child(4)::after{content:"04";}
dl.g-num dd:nth-child(5)::after{content:"05";}
dl.g-num dd:nth-child(6)::after{content:"06";}

.t-box{overflow:hidden; margin-bottom:5%;}
.t-box .left{width:47%;}
.t-box .right{width:53%;}


/*02_04*/
.pipe-box{height:250px;}


/*02_06*/
.hs-box{overflow:hidden;}
.hs-box .left{width:60%; margin-right:4%;}
.hs-box .right{width:32%;}

/*02_07*/
.tr-box{overflow:hidden;}
.tr-box .right dl.g-num dd::after{background-color:#8c0000;}
.tr-box .right ul{font-size:1.600em; line-height:1.5; margin-top:2%;}

/*02_08*/
dl.cover-box{overflow:hidden;}
dl.cover-box dd{float:left; margin-right:12px;}
dl.cover-box dd:last-child{margin-right:0;}

/*02_10*/
dl.danger-box{overflow:hidden;}
dl.danger-box dd{float:left; margin-right:12px;}
dl.danger-box dd:nth-child(2n){margin-right:0;}

dl.danger-box dd .txt{font-size:1.600em; padding:2% 0; text-align:center; color:#555;}

/*02_12*/
dl.keep-box{overflow:hidden;}
dl.keep-box dd{float:left; margin-right:12px;}


/*sub03*/

/*03_01*/
dl.clamp-box{overflow:hidden;}
dl.clamp-box dd{border:solid 1px #ddd; box-sizing:border-box; float:left; margin-bottom:2%; margin-right:14px;}
dl.clamp-box dd:nth-child(4),dl.clamp-box dd:last-child{margin-right:0;}
dl.clamp-box dd .txt{font-size:1.600em; text-align:center; line-height:2.7; background-color:#f5f5f5; border-top:solid 1px #ddd;}

.clamp-tbl{font-size:15px; text-align:center; margin:2% 0; border-top:solid 2px #ddd;}
.clamp-tbl th{background:#f5f5f5; padding:1.5% 0; font-weight:500; font-size:17px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.clamp-tbl th:first-child{border-left:solid 1px #ddd;}
.clamp-tbl td{padding:1.5% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.clamp-tbl td.blue{background:#f4f5ff; border-left:solid 1px #ddd;}
.clamp-tbl td span{display:block; line-height:39px;}


/*03_02*/

.fold-box{overflow:hidden;}
.fold-box .left{width:49%; margin-right:1%;}
.fold-box .right{width:49%; margin-left:1%;}

.fold-tbl{font-size:15px; text-align:center; margin:2% 0; border-top:solid 1px #ddd;}
.fold-tbl .lh7{line-height:7.9;}
.fold-tbl th{background:#f5f5f5; padding:1.5% 0; font-weight:500; font-size:17px; border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.fold-tbl th.blue{background:#f4f5ff;}
.fold-tbl td{padding:1.5% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd;}
.fold-tbl td i{vertical-align:super; font-size:10px;}

dl.fold-box{overflow:hidden; margin:2% 0;}
dl.fold-box dd{float:left; width:25%; border:solid 1px #ddd; box-sizing:border-box; font-size:15px; text-align:center; border-right:none;}
dl.fold-box dd:last-child{border-right:solid 1px #ddd;}
dl.fold-box dd .blue{background-color:#f4f5ff; padding:4%; border-top:solid 1px #ddd;}
dl.fold-box dd .gray{background-color:#f5f5f5; padding:4%; border-top:solid 1px #ddd;}

dl.fold-box-under{overflow:hidden; margin:2% 0; font-size:15px;}
dl.fold-box-under dd{float:left; width:16.6%; border:solid 1px #ddd; border-right:none; border-top:none; box-sizing:border-box; text-align:center;}
dl.fold-box-under dd:first-child{background-color:#f4f5ff;}
dl.fold-box-under dd:last-child{border-right:solid 1px #ddd;}
dl.fold-box-under dd div{border-top:solid 1px #ddd; padding:5% 0;}
.lh213{line-height:213px;}

/*03_03*/
dl.brack-box{overflow:hidden; margin:2% 0;}
dl.brack-box dd{float:left; margin-right:12px;}
dl.brack-box dd:last-child{margin-right:0;}

/*sub04*/
.brock-box{overflow:hidden;}
.brock-box .left p img, .brock-box .right p img{padding:2% 0;}

.winch{overflow:hidden; margin:2% 0;}
.winch div img{width:100%;}

.winch .left{width:49%; margin-right:1%;}
.winch .right{width:49%; margin-left:1%;}


.winch-tbl{font-size:15px; text-align:center; border-top:solid 1px #ddd;}
.winch-tbl th{background:#f4f5ff; padding:4% 0; font-weight:500; font-size:17px; border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.winch-tbl td{padding:3% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd;}
.winch-tbl td.gray{background-color:#f5f5f5;}


/*04_05*/
.line-tbl{font-size:15px;border-top:solid 1px #ddd; margin:2% 0;}
.line-tbl td{padding:2% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd; padding-left:3%;}
.line-tbl td.gray{background-color:#f5f5f5; text-align:center; padding-left:0;}




/*sub05*/

/*05_01*/
dl.normal-box{overflow:hidden; letter-spacing:0;}
dl.normal-box dd{border:solid 1px #ddd; box-sizing:border-box; float:left; width:24%; margin-bottom:2%; margin-right:14px;}
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:49.2%; margin-right:0;}
dl.normal-box dd:last-child{width:49%; margin-right:0; overflow:hidden;}
dl.normal-box dd .txt{font-size:1.600em; text-align:center; line-height:2.7; background-color:#f5f5f5; border-top:solid 1px #ddd;}


/*05_02*/
dl.buck-box{overflow:hidden; letter-spacing:0;}
dl.buck-box dd{border:solid 1px #ddd; box-sizing:border-box; float:left; width:32.3%; margin-bottom:2%; margin-right:14px; overflow:hidden;}
dl.buck-box dd:last-child{margin-right:0;}
dl.buck-box dd .txt{font-size:1.600em; text-align:center; line-height:2.7; background-color:#f5f5f5; border-top:solid 1px #ddd;}

dl.belt-img{overflow:hidden; margin-top:2%;}
dl.belt-img dd{float:left; margin-right:14px;}
dl.belt-img dd:last-child{margin-right:0;}

/*05_03*/
dl.safe-box{overflow:hidden; letter-spacing:0; margin:2% 0;}
dl.safe-box dd{border:solid 1px #ddd; box-sizing:border-box; float:left; width:24%; margin-bottom:2%; margin-right:14px; overflow:hidden;}
dl.safe-box dd:last-child{margin-right:0;}
dl.safe-box dd .txt{font-size:1.600em; text-align:center; line-height:2.7; background-color:#f5f5f5; border-top:solid 1px #ddd;}


/*05_04*/
.sprayer-tbl{font-size:1.500em; text-align:center; border-top:solid 1px #ddd; margin:3% 0;}
.sprayer-tbl th{background:#f5f5f5; padding:2% 0; font-weight:500; border-left:solid 1px #ddd; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.sprayer-tbl td{padding:2% 0; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; border-left:solid 1px #ddd;}
.sprayer-tbl td.blue{background-color:#f4f5ff;}

dl.sprayer-box{overflow:hidden; margin:2% 0;}
dl.sprayer-box dd{float:left; box-sizing:border-box; border:solid 1px #ddd; margin-right:14px;}
dl.sprayer-box dd:last-child{margin-right:0;}

.scroll_txt{display:none;}


/*05_06*/
.air-box{overflow:hidden; margin:3% 0;}
.air-box .left{width:354px; border:solid 1px #ddd; box-sizing:border-box; overflow:hidden; margin-right:30px;}
#scont1 .wrap .air-img p.txt{text-align:center; background:#f5f5f5; padding:3% 0; border-top:solid 1px #ddd;}

.air-box .right{width:716px;}
.air-box .right .sprayer-tbl{margin:0;}
.air-box .right .sprayer-tbl th{padding:4% 0;}
.air-box .right .sprayer-tbl td{padding:14% 0;}

/*05_07*/
.elect-box{overflow:hidden; margin:3% 0;}
.elect-box .left{width:354px; border:solid 1px #ddd; box-sizing:border-box; overflow:hidden; margin-right:30px;}
#scont1 .wrap .elect-img p.txt{text-align:center; background:#f5f5f5; padding:3% 0; border-top:solid 1px #ddd;}

.elect-box .right{width:716px;}
.elect-box .right .sprayer-tbl{margin:0; letter-spacing:0;}
.elect-box .right .sprayer-tbl th{padding:3% 0;}
.elect-box .right .sprayer-tbl td{padding:4.2% 0;}

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

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

.elect-box .right .sprayer-tbl.pack-kg th{padding:3% 0;}
.elect-box .right .sprayer-tbl.pack-kg td{padding:2.3% 0; line-height:1.4;}
.elect-box .right .sprayer-tbl.pack-kg td span{display:block;}


.ham-box{overflow:hidden; margin:3% 0;}
.ham-box .left{width:49%; margin-right:1%;}
.ham-box .left div.ibox{border:solid 1px #ddd; box-sizing:border-box;}
.ham-box .left .table-box .sprayer-tbl span{display:block;}
.ham-box .left .table-box .sprayer-tbl th{height:33px;}
.ham-box .left .table-box .sprayer-tbl td{height:55px;}

.ham-box .right{width:49%; margin-left:1%;}
.ham-box .right div.ibox{border:solid 1px #ddd; box-sizing:border-box;}
.ham-box .right .table-box .sprayer-tbl span{display:block;}
.ham-box .right .table-box .sprayer-tbl th{}
.ham-box .right .table-box .sprayer-tbl td{height:53px;}

/*sub5_community*/
.wrap.bbs .cont_line{padding:1% 0;}

.sub-bg{width:100%; height:379px; background:url("../images/community/sub05_bg01.jpg") no-repeat 50% 50% #dedede;}
.sub-bg.bg2{width:100%; height:379px; background:url("../images/community/sub05_bg02.jpg") no-repeat 50% 50% #dedede;}
.sub-bg .wrap h4{font-size:45px; font-family: 'Raleway', sans-serif; letter-spacing:0; font-weight:500; padding-top:9%;}
.sub-bg .wrap h4 span{display:block;}
.sub-bg .wrap p{font-size:20px; color:#555; line-height:1.5; padding-top:1%;}
.sub-bg .wrap p span{display:block;}

dl.banner-box{overflow:hidden; margin:3% 0;}
dl.banner-box dd{float:left; width:32.3%; margin-right:1%; box-sizing:border-box; border:solid 1px #ddd;}
dl.banner-box dd:last-child{margin-right:0;}

dl.banner-box dd .txt{background:#f5f5f5; border-top:solid 1px #ddd; padding:4% 0; text-align:center; color:#555; font-size:15px;}


dl.partner-box{overflow:hidden; margin:3% 0;}
dl.partner-box dd{float:left; width:24%; margin-right:1%; box-sizing:border-box; border:solid 1px #ddd; margin-bottom:1%;}
dl.partner-box dd:last-child{margin-right:0;}

dl.partner-box dd .txt{background:#f5f5f5; border-top:solid 1px #ddd; padding:4% 0; text-align:center; color:#555; font-size:15px;}

dl.biz-box{overflow:hidden; margin:3% 0;}
dl.biz-box dd{float:left; width:32.3%; margin-right:1%; box-sizing:border-box; border:solid 1px #ddd;}
dl.biz-box dd:last-child{margin-right:0;}

dl.biz-box dd .txt{background:#f5f5f5; border-top:solid 1px #ddd; padding:4% 0; text-align:center; color:#555; font-size:15px; position:relative;}
dl.biz-box dd .txt::after{content:"";background:url("../images/sub/new_win_ico.png")no-repeat; width:20px; height:18px; position:absolute; top:30%; left:26%;}

/*제품소개 21-01-22*/

.g-tite{overflow:hidden; margin-top:30px;}