@charset "utf-8";

/*onpage scroll*/
.sub_page{overflow:auto !important; -ms-overflow-style:none !important; overflow-x: -moz-scrollbars-none;}
.sub_page::-webkit-scrollbar{ display: none !important;}

.sub_page #head{position:fixed; z-index:999;}

/*공통css*/
#cont-wrap{width:100%; position:relative; margin:97px 0 100px 0;}

/*sub-menu*/
#sub-menu{width:100%; font-size:1.3em; font-weight:400; font-family: }
#sub-menu::after{content:""; display:block; clear:both;}

#sub-menu .wrap{padding-bottom:3%; top:0px; }
#sub-menu .wrap ul{position:relative; width:100%; padding:0 0%; top:-51px; border:solid 1px #ddd; background:#fff; overflow:hidden; box-sizing:content-box;}
#sub-menu .wrap ul li{float:left; width:20%; text-align:center; position:relative;}
#sub-menu .wrap ul li::before{content:""; display:block; position:absolute; top:50%; right:0; background:url("../images/common/line-ico.png")no-repeat; width:3px; height:3px;}
#sub-menu .wrap ul li:last-child::before{display:none;}

#sub-menu .wrap ul li a{color:#333; display:block; height:49px; line-height:49px;  }
#sub-menu .wrap ul li a:hover{color:#333; background-color:#fff; }
#sub-menu .wrap ul li .on{color:#fff; background-color:#1977b8; font-weight:400;  position:relative; }
#sub-menu .wrap ul li .on:after{content:""; display:block; position:absolute; bottom:0; left:0; width:100%; height:3px; background-color:#9ecade;}

#sub-menu .wrap ul li::after{opacity: 0; transform: translate3d(0, 100%, 0); transition: transform .3s ease-out, opacity .3s ease-out;}
#sub-menu .wrap ul li:hover::after{opacity: 1;transform: translate3d(0, 0, 0);}
#sub-menu .wrap ul li.line{position:relative;}
#sub-menu .wrap ul li.line::after{content:""; display:block; width:80%; border-bottom:solid 3px #104c83; position:absolute; bottom:0; left:10%;}

#sub-menu .wrap ul.w25 li{width:20%;}
#sub-menu .wrap ul.business li{width:50%;}
#sub-menu .wrap ul.support li{width:25%;}
#sub-menu .wrap ul.work li{width:16.666%;}
#sub-menu .wrap ul.sigong li{width:16.666%;}
#sub-menu .wrap ul.notice li{width:100%;}

#sub-menu .wrap:nth-child(2){padding-bottom:10px;}
#sub-menu .wrap .tite-box{margin-top:-30px; position:relative; }
#sub-menu .wrap .tite-box h4{font-size:34px; text-align:left; width:100%; border-bottom:solid 1px #ddd; padding-left:20px; padding-bottom:1%; position:relative;}
#sub-menu .wrap .tite-box h4:after{content:""; display:block; background:url("../images/common/tite-line.png")no-repeat; width:250px; height:3px; position:absolute;bottom:0; left:0%;}

#sub-menu .wrap nav{position:absolute; top:20px; right:10px;}
#sub-menu .wrap nav dl{overflow:hidden; width:275px; text-align:right; color:#666; font-weight:400;}
#sub-menu .wrap nav dl dt, #sub-menu .wrap nav dl dd{display:inline-block; position:relative;}
#sub-menu .wrap nav dl dd{padding-left:17%;}
#sub-menu .wrap nav dl dt::after{content:""; display:block; position:absolute; top:7px; right:-20px; background:url("../images/common/nav-arrow.png")no-repeat; width:7px; height:11px;}
#sub-menu .wrap nav dl dd::after{content:""; display:block; position:absolute; top:7px; right:-20px; background:url("../images/common/nav-arrow.png")no-repeat; width:7px; height:11px;}
#sub-menu .wrap nav dl dd:last-child::after{display:none;}

#sub-menu .wrap nav.busi dl{width:320px;}
#sub-menu .wrap nav dl dd{padding-left:7%;}



.tite-img{width:100%; height:270px; position:relative; background-position:center center; background-repeat:repeat-x; overflow:hidden;}
.tite-img:after{content:""; display:block; clear:both;}

.tite-imgg{width:100%; height:50px; position:relative; border-bottom :solid 1px #ddd;  background-color:#fff; }
.tite-imggg{width:100%; height:51px; position:relative; border-bottom :solid 1px #ddd;  background-color:#fff; }

/*서브이미지*/
.bg1{background:url("../images/img/sub1-tite-img.jpg");}
.bg2{background:url("../images/img/sub2-tite-img.jpg");}
.bg3{background:url("../images/img/sub3-tite-img.jpg");}
.bg4{background:url("../images/img/sub4-tite-img.jpg");}
.bg5{background:url("../images/img/sub5-tite-img.jpg");}

.tite-img .wrap{text-align:center; color:#fff; font-family: 'KOFIHDrLEEJWTTF-B';font-weight:400; letter-spacing:1px;}

.tite-img .wrap h1{font-size:40px;font-family: 'KOFIHDrLEEJWTTF-B'; margin-top:4.5%;}
.tite-img .wrap p{font-size:22px; font-family: 'KOFIHDrLEEJWTTF-B';margin-top:1%;}
.tite-img .wrap p span{display:block; font-family: 'KOFIHDrLEEJWTTF-B';margin-top:0%;}

#content{width:100%; position:relative; min-height:700px;}

/*S:인사말*/
.cont-box1{overflow:hidden; margin-top:8%;}
.cont-box1 .left, .cont-box1 .right{width:50%; margin-bottom:50px;}

.cont-box1 .right h1{font-size:35px; font-weight:400; font-family: 'KOFIHDrLEEJWTTF-B'; margin:0% 0 1% 0;}
.cont-box1 .right h2.s-tite{font-family:'s-core-dream-regular', sans-serif; font-size:30px;}
.cont-box1 .right div{padding-top:2%; line-height:170%;  font-size:17px; color:#555;}
.cont-box1 .right div span{display:block;}


.cont-box2{overflow:hidden; margin-top:5%;}
.cont-box2 .left{width:46%; margin-right:4%; text-align:right;}

.cont-box2 .left h1{font-size:35px; font-family: 'KOFIHDrLEEJWTTF-B'; font-weight:400; margin:0% 0 1% 0;}
.cont-box2 .left h2.s-tite{font-family:'s-core-dream-regular', sans-serif; font-size:30px;}
.cont-box2 .left div{padding-top:2%; line-height:170%; font-size:17px; color:#555;}
.cont-box2 .left div span{display:block;}

.cont-box2 .right{width:50%;}

.cont-box3{overflow:hidden; margin-top:5%;text-align:center;}
.cont-box3 h1{font-size:35px; font-family: 'KOFIHDrLEEJWTTF-B';font-weight:400; margin:3% 0 1%;}
.cont-box3 h2.s-tite{font-family:'s-core-dream-regular', sans-serif; font-size:30px;}
.cont-box3 dl{background-color:#f8f8f8; margin-top:3%; box-sizing:border-box; border:solid 1px #ddd;}
.cont-box3 dl:after{content:""; display:block; clear:both;}
.cont-box3 dl dd{display:inline-block; width:33.1%; text-align:center; box-sizing:border-box; padding:5% 3%; border-right:solid 1px #ddd; vertical-align:top;}
.cont-box3 dl dd:nth-child(2){border-right:none;}
.cont-box3 dl dd:nth-child(3){border-right:none; border-left:solid 1px #ddd;}
.cont-box3 dl dd .tbox h4{font-size:22px; font-family:'s-core-dream-bold', sans-serif; padding:8% 0 3%; letter-spacing:-0.8px;}
.cont-box3 dl dd .tbox div{font-size:17px; color:#555; line-height:150%; letter-spacing:-0.8px;}
.cont-box3 dl dd .tbox div span{display:inline-block;}

/*E:인사말*/


/*S:연혁*/
.history-img{margin-top:5%; text-align:center;  }

.history-box{overflow:hidden;}
.history-box dl{width:97%; margin-left:3%; margin-top:5%;}

.history-box dd{border-bottom:solid 1px #ddd; padding:2% 0; overflow:hidden;}
.history-box dd div{float:left;}
.history-box dd div.year{font-family:'s-core-dream-regular', sans-serif; font-size:24px;  font-weight:600; width:28%; color:#236faa;}
.history-box dd div.year i{background:#236faa; display:inline-block; padding:1px 14px; color:#fff; font-size:22px; font-weight:400;margin-left:15%; margin-right:5%; font-style:normal; }

.history-box dd div.cont{width:72%;}
.history-box dd div.cont p{font-size:17px; margin-top:5px; letter-spacing:-0.3px;}
.history-box dd div.cont p i{background:#236faa; display:inline-block; padding:2px 14px; color:#fff; font-size:16px; margin-top:1%; margin-right:3%; font-style:normal; }
.history-box dd div.cont p span{display:inline-block; line-height:200%; margin-top:1%; }


/*E:연혁*/

/*S:인증서*/
.cert-tite{font-size:23px; line-height:160%;text-align:center; font-weight:600;  border-bottom:solid 1px #ddd; margin-top:5%; padding-bottom:2%; letter-spacing:-0.8px}
.cert-tite span{display:block;}
.cert-tite span i{color:#236faa;}

.cert-box{overflow:hidden; margin-top:5%;}
.cert-box dl{}
.cert-box dl dd{float:left; width:280px; margin-right:26px; margin-bottom:26px;}
.cert-box dl dd:nth-child(4n){width:280px; margin-right:0;}
.cert-box dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; height:390px; }

.cert-box dl dd .tbox{background:#fff; border:solid 1px #ddd; box-sizing:border-box; text-align:center; font-size:16px; font-weight:600; height:50px; padding:5%; margin-top:10px; margin-bottom:30px; letter-spacing:-0.8px;}
.cert-box dl dd .tbox span{display:block;}
/*.cert-box dl dd:nth-child(2) .tbox, .cert-box dl dd:nth-child(6) .tbox{padding:4%; line-height:140%;}*/

/*E:인증서*/


/*S:CI*/
.ci-box1{overflow:hidden; margin-top:8%;}
.ci-box1 .left{width:40%; margin-right:4%;}
.ci-box1 .right{width:56%; margin-bottom:50px;}

.ci-box1 .right h1{font-size:30px;font-family:'s-core-dream-regular'; font-weight:600; margin:0% 0 1% 0;}
.ci-box1 .right h2.s-tite{font-family:'s-core-dream-regular', sans-serif; font-size:22px;}
.ci-box1 .right div{padding-top:2%; line-height:170%;  font-size:17px; color:#555;}
.ci-box1 .right div span{display:block;}


.ci-box2{overflow:hidden; margin-top:5%; font-size:30px;  font-weight:600; }
.ci-box2 .left{width:48%; margin-right:4%; text-align:right;}
.ci-box2 .left h1{font-size:35px;  font-weight:600; margin:0% 0 1% 0;}
.ci-box2 .left h2.s-tite{font-family:'s-core-dream-regular', sans-serif; font-size:30px;}
.ci-box2 .left div{padding-top:0%;font-family:'s-core-dream-regular'; line-height:170%; font-size:17px; color:#555;}
.ci-box2 .left div span{display:block;}
.ci-box2 .right{width:48%;}


.symol{overflow:hidden; }
.symol_btn{overflow:hidden; text-align:center; margin-top:60px;}
.symol_btn .big_btn{background:#1b7095; font-size:15px; width:150px;}
.symol_btn .big_btn a{color:#fff; display:block; padding:20px;}
.symol_btn .down_btn{background:#f7941d; font-size:15px; width:150px; margin-left:8px;}
.symol_btn .down_btn a{color:#fff; display:block; padding:20px;}
.symol_type{margin-top:50px;}
.symol_type h3{font-size:22px; background:url("../images/sub/blit.jpg")no-repeat 0px 4px; letter-spacing:-1.8px; font-weight:600; padding-left:30px;}
.symol_type .type{padding:30px 0 80px 0; overflow:hidden;}

/*E:인CI*/


/*S:오시는길*/
.adderss-box{width:100%; overflow:hidden; margin-top:5%;}

.adderss-box .tab{float:left; width:500px;}
.adderss-box .tab dl dd{font-size:18px; padding:14% 9% 5% 24%; box-sizing:border-box; height:152px; border:solid 1px #ddd; cursor:pointer; position:relative;}
.adderss-box .tab dl dd:after{content:""; display:block; width:80px; height:80px; position:absolute; top:25%; left:5%;}
.adderss-box .tab dl dd:first-child:after{background:url("../images/ico/ico01-04-02.png")no-repeat;}
.adderss-box .tab dl dd:nth-child(2):after{background:url("../images/ico/ico01-04-04.png")no-repeat;}
.adderss-box .tab dl dd:nth-child(3):after{background:url("../images/ico/ico01-04-05.png")no-repeat;}

.adderss-box .tab dl dd:nth-child(2), .adderss-box .tab dl dd:last-child{border-top:none;}
.adderss-box .tab dl dd.on{background:#4595d8; color:#fff;}

.adderss-box .map{float:left; width:700px; }
.adderss-box .map .map_box{position:absolute; top:-10000px; left:-10000px; border:solid 1px #ddd; }
.adderss-box .map .map_box.on{display: inherit; position:static;}


/*지도 스크롤안되게*/
.no-scroll{position:relative;}
.no-scroll:after{content:""; display:block; background-color:rgba(0,0,0,0); width:100%; height:100%; position:absolute; top:0; left:0; z-index:1;}

.tel-box{overflow:hidden;}
.tel-box dl{margin-top:3%;}
.tel-box dl dd{float:left; width:50%; box-sizing:border-box; border:solid 1px #ddd; text-align:center; padding:4%; font-size:20px; position:relative;}
.tel-box dl dd:first-child{border-right:none;}

.tel-box dl dd:after{content:""; display:block; width:80px; height:80px; position:absolute; top:17%; left:16%;}
.tel-box dl dd:first-child:after{background:url("../images/ico/ico01-04-04.png")no-repeat;}
.tel-box dl dd:nth-child(2):after{background:url("../images/ico/ico01-04-05.png")no-repeat;}

/*E:오시는길*/


/*S:인조잔디*/
.cont-tab{overflow:hidden;}
.cont-tab ul{margin-top:5%;}
.cont-tab ul li{width:25%; float:left; text-align:center; box-sizing:border-box; border:solid 1px #ddd; padding:1%; font-size:17px; letter-spacing:-1.2px; cursor:pointer;}
.cont-tab ul li:first-child{letter-spacing:0;}
.cont-tab ul li:nth-child(2), .cont-tab ul li:nth-child(3), .cont-tab ul li:nth-child(4){border-left:none;}
.cont-tab ul li.on{background:#1e947c; color:#fff; background-size:cover;}

.cont-wrap{overflow:hidden; margin-top:5%;}
.cont-wrap .cont_box{/*position:absolute; top:-10000px; left:-10000px;*/display:none;} 
.cont-wrap .cont_box.on{/*display:inherit; position:static;*/display:block;}


/*S:대표이미지*/
.cert-box1{overflow:hidden; margin-top:5%;}
.cert-box1 dl{}
.cert-box1 dl dd{float:left; width:370px; margin-right:30px; margin-bottom:26px;}
.cert-box1 dl dd:nth-child(4n){width:370px; margin-right:0;}
.cert-box1 dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%;  }

/*E:대표이미지*/

.cont-tab.w33 ul li{width:33.3%;}
.cont-tab.w50 ul li{width:50%;}

h3.tite{font-size:24px; padding-left:1.5%; margin:0 0 2% 0; letter-spacing:-0.8px; position:relative;}
h3.tite:after{content:""; display:block; position:absolute; background:url("../images/common/bullet.png")no-repeat; width:9px; height:28px; top:6px; left:0;}
h4.tite{font-size:20px; padding:1% 0;}

#tab-1 .b-line{margin:3% 0;}
#tab-1 dl.img-box{background:#f4f4f4; overflow:hidden; margin:0 0 3% 0;}
#tab-1 dl.img-box dd{float:left;}
#tab-1 dl.img-box dd:first-child{width:958px;}
#tab-1 dl.img-box dd:nth-child(2){width:242px; padding-top:8%; text-align:center;}

.tit-box{font-size:18px; letter-spacing:-0.8px;}
.tit-box span{display:block;}

#tab-1 dl.i-box{overflow:hidden; margin:2% 0;}
#tab-1 dl.i-box dd{display:inline-block; font-size:12px; color:#555; margin-right:1%;}

#tab-1 .c-wrap{overflow:hidden; border:solid 1px #ddd; height:397px; box-sizing:border-box;}
#tab-1 .c-wrap dl.tbl{overflow:hidden; width:470px; box-sizing:border-box; float:left;}
#tab-1 .c-wrap dl.tbl dd{border-bottom:solid 1px #ddd; overflow:hidden;}
#tab-1 .c-wrap dl.tbl dd:last-child{border-bottom:none;}
#tab-1 .c-wrap dl.tbl dd div{float:left; padding:17.8px 0; text-align:center; box-sizing:border-box;}
#tab-1 .c-wrap dl.tbl dd .division{width:198px; background-color:#f4f4f4; box-sizing:border-box; border-right:solid 1px #ddd;} 
#tab-1 .c-wrap dl.tbl dd .explan{width:270px;}
#tab-1 .c-wrap div.ibox{float:left;}

#tab-1 dl.ibox{overflow:hidden; width:100%; border:solid 1px #ddd; box-sizing:border-box; margin:2% 0;}
#tab-1 dl.ibox dd{float:left; width:33.3%; box-sizing:border-box; border-right:solid 1px #ddd;}
#tab-1 dl.ibox dd:last-child{border-right:none;}
#tab-1 div.tit{font-size:16px; color:#555;}
#tab-1 div.tit span{display:block;}

#tab-1 dl.ibox.b-none{border:none;}
#tab-1 dl.ibox.b-none dd{border-right:none;}

#tab-1 dl.cool-img{overflow:hidden; border:solid 1px #ddd; margin-bottom:2%;}
#tab-1 dl.cool-img dd{float:left;}

#tab-1 dl.sys-tbl{overflow:hidden; margin-top:2%; font-size:16px;}
#tab-1 dl.sys-tbl dd{float:left; text-align:center; box-sizing:border-box; border-left:solid 1px #ddd;}
#tab-1 dl.sys-tbl dd:first-child, #tab-1 dl.sys-tbl dd:nth-child(3){width:20%;}
#tab-1 dl.sys-tbl dd:nth-child(2){width:50%;}
#tab-1 dl.sys-tbl dd:nth-child(4){width:10%; border-right:solid 1px #ddd;}

#tab-1 dl.sys-tbl dd div{box-sizing:border-box; line-height:40px; border-bottom:solid 1px #ddd;}
#tab-1 dl.sys-tbl dd .tite{background:#f4f4f4; border-top:solid 1px #ddd;}

#tab-1 dl.sys-img{overflow:hidden; margin:2% 0;}
#tab-1 dl.sys-img dd{float:left;}

#tab-1 dl.scie-box{overflow:hidden;}
#tab-1 dl.scie-box dd{float:left; width:49%; margin-right:1%;}
#tab-1 dl.scie-box dd:nth-child(2){margin-right:0; margin-left:1%;}

#tab-1 dl.scie-box dd .tbox{background:#59c4bc; font-size:20px; font-weight:600; text-align:center; padding:1%;}
#tab-1 dl.scie-box dd ul{overflow:hidden; margin-top:2%;}
#tab-1 dl.scie-box dd ul li{font-size:16px; color:#555; line-height:180%; position:relative; padding-left:2%;}
#tab-1 dl.scie-box dd ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}

#tab-1 dl.field-box{overflow:hidden; margin:2% 0;}
#tab-1 dl.field-box dd{float:left; box-sizing:border-box;}
#tab-1 dl.field-box dd img{border:solid 1px #ddd; box-sizing:border-box;}
#tab-1 dl.field-box dd:first-child{width:773px;}
#tab-1 dl.field-box dd:nth-child(2){width:425px;}

#tab-1 ul.field-tbox{overflow:hidden;}
#tab-1 ul.field-tbox li{border-bottom:dashed 1px #ddd; font-size:16px; position:relative; padding:3% 0 3% 10%;}
#tab-1 ul.field-tbox li::after{content:""; display:block; position:absolute;}
#tab-1 ul.field-tbox li:first-child:after{background:url("../images/img/img02-01-01-24.png")no-repeat; width:99px; height:52px;  top:28%; left:0;}
#tab-1 ul.field-tbox li:nth-child(2):after{background:url("../images/img/img02-01-01-25.png")no-repeat; width:90px; height:63px; top:28%; left:0;}
#tab-1 ul.field-tbox li:nth-child(3):after{background:url("../images/img/img02-01-01-26.png")no-repeat; width:58px; height:67px; top:14%; left:1%;}

#tab-1 ul.field-tbox li span{display:block;}

/*수정20-10-15 인조잔디제품*/
.product-box{width:100%; height:100%; background-color:#fafafa;}
.product-box:after{content:""; display:block; clear:both;}

.product-box .left{width:500px;}
.product-box .right{width:700px;}


.product-box .right .cont-box{background:#fafafa; padding:30px 50px 30px 100px; box-sizing:border-box;}
.product-box .right .p-tite{font-size:24px; padding-left:20px;padding-top:5px; padding-bottom:5px;}
.product-box .right .p-txt{font-size:14px; color:#555; font-weight:400;}

.product-box .right  .sm{float:left; width:100%;}
.product-box .right  .sm_list{float:left; width:99%; margin-left:5px;}
.product-box .right  .sm_list ul{border-top:solid 1px #ddd; background:#fff;}
.product-box .right  .sm_list ul li{border-bottom:solid 1px #ddd;padding:10px;  line-height:130%; font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#333; display:block; cursor: pointer;}
.product-box .right  .sm_list ul li:hover{background:#333; color:#fff; font-weight:400;}
.product-box .right  .sm_list ul li span.more_btn{display:none; font-size:14px; color:#fff; font-weight:600; float:right; padding-right:32px; letter-spacing:-0.8px;}
.product-box .right  .sm_list ul li:hover span.more_btn{display:block;}


.product-box .right dl.pur-box{overflow:hidden; padding:2% 0; border-bottom:solid 1px #ddd;}
.product-box .right dl.pur-box dd{float:left; border:solid 1px #ddd; margin-right:1%; background-color:#fff; padding:1% 2%; border-radius:13px;}

.product-box .right .w-box{width:100%;}
.product-box .right .w-box dl{background:#fff; margin-top:2%; overflow:hidden; padding:30px; box-sizing:border-box;}
.product-box .right .w-box dl dd div{float:left; width:50%; padding-bottom:2%;}
.product-box .right .w-box dl dd:last-child div{padding-bottom:0;}
.product-box .right .w-box dl dd .tit{text-align:left; color:#666; font-size:16px;}
.product-box .right .w-box dl dd .txt{text-align:right; color:#333; font-size:16px;}
.product-box .right dl.color{width:100%; overflow:hidden; background-color:#fff; margin-top:2%;  box-sizing:border-box; font-size:16px;}
.product-box .right dl.color dd{float:left; width:50%;  box-sizing:border-box;}
.product-box .right dl.color dd:nth-child(2){text-align:right; color:#fff; background-color:#41591c; position:relative;}
.product-box .right dl.color dd:nth-child(2):after{content:""; display:block; background:url("../images/img/color-bg.png")repeat; position:absolute; top:0; left:0; width:100%; height:100%; opacity: 0.3; filter:alpha(opacity=30);}

.chara-box{overflow:hidden; margin-top:40px; clear:both;}
.chara-box h3{border-top:solid 3px #333; border-bottom:solid 1px #ddd; padding:2% 0; font-size:16px; font-weight:500;}
.chara-box .left, .chara-box .right{width:50%;}
.chara-box dl{overflow:hidden; margin-top:6%;}
.chara-box dl dd{position:relative; font-size:16px; padding-left:10px; line-height:110%;}
.chara-box dl dd:after{content:"-"; display:block; position:absolute; top:0; left:0;}

.product-box .right dl.color dd div{padding:6% 12%; box-sizing:border-box;}
.product-box .right dl.color dd:nth-child(2) .g{float:left; width:50%;}
.product-box .right dl.color dd:nth-child(2) .r{float:left; width:50%; background-color:#8c2e2e;}

.product-box .right dl.color dd.lf20:nth-child(2) div{float:left; width:20%; padding:6% 0; text-align:center;}
.product-box .right dl.color dd.lf20:nth-child(2) .g{background-color:#41591c;}
.product-box .right dl.color dd.lf20:nth-child(2) .b{background-color:#046ccc;}
.product-box .right dl.color dd.lf20:nth-child(2) .y{background-color:#ffd452;}
.product-box .right dl.color dd.lf20:nth-child(2) .r{background-color:#8c2e2e;}
.product-box .right dl.color dd.lf20:nth-child(2) .p{background-color:#5f397f;}

/*제품*/
dl.master55{overflow:hidden;}
dl.master55 dd{float:left; width:32.3%; margin-right:1%;}

ul.list{overflow:hidden; margin:2% 0;}
ul.list li{font-size:16px; line-height:160%; color:#555; position:relative; padding-left:1%;}
ul.list li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

.master19-wrap{position:relative; padding-bottom:10%;}
dl.master19{overflow:hidden;}
dl.master19 dd{width:32.3%; float:left; margin-right:1%;}
dl.master19 dd:nth-child(2){margin-right:0.5%;}
dl.master19 dd:nth-child(3){margin-left:0.5%; margin-right:0;}
.m-img{position:absolute; bottom:0; right:0;}

dl.master14{overflow:hidden;}
dl.master14 dd{float:left; width:329px; margin-right:20px;}
dl.master14 dd:nth-child(2){margin-right:10px;}
dl.master14 dd:nth-child(3){margin-left:10px; margin-right:0; width:502px;}

.prod-box{overflow:hidden; position:relative;}
.mark{position:absolute; top:3%; right:0;}

.prod-tbl{margin-top:3%;}
.prod-tbl:after{content:""; display:block; clear:both;}
.prod-tbl thead th{background-color:#f4f4f4;}
.prod-tbl th, .prod-tbl td{border:solid 1px #ddd; padding:1% 0; text-align:center;}

/*장점*/
.product-tbl{width:100%; overflow:hidden; font-size:16px;}
.product-tbl thead tr th{background:#f4f4f4; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:1.5%; font-weight:normal;}
.product-tbl thead tr th:first-child{border-right:solid 1px #ddd;}
.product-tbl tbody td{padding:1.5%; border-bottom:solid 1px #ddd;}
.product-tbl tbody td:first-child{text-align:center; border-right:solid 1px #ddd;}
.product-tbl tbody td ul li{position:relative; padding-left:1%; line-height:160%; margin-bottom:.5%; letter-spacing:-0.3px;}
.product-tbl tbody td ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}

/*20-11-10추가 제직 및 가공 공정*/
dl.weav{overflow:hidden;}
dl.weav dd:before {content: "";display: block; position:absolute; top:43%; right:-9%; background:url("../images/ico/arrow-ico.png")no-repeat; width:27px; height:20px; background-size:contain;}
dl.weav dd:nth-child(3n):before{display:none;}
dl.weav dd{float:left; width:31.3%; margin-right:3%; margin-bottom:2%; position:relative;}
dl.weav dd:nth-child(3n){margin-right:0%;}

dl.weav dd .d-img img{width:100%;}
dl.weav dd .d-txt{border:solid 2px #59c4bc; font-size:18px; padding:2% 0 2% 17%; margin-top:1%; position:relative;}
dl.weav dd .d-txt:after{display:block; position:absolute; top:0; left:0; width:40px; line-height:40px; height:100%; font-size:15px; background:#59c4bc; color:#fff; text-align:center;}
dl.weav dd:first-child .d-txt:after{content:"01";}
dl.weav dd:nth-child(2) .d-txt:after{content:"02";}
dl.weav dd:nth-child(3) .d-txt:after{content:"03";}
dl.weav dd:nth-child(4) .d-txt:after{content:"04";}
dl.weav dd:nth-child(5) .d-txt:after{content:"05";}
dl.weav dd:nth-child(6) .d-txt:after{content:"06";}





/*E:인조잔디*/

/*S:인조잔디충진재*/
dl.infi-box{overflow:hidden; margin-top:3%;}
dl.infi-box dd{float:left; color:#fff; font-size:16px; height:420px;}
dl.infi-box dd:first-child{background:url("../images/img/img02-02-01-01.jpg")repeat; width:500px; box-sizing:border-box; padding:13% 0 0 6%; background-size:cover; background-position:50% 50%;}
dl.infi-box dd p{line-height:180%;}
dl.infi-box dd p.qmark{position:relative; padding-left:11%; margin-top:1%;}
dl.infi-box dd p.qmark::after{content:""; display:block; position:absolute; top:0; left:0; background:url("../images/img/img02-02-01-02.jpg")no-repeat; width:35px; height:25px;}


/*20-10-16 추가*/
dl.infi-box dd:nth-child(2){width:700px; padding:3%; box-sizing:border-box; background-color:#fafafa; position:relative; color:#333;}
dl.infi-box dd:nth-child(2):after{content:""; display:block; position:absolute; top:0; left:0; background:url("../images/img/sebs-bg.jpg")repeat-x; width:100%; height:465px;}

dl.infi-box dd:nth-child(2) div{position:relative; z-index:1; text-align:center;}
dl.infi-box dd:nth-child(2) div.se-tit{font-size:30px; padding-bottom:2%; font-weight:600; letter-spacing:-1.3px;}
dl.infi-box dd:nth-child(2) div.blue-box{background:#59c4bc; color:#fff; padding:1%; width:50%; margin:0 auto; border-radius:30px;}
dl.infi-box dd:nth-child(2) div.se-img{padding-top:3%;}

.infi-cont{width:100%; overflow:hidden; margin-top:3%;}
.infi-cont .infi-tit{font-size:22px; color:#386b64; border:solid 2px #386b64; padding:1%;}

.infi-tbox{margin:3% 0; overflow:hidden;}
.infi-tbox ul{overflow:hidden; font-size:18px; color:#555; float:left; width:50%;}
.infi-tbox ul li{position:relative; padding-left:2%; line-height:190%;}
.infi-tbox ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}


/*장점*/
#infill{width:100%; position:relative;}
#infill .ibox{background:#f4f4f4; border:solid 1px #ddd; box-sizing:border-box;}
#infill .tbox{padding:5%; box-sizing:border-box; font-size:16px; color:#fff;}
#infill .tbox p span{display:block;}

#infill .txt-wrap{width:100%; position:relative; margin-top:3%;}
#infill .txt-wrap h3.tite{padding-left:2%;}
#infill .txt-wrap h3.tite:after{width:8px; height:26px; top:7px; background-size:contain;}
#infill .txt-wrap ul{overflow:hidden;}
#infill .txt-wrap ul li{font-size:18px; color:#555; position:relative; padding-left:2%; margin-bottom:1%; letter-spacing:-0.8px;}
#infill .txt-wrap ul li:after{content:"-"; display:block; position:absolute; top:0; left:0;}


#infill .left{width:49%; margin-right:1%;}
#infill .left .tbox{background:url("../images/img/img02-02-02-02.jpg")no-repeat; width:100%; height:150px;}

#infill .right{width:49%; margin-left:1%;}
#infill .right .tbox{background:url("../images/img/img02-02-02-04.jpg")no-repeat; width:100%; height:150px;}
/*E:인조잔디충진재*/

/*S:인조잔디철거*/
dl.demo-box{overflow:hidden; width:100%; margin:5% 0 8% 0;}
dl.demo-box dd{width:25%;height:130px; color:green;background:#fafafa;  float:left; text-align:center; border-right:solid 1px #ddd; box-sizing:border-box;}
dl.demo-box dd:last-child{border-right:none;}

dl.demo-box dd .tbox .tite{font-size:20px; font-weight:600;margin:5% 0 2% 0; letter-spacing:-0.8px;margin-bottom:20px; }
dl.demo-box dd .tbox .txt{font-size:16px; color:#555; letter-spacing:-0.8px;}
dl.demo-box dd .tbox .txt span{display:block;}

dl.demo-img{overflow:hidden; margin-top:5%;}
dl.demo-img dd{float:left; width:24%; margin-right:1%; border:solid 1px #ddd; box-sizing:border-box; overflow:hidden;}
dl.demo-img dd img{width:100%;}


/*인조잔디 철거 작업공정*/
dl.work-box{overflow:hidden;}
dl.work-box dd{float:left; width:49%; margin-right:1%;}
dl.work-box dd:nth-child(2){margin-right:0; margin-left:1%;}

h4.w-tit-1{font-size:22px; position:relative; padding-left:3.5%; margin:2% 0 1% 0;}
h4.w-tit-1:after{content:"01"; display:block; position:absolute; top:0; left:0; width:36px; height:36px; line-height:36px; border-radius:18px; text-align:center; background:#59c4bc; color:#fff; font-size:15px; font-weight:600;}

h4.w-tit-2{font-size:22px; position:relative; padding-left:3.5%; margin:2% 0 1% 0;}
h4.w-tit-2:after{content:"02"; display:block; position:absolute; top:0; left:0; width:36px; height:36px; line-height:36px; border-radius:18px; text-align:center; background:#59c4bc; color:#fff; font-size:15px; font-weight:600;}

.work-txt{font-size:18px; letter-spacing:-0.8px; line-height:160%; color:#555;}

/*20-10-16 추가*/
dl.demo{overflow:hidden;}
dl.demo dd:before {content: "";display: block; position:absolute; top:43%; right:-9%; background:url("../images/ico/arrow-ico.png")no-repeat; width:27px; height:20px; background-size:contain;}
dl.demo dd:nth-child(3):before, dl.demo dd:nth-child(6):before{display:none;}
dl.demo dd{float:left; width:31.3%; margin-right:3%; margin-bottom:2%; position:relative;}
dl.demo dd:nth-child(3), dl.demo dd:nth-child(6){margin-right:0%;}

dl.demo dd .d-img img{width:100%;}
dl.demo dd .d-txt{border:solid 2px #59c4bc; font-size:18px; padding:2% 0 2% 17%; margin-top:1%; position:relative;}
dl.demo dd .d-txt:after{display:block; position:absolute; top:0; left:0; width:40px; line-height:40px; height:100%; font-size:15px; background:#59c4bc; color:#fff; text-align:center;}
dl.demo dd:first-child .d-txt:after{content:"01";}
dl.demo dd:nth-child(2) .d-txt:after{content:"02";}
dl.demo dd:nth-child(3) .d-txt:after{content:"03";}
dl.demo dd:nth-child(4) .d-txt:after{content:"04";}
dl.demo dd:nth-child(5) .d-txt:after{content:"05";}
dl.demo dd:nth-child(6) .d-txt:after{content:"06";}


/*E:인조잔디철거*/

/*S:실적현황*/
.work-wrap{margin-top:3%;}
.work-wrap:after{content:""; display:block; clear:both;}

dl.wrok-box{overflow:hidden;}
dl.wrok-box dd{float:left; width:350px; margin-right:75px; position:relative; margin-bottom:2%;}
dl.wrok-box dd:nth-child(3n){margin-right:0;}
dl.wrok-box dd:after{content:""; display:block; position:absolute; top:36%; right:-17%; background:url("../images/ico/arrow-ico.png")no-repeat; width:47px; height:34px;}
dl.wrok-box dd:nth-child(11n):after{display:none;}
dl.wrok-box dd .tbox{text-align:center; font-size:19px; padding:2% 0;}
dl.wrok-box dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; max-height:220px; }


dl.wrokk-box{overflow:hidden;}
dl.wrokk-box dd{float:left; width:260px; margin-right:50px; position:relative; margin-bottom:2%;}
dl.wrokk-box dd:nth-child(4n){margin-right:0;}
dl.wrokk-box dd:after{content:""; display:block; position:absolute; top:36%; right:-18%; background:url("../images/ico/arrow-ico.png")no-repeat; width:45px; height:20px;}
dl.wrokk-box dd:nth-child(4n):after{display:none;}
dl.wrokk-box dd .tbox{text-align:center; font-size:19px; padding:2% 0;}
dl.wrokk-box dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; max-height:150px; }
/*E:실적현황*/

/*S:유지관리*/
.smg-box{overflow:hidden; margin:3% 0;}
.smg-box dl{overflow:hidden; border:solid 1px #ddd; box-sizing:border-box; height:358px;}
.smg-box dl dd{float:left;}
.smg-box dl dd:first-child{width:35%;}
.smg-box dl dd:first-child img{width:100%;}
.smg-box dl dd:nth-child(2){width:65%; position:relative; padding:8% 5%; box-sizing:border-box;}
.smg-box dl dd:nth-child(2):after{content:""; display:block; background:url("../images/img/img03-02-02.jpg")no-repeat; background-position:50% 50%; background-size:cover; width:100%; height:358px; position:absolute; top:0; left:0;}
.smg-box dl dd:nth-child(2) div{position:inherit; z-index:1; color:#fff;}
.smg-box dl dd:nth-child(2) div.tit{font-size:24px; letter-spacing:-0.5px;}
.smg-box dl dd:nth-child(2) div.txt{font-size:16px; letter-spacing:-0.5px; margin-top:2%; line-height:160%;}
.smg-box dl dd:nth-child(2) div.txt span{display:block;}

.fix-box{overflow:hidden; margin:3% 0;}
.fix-box dd{float:left; width:50%;}

.fix-list{overflow:hidden; margin-bottom:3%;}
.fix-list dd{float:left; width:220px; margin-right:25px; font-size:16px;  position:relative; letter-spacing:-0.5px;}
.fix-list dd:nth-child(5){margin-right:0;}
.fix-list dd:after{content:""; display:block; position:absolute; top:30px; right:-5%; width:12px; height:34px;}
.fix-list dd:first-child:after, .fix-list dd:nth-child(3):after{background:url("../images/ico/green_ar.png")no-repeat;}
.fix-list dd:nth-child(2n):after{background:url("../images/ico/green-ar1.png")no-repeat;}

.fix-list dd div.tit:before{content:""; display:block; background:url("../images/img/box-bg.png")repeat; background-position:50% 50%; width:100%; height:100%; position:absolute; top:0; left:0;}
.fix-list dd div.tit{color:#fff; width:100%; height:97px; padding:18% 10% 10% 8%; box-sizing:border-box; position:relative;}
.fix-list dd div.tit:after{display:block; position:absolute; top:16%; left:9%;}

.fix-list dd:first-child div.tit, .fix-list dd:nth-child(3) div.tit, .fix-list dd:nth-child(5) div.tit{background-color:#3f7c77;}
.fix-list dd:nth-child(2n) div.tit{background-color:#4e9d98;}

.fix-list dd:first-child div.tit:after{content:"01";}
.fix-list dd:nth-child(2) div.tit:after{content:"02";}
.fix-list dd:nth-child(3) div.tit:after{content:"03";}
.fix-list dd:nth-child(4) div.tit:after{content:"04";}
.fix-list dd:nth-child(5) div.tit:after{content:"05";}

.fix-list dd .box .depth dd{border:solid 1px #ddd; height:97px; box-sizing:border-box; padding:10% 14%; margin-top:5%; letter-spacing:-0.5px;}
.fix-list dd .box .depth dd:nth-child(2), .fix-list dd:nth-child(5) .box .depth dd{padding:16% 14%;}
.fix-list dd .box .depth dd span{display:block;}
.fix-list dd .box .depth dd:after{display:none;}

.nofix-list{overflow:hidden; margin:3% 0;}
.nofix-list dd:before{content:""; display:block; background:url("../images/img/box-bg.png")repeat; background-position:50% 50%; width:100%; height:100%; position:absolute; top:0; left:0;}
.nofix-list dd{position:relative; float:left; width:280px; margin-right:26px; height:97px; color:#fff; font-size:16px; padding:3.5% 2% 3% 2%; box-sizing:border-box;}
.nofix-list dd:after{content:""; display:block; position:absolute; top:30px; right:-4%; width:12px; height:34px;}

.nofix-list dd:first-child, .nofix-list dd:nth-child(3){background-color:#3f7c77;}
.nofix-list dd:nth-child(2n){background:#4e9d98;}
.nofix-list dd:nth-child(4){margin-right:0;}

.nofix-list dd:first-child:after, .nofix-list dd:nth-child(3):after{background:url("../images/ico/green_ar.png")no-repeat;}
.nofix-list dd:nth-child(2):after{background:url("../images/ico/green-ar1.png")no-repeat;}

.nofix-list dd span{position:relative;}
.nofix-list dd span:after{display:block; position:absolute; top:-23px; left:0;}
.nofix-list dd:first-child span:after{content:"01";}
.nofix-list dd:nth-child(2) span:after{content:"02";}
.nofix-list dd:nth-child(3) span:after{content:"03";}
.nofix-list dd:nth-child(4) span:after{content:"04";}
/*E:유지관리*/



/*media*/

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


#cont-wrap{margin:85px 0;}

.tite-img{height:230px; background-position:0 35%;}
.tite-img .wrap h1{font-size:40px;}
.tite-img .wrap p{font-size:20px;}

/*sub-menu*/
#sub-menu .wrap ul{position:relative; width:100%;  padding:0; top:-50px;}



#sub-menu .wrap:nth-child(2){padding:0 5%; box-sizing:border-box;}
#content{padding:0 5%; box-sizing:border-box;}

.b-line{margin:4% 0;}

/*S:인사말*/
.cont-box1 .left, .cont-box1 .right{float:none; width:100%;}
.cont-box1 .left img, .cont-box2 .right img{width:100%;}

.cont-box1 .right h1{margin:3% 0 2% 0;}
.cont-box1 .right div span{display:inline-block;}

.cont-box2{margin-top:0;}
.cont-box2 .left{width:100%; margin-right:0; text-align:left; float:none; margin-bottom:2%;}
.cont-box2 .left h1{margin:3% 0 2% 0;}
.cont-box2 .left div span{display:inline;}

.cont-box2 .right{width:100%; float:none;}

.cont-box3 dl dd{width:32.1%;}
.cont-box3 dl dd .ibox{width:85%; margin:0 auto;}
.cont-box3 dl dd .ibox img{width:100%;}
.cont-box3 dl dd .tbox div span{display:inline;}


.ci-box1 .right h1{font-size:26px;font-family:'s-core-dream-regular'; font-weight:600; margin:0% 0 1% 0;}
.ci-box1 .right h2.s-tite{font-family:'s-core-dream-regular'; font-size:17px;}
.ci-box2{overflow:hidden; margin-top:5%;font-size:26px; ; }


/*E:인사말*/

/*S:연혁*/
.history-img img{width:100%;}

.history-box dl{width:100%; margin-left:0%; }
.history-box dd div.year{width:40%; font-size:22px;  }
.history-box dd div.year i{font-size:20px; font-weight:400;}
.history-box dd div.cont{width:60%;}
.history-box dd div.cont p{margin-bottom:2%;font-size:16px;}
.history-box dd div.cont p i{font-size:15px; }


/*E:연혁*/

/*S:인증서*/
.cert-box dl dd{width:32.3%; margin-right:1%; margin-bottom:2%;}
.cert-box dl dd:nth-child(4n){width:32.3%; margin-right:1%;  }
.cert-box dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; height:330px; }
/*E:인증서*/

/*S:오시는길*/
.adderss-box .tab, .adderss-box .map{float:left; width:100%; overflow:hidden;}
.adderss-box .tab dl dd{width:33.3%; float:left; box-sizing:border-box; height:150px; padding:10% 2% 2% 2%;}
.adderss-box .tab dl dd:after{width:50px; height:50px; top:10%; left:40%; background-size:contain !important;}
.adderss-box .tab dl dd div{text-align:center;}
.adderss-box .tab dl dd div span{display:block;}
.adderss-box .tab dl dd:nth-child(2){border-top:solid 1px #ddd;}
.adderss-box .tab dl dd:last-child{border-top:solid 1px #ddd; border-right:solid 1px #ddd;}

.tel-box dl dd:after{width:70px; height:70px; background-size:contain !important; left:8%;}
.no-scroll iframe{width:100% !important;}
/*E:오시는길*/


/*S:인조잔디*/
h3.tite{font-size:22px; margin:0 0 1% 0;}
h3.tite:after{width:7px; height:24px; top:9px; background-size:contain;}

.cert-box1 dl dd{width:48%; margin-right:2%; margin-bottom:2%;}
.cert-box1 dl dd:nth-child(4n){width:48%; margin-right:1%;  }
.cert-box1 dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; }

#tab-1 dl.img-box dd img{width:100%;}
#tab-1 dl.img-box dd:first-child{width:80%;}
#tab-1 dl.img-box dd:nth-child(2){width:20%; padding-top:5%;}
#tab-1 dl.img-box dd p{width:80%; margin:0 auto;}

.tit-box{font-size:16px; padding:1% 0;}
.tit-box span{display:inline;}

#tab-1 .c-wrap{height:auto; border:none;}
#tab-1 .c-wrap dl.tbl{width:100%; float:none; border:solid 1px #ddd; box-sizing:border-box;}
#tab-1 .c-wrap dl.tbl dd div{padding:2% 0;}
#tab-1 .c-wrap dl.tbl dd .division{width:40%}
#tab-1 .c-wrap dl.tbl dd .explan{width:60%;}
#tab-1 .c-wrap div.ibox img{width:100%;}

#tab-1 dl.ibox dd img{width:100%;}
#tab-1 div.tit{font-size:14px;}
#tab-1 div.tit span{display:inline;}

#tab-1 dl.cool-img dd img{width:100%;}
#tab-1 dl.cool-img dd:first-child{width:60%;}
#tab-1 dl.cool-img dd:nth-child(2){width:40%;}

#tab-1 dl.sys-img dd{width:50%;}
#tab-1 dl.sys-img dd img{width:100%;}

#tab-1 dl.scie-box dd div.ibox img{width:100%;}

#tab-1 dl.field-box dd:first-child{width:65%;}
#tab-1 dl.field-box dd:nth-child(2){width:35%;}
#tab-1 dl.field-box dd img{width:100%;}

#tab-1 ul.field-tbox li{font-size:14px; padding:3% 0 3% 12%;}

/*제품*/
dl.master55 dd{width:49%;}
dl.master55 dd:nth-child(2){margin-left:1%; margin-right:0;}
dl.master55 dd img, dl.master19 dd img, .m-img img{width:100%;}

.master19-wrap{margin-bottom:8%;}
ul.list li{font-size:14px; line-height:180%;}
.m-img{width:55%;}

dl.master14 dd, dl.master14 dd:nth-child(3){width:30%; margin-right:1%;}
dl.master14 dd:nth-child(2){margin-right:1%;}
dl.master14 dd:nth-child(3){width:38%; margin-right:0; margin-left:0;}
dl.master14 dd img{width:100%;}

.mark img{width:100%;}

/*20-11-10 제직 및 가공 공정*/
dl.weav dd:before{width:23px; height:18px;}

/*E:인조잔디*/

/*수정20-10-15 인조잔디제품*/

/*슬라이드*/
.flex-direction-nav a{top:38% !important;}

.product-box .left{width:100%; float:none;}
.product-box .right{width:100%; float:none;}
.product-box .right .cont-box{padding:5%;}
.chara-box .left, .chara-box .right{width:100%; float:none;}
.chara-box .right dl{margin-top:0;}


/*S:인조잔디충진재*/
dl.infi-box dd{float:none; height:auto;}
dl.infi-box dd:first-child{width:100%; height:auto; padding:3%; background-size:contain;}
dl.infi-box dd:nth-child(2) img{width:100%;}

dl.infi-box dd p.qmark{padding-left:4%;}
dl.infi-box dd p.qmark::after{width:27px; height:19px; background-size:contain; top:29%;}

/*20-10-16 추가*/
dl.infi-box dd:nth-child(2){width:100%;}
dl.infi-box dd:nth-child(2) div.se-img{width:60%; margin:0 auto;}
dl.infi-box dd:nth-child(2) div.se-img img{width:100%;}


/*장점*/
#infill .ibox img, #infill .tbox img{width:100%;}
#infill .tbox .logo{width:40%;}
#infill .left .tbox, #infill .right .tbox{height:auto; background-size:cover;}

#infill .txt-wrap{margin-top:5%;}
#infill .txt-wrap h3.tite{padding-left:3%;}
#infill .txt-wrap h3.tite:after{height:23px;}

/*E:인조잔디충진재*/

/*S:인조잔디철거*/
dl.demo-img dd{width:49%; margin-bottom:1%;}

/*인조잔디철거 작업공정*/
dl.work-box{margin-top:2%;}
dl.work-box dd img{width:100%;}
h4.w-tit-1,h4.w-tit-2{padding-left:5%;}

.work-txt{line-height:180%;}
.work-txt p{padding-top:1%;}

/*20-10-16 추가*/
dl.demo dd:before{width:23px; height:18px;}


/*E:인조잔디철거*/

/*S:실적현황*/
dl.wrok-box dd{width:31.3%; margin-right:3%; margin-bottom:3%;}
dl.wrok-box dd:after{right:-9%; width:22px; height:18px; background-size:contain;}
dl.wrok-box dd .ibox img{width:100%;}

dl.wrokk-box dd{width:22%; margin-right:3%; margin-bottom:3%;}
dl.wrokk-box dd:after{right:-9%; width:22px; height:18px; background-size:contain;}
dl.wrokk-box dd .ibox img{width:100%;}
/*E:실적현황*/

/*S:유지관리*/
.smg-box dl{height:auto;}
.smg-box dl dd:nth-child(2):after{height:100%; position:30% 50%;}

.fix-list dd{width:19%; margin-right:1.2%;}
.fix-box dd img{width:100%;}
.fix-list dd div.tit{height:104px; padding:22% 10% 10% 10%;}

.fix-list dd .box .depth dd{float:none; width:100%; padding:8% 9%; height:80px;}
.fix-list dd .box .depth dd:nth-child(2), .fix-list dd:nth-child(5) .box .depth dd{padding:14% 13%;}

.nofix-list dd{width:24%; margin-right:1.3%; padding:4% 2% 3% 3%;}
/*E:유지관리*/


}
/*E:max-width:1024*/

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

#cont-wrap{margin:75px 0;}

.tite-img{height:190px; background-position:0 35%;}
.tite-img .wrap h1{font-size:30px;font-family: 'KOFIHDrLEEJWTTF-B'; margin-top:4.5%;}
.tite-img .wrap p{font-size:18px; font-family: 'KOFIHDrLEEJWTTF-B';margin-top:1%;}
.tite-img .wrap p span{display:block; font-family: 'KOFIHDrLEEJWTTF-B';margin-top:0%;}

/*sub-menu*/
#sub-menu .wrap{padding-bottom:0;}
#sub-menu .wrap ul li a{padding:0 0; font-size:16px;}
#sub-menu .wrap .tite-box{margin-top:8%;}

/*S:인사말*/
.cont-box1 .right h1, .cont-box2 .left h1{font-size:30px;}
.cont-box1 .right h2.s-tite, .cont-box2 .left h2.s-tite{font-size:26px;}
.cont-box1 .right div span{display:inline;}

.cont-box2 .left{margin-bottom:4%;}

.cont-box3 .tite-img-box img{width:100%;}
.cont-box3 h1{font-size:30px;}
.cont-box3 h2.s-tite{font-size:26px;}
.cont-box3 dl{margin-top:5%;}
.cont-box3 dl dd{width:100%; border-bottom:solid 1px #ddd; border-right:none; padding:3%;}
.cont-box3 dl dd:nth-child(3){border-left:none; border-bottom:none;}
.cont-box3 dl dd .ibox{display:inline-block; width:27%; margin:0 auto;}
.cont-box3 dl dd .tbox{display:inline-block; width:69%; text-align:left; box-sizing:border-box; padding:0 0 0 5%; vertical-align:top;}

.ci-box1 .right h1{font-size:22px;}
.ci-box1 .right h2.s-tite{font-size:16px; font-weight:400; }
.ci-box2{ margin-top:5%;font-size:22px; ; }


/*E:인사말*/

/*S:연혁*/
.history-box dl{width:100%; margin-left:0%; }
.history-box dd div.year{width:42%; font-size:20px;  }
.history-box dd div.year i{font-size:18px; font-weight:400;}
.history-box dd div.cont{width:58%;}
.history-box dd div.cont p{margin-bottom:2%;font-size:15px;}
.history-box dd div.cont p i{font-size:15px; }


/*E:연혁*/

/*S:인증서*/
.cert-tite span{display:inline;}

.cert-box dl dd:nth-child(4){clear:both;}
.cert-box dl dd .tbox{height:auto;}
.cert-box dl dd .tbox span{display:inline;}
.cert-box dl dd:nth-child(6) .tbox span{display:block;}
/*E:인증서*/

/*S:오시는길*/
.adderss-box .tab dl dd{padding:13% 2% 4% 2%;}

.tel-box dl dd{float:none; width:100%; padding:6%;}
.tel-box dl dd:first-child{border-right:solid 1px #ddd; border-bottom:none;}

/*E:오시는길*/

/*S:인조잔디*/

.cert-box1 dl dd{width:100%; margin-right:0%; margin-bottom:2%;}
.cert-box1 dl dd:nth-child(4n){width:100%; margin-right:0%;  }
.cert-box1 dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; }

#tab-1 .c-wrap div.ibox{width:32%;}
#tab-1 .c-wrap div.ibox:nth-child(2){width:63%;}

#tab-1 ul.field-tbox li:first-child:after{width:77px; height:50px; background-size:contain;}
#tab-1 ul.field-tbox li:nth-child(2):after{width:77px; height:46px; background-size:contain;}
#tab-1 ul.field-tbox li:nth-child(3):after{width:52px; height:58px; background-size:contain;} 

/*제품*/
.mark{top:0; width:32%;}
.prod-tbl th, .prod-tbl td{font-size:13px;}


/*장점*/
.product-tbl{font-size:15px;}
.product-tbl thead tr th{padding:2%;}
.product-tbl tbody td{padding:2%;}
.product-tbl tbody td ul li{padding-left:2%;}


/*20-11-10 제직 및 가공 공정*/
dl.weav dd:before{right:-8%;}
dl.weav dd:nth-child(3):before{display:block;}
dl.weav dd:nth-child(2n):before{display:none;}
dl.weav dd{width:48%; margin-right:4%;}
dl.weav dd:nth-child(2n){margin-right:0;}
dl.weav dd:nth-child(3){margin-right:4%;}

/*E:인조잔디*/

/*S:인조잔디충진재*/
dl.infi-box dd:first-child{padding:5%;}

dl.infi-box dd p.qmark{padding-left:5%;}
dl.infi-box dd p.qmark::after{top:22%;}

.infi-cont .infi-tit{font-size:19px; text-align:center; padding:2%;}
.infi-tbox ul{float:none; width:100%; font-size:17px;}

/*장점*/
#infill .left{width:100%; margin-right:0; float:none;}
#infill .right{width:100%; margin-left:0; float:none; margin-top:5%;}

/*E:인조잔디충진재*/

/*S:인조잔디철거*/
dl.demo-box dd{width:50%; padding:5% 0; border-bottom:solid 1px #ddd;}
dl.demo-box dd:nth-child(2){border-right:none;}
dl.demo-box dd .ibox{width:56%; margin:0 auto;}
dl.demo-box dd .ibox img{width:100%;}

/*인조잔디철거작업공정*/
dl.work-box{margin-top:3%;}
h4.w-tit-1, h4.w-tit-2{padding-left:6%;}

/*20-10-16 추가*/
dl.demo dd:before{right:-8%;}
dl.demo dd:nth-child(3):before{display:block;}
dl.demo dd:nth-child(2n):before{display:none;}
dl.demo dd{width:48%; margin-right:4%;}
dl.demo dd:nth-child(2n){margin-right:0;}
dl.demo dd:nth-child(3){margin-right:4%;}


/*E:인조잔디철거*/


/*S:유지관리*/
.smg-box dl dd{float:none;}
.smg-box dl dd:first-child{width:50%; margin:0 auto;}
.smg-box dl dd:nth-child(2){width:100%; padding:11% 5%;}

.fix-list dd{width:31.3%; margin-right:3%;}
.fix-list dd:nth-child(3){margin-right:0;}
.fix-list dd:nth-child(3):after{display:none;}
.fix-list dd:nth-child(4){clear:both;}
.fix-list dd:nth-child(4), .fix-list dd:nth-child(5){margin-top:3%;}
.fix-list dd .box .depth dd:nth-child(2), .fix-list dd:nth-child(5) .box .depth dd{padding:12% 13%;}

.nofix-list dd{padding:6% 2% 3% 3%;}
/*E:유지관리*/

}
/*E:max-width:800*/

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

#cont-wrap{margin:60px 0;}

.tite-img{height:190px; background-position:20% 50%;}
.tite-img .wrap h1{font-size:28px; margin-top:7%;}
.tite-img .wrap p{font-size:17px;}




/*sub-menu*/
#sub-menu .wrap ul li{font-size:15px;}
#sub-menu .wrap ul li a{padding:0 0; font-size:15px;}

#sub-menu .wrap nav{font-size:12px; position:relative; top:-7px;}
#sub-menu .wrap nav.busi dl{width:100%;}

#sub-menu .wrap nav dl{width:100%; text-align:left;}
#sub-menu .wrap nav dl dd{padding-left:4%;}
#sub-menu .wrap nav dl dt::after, #sub-menu .wrap nav dl dd::after{top:4px; right:-14px;}
#sub-menu .wrap .tite-box h4{font-size:24px; padding-bottom:3%;}
#sub-menu .wrap .tite-box h4:after{width:139px; background-size:cover;}

/*S:인사말*/
.cont-box1 .right h1, .cont-box2 .left h1{font-size:24px; margin:4% 0;}
.cont-box1 .right h2.s-tite, .cont-box2 .left h2.s-tite{font-size:20px;}

.cont-box1 .right div, .cont-box2 .left div{font-size:14px; line-height:180%;}

.cont-box3 h1{font-size:24px; margin:4% 0 2%;}
.cont-box3 h2.s-tite{font-size:20px;}

.cont-box3 dl dd{padding:5% 5% 10%;}

.cont-box3 dl dd .ibox{width:43%;}
.cont-box3 dl dd .tbox{width:100%; text-align:center; padding:0;}
.cont-box3 dl dd .tbox h4{font-size:20px; padding:3% 0;}
.cont-box3 dl dd .tbox div{font-size:16px;}



.ci-box1 .left{width:100%; padding-right:5%; }
.ci-box1 .right{overflow:auto; width:100%;  padding-right:5%; margin-bottom:50px;}

.ci-box2 .left{width:100%;  padding-right:5%; }
.ci-box2 .right{overflow:auto; width:100%;  padding-right:5%;}

.symol{overflow:auto; }
.symol_btn{text-align:center; margin-top:60px;}
.symol_btn .big_btn{background:#1b7095; font-size:12px; width:130px;}
.symol_btn .big_btn a{color:#fff; display:block; padding:10px;}
.symol_btn .down_btn{background:#f7941d; font-size:12px; width:130px; margin-left:8px;}
.symol_btn .down_btn a{color:#fff; display:block; padding:10px;}


/*E:인사말*/

/*S:연혁*/
.history-box dl{width:100%; margin-left:0%; }
.history-box dd div.year{width:40%; font-size:18px;  }
.history-box dd div.year i{padding:1px 5px; color:#fff; font-size:16px; font-weight:400;margin-left:10%; margin-right:5%; font-style:normal; }
.history-box dd div.cont{width:60%;}
.history-box dd div.cont p{margin-bottom:2%;font-size:14px;}
.history-box dd div.cont p i{font-size:13px; }

/*E:연혁*/

/*S:인증서*/
.cert-tite{font-size:18px;}

.cert-box dl dd{width:49%; margin-bottom:6%;}
.cert-box dl dd:nth-child(2){width:49%; margin-right:0; margin-left:1%;}
.cert-box dl dd:nth-child(4n){clear:none; width:49%; margin-right:0; margin-left:1%;}
.cert-box dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; height:auto; }
.cert-box dl dd:last-child{margin-right:0; margin-left:1%;}

.cert-box dl dd .tbox{font-size:14px; margin-top:1%;}
/*E:인증서*/

/*S:오시는길*/
.adderss-box .tab dl dd{font-size:16px; padding:3%; width:100%; height:60px; float:none;}
.adderss-box .tab dl dd:first-child, .adderss-box .tab dl dd:nth-child(2){border-right:solid 1px #ddd; border-bottom:none;}
.adderss-box .tab dl dd div span{display:inline;}
.adderss-box .tab dl dd:first-child:after, .adderss-box .tab dl dd:nth-child(2):after, .adderss-box .tab dl dd:nth-child(3):after{display:none;}

.tel-box dl dd:after{width:55px; height:55px; left:4%;}

.no-scroll iframe{width:100% !important; height:370px !important;}
/*E:오시는길*/

/*S:인조잔디*/
#sub-menu .wrap ul.business li{width:25%;}
#sub-menu .wrap ul.business li:nth-child(3).line::before{display:none;}

.cont-tab ul li{width:50%; font-size:16px; padding:2%;}
.cont-tab ul li:first-child, .cont-tab ul li:nth-child(2){border-bottom:none;}
.cont-tab ul li:nth-child(3){border-left:solid 1px #ddd;}
.cont-tab ul li.on{background-size:cover;}



h3.tite{font-size:20px; margin:0 0 3% 0; padding-left:3%;}
h3.tite:after{height:15px; top:8px;}

#tab-1 dl.img-box dd{float:none;}
#tab-1 dl.img-box dd:first-child{width:100%;}
#tab-1 dl.img-box dd:nth-child(2){width:100%; overflow:hidden; padding:5% 0 5% 6%;}
#tab-1 dl.img-box dd p{float:left; width:31.3%; margin-right:2%;}
#tab-1 dl.img-box dd p:nth-child(3){width:20%;}

#tab-1 dl.i-box{margin:5% 0;}
#tab-1 dl.i-box dd{width:48%; vertical-align:top;}
#tab-1 dl.i-box dd img{width:100%;}
#tab-1 dl.i-box dd:first-child img{width:65%;}

#tab-1 .c-wrap dl.tbl{margin-bottom:2%;}
#tab-1 .c-wrap .ibox-wrap{overflow:hidden; height:194px;}
#tab-1 .c-wrap div.ibox{width:37%;}

#tab-1 dl.ibox{border:none;}
#tab-1 dl.ibox dd{width:50%; border-left:solid 1px #ddd;}
#tab-1 dl.ibox dd:first-child, #tab-1 dl.ibox dd:nth-child(2){border-bottom:solid 1px #ddd; border-top:solid 1px #ddd;}
#tab-1 dl.ibox dd:nth-child(2){border-left:none;}
#tab-1 dl.ibox dd:nth-child(3){border-right:solid 1px #ddd; border-bottom:solid 1px #ddd;}

#tab-1 dl.ibox.b-none dd{border-left:none;}
#tab-1 dl.ibox.b-none dd:first-child, #tab-1 dl.ibox.b-none dd:nth-child(2){border-bottom:none; border-top:none;}
#tab-1 dl.ibox.b-none dd:nth-child(2){border-left:none;}
#tab-1 dl.ibox.b-none dd:nth-child(3){border-right:none; border-bottom:none;}

#tab-1 dl.cool-img dd{float:none;}
#tab-1 dl.cool-img dd:first-child, #tab-1 dl.cool-img dd:nth-child(2){width:100%;}
img.border{width:56%;}

#tab-1 dl.sys-tbl{font-size:14px;}
#tab-1 dl.sys-tbl dd{float:none; width:100%; overflow:hidden; border-right:solid 1px #ddd;}
#tab-1 dl.sys-tbl dd:first-child, #tab-1 dl.sys-tbl dd:nth-child(2), #tab-1 dl.sys-tbl dd:nth-child(3), #tab-1 dl.sys-tbl dd:nth-child(4){width:100%;}
#tab-1 dl.sys-tbl dd:nth-child(2) span{display:block;}

#tab-1 dl.sys-tbl dd:first-child{border-top:solid 1px #ddd;}

#tab-1 dl.sys-tbl dd div{float:left; width:25%; box-sizing:border-box; height:50px; line-height:50px; border-right:solid 1px #ddd;}
#tab-1 dl.sys-tbl dd:nth-child(2) div.m1, #tab-1 dl.sys-tbl dd:nth-child(2) div.m2, #tab-1 dl.sys-tbl dd:nth-child(2) div.m3{line-height:19px; padding-top:2%;}
#tab-1 dl.sys-tbl dd div:last-child{border-right:none;}
#tab-1 dl.sys-tbl dd .tite{border-top:none;}

#tab-1 dl.sys-img dd{float:none; width:100%;}

#tab-1 dl.scie-box dd{float:none; width:100%; margin-right:0;}
#tab-1 dl.scie-box dd:nth-child(2){margin-left:0; border-top:dashed 1px #ddd;}
#tab-1 dl.scie-box dd .tbox{font-size:17px; padding:2%;}
#tab-1 dl.scie-box dd ul{padding:3% 0;}
#tab-1 dl.scie-box dd ul li{font-size:15px; padding-left:3%;}

#tab-1 dl.field-box dd{float:none;}
#tab-1 dl.field-box dd:first-child, #tab-1 dl.field-box dd:nth-child(2){width:100%;}

#tab-1 ul.field-tbox li{padding:17% 0 3% 0;}
#tab-1 ul.field-tbox li:last-child{padding:20% 0 3% 0;}
#tab-1 ul.field-tbox li:first-child:after{top:12%;}
#tab-1 ul.field-tbox li:nth-child(2):after{top:7%;}
#tab-1 ul.field-tbox li:nth-child(3):after{top:7%;}

/*제품*/
ul.list li{padding-left:3%;}

.master19-wrap{margin-bottom:0;}
dl.master19 dd{width:49%;}
dl.master19 dd:nth-child(2){margin-right:0; margin-left:1%;}
dl.master19 dd:nth-child(3){margin-left:0;}

.m-img{position:relative; width:100%;}

dl.master14 dd{width:49%;}
dl.master14 dd:nth-child(2){margin-right:0; margin-left:1%;}
dl.master14 dd:nth-child(3){width:100%;}

.prod-tbl th span, .prod-tbl td span{display:block;}

/*장점*/
.product-tbl{font-size:14px;}
.product-tbl tbody td ul li{padding-left:4%; margin-bottom:1%;}


/*20-11-10 제직 및 가공 공정*/
dl.weav dd:before, dl.demo dd:nth-child(3):before{display:none;}

dl.weav dd{width:100%; float:none; margin-right:0; margin-bottom:5%;}
dl.weav dd:nth-child(3){margin-right:0;}
dl.weav dd .d-txt{font-size:16px;}


/*E:인조잔디*/

/*수정20-10-15 인조잔디제품*/
.product-box .right .cont-box{padding:5% 5% 10%;}
.product-box .right .p-tite{font-size:25px;}
.product-box .right .p-txt{font-size:13px;}

.product-box .right dl.pur-box{padding:3% 0;}
.product-box .right dl.pur-box dd{margin-right:2%; margin-bottom:2%; padding:1% 3%; border-radius:18px;}

.product-box .right .w-box dl{margin-top:5%; padding:5%;}
.product-box .right .w-box dl dd div.tit{width:30%;}
.product-box .right .w-box dl dd div.txt{width:70%;}
.product-box .right .w-box dl dd .txt{font-size:15px;}

.product-box .right dl.color{font-size:14px;}
.product-box .right dl.color dd{width:30%;}
.product-box .right dl.color dd:nth-child(2){width:70%;}
.product-box .right dl.color dd div{padding:3% 11%;}
.product-box .right dl.color dd.lf20:nth-child(2) div{padding:3% 0;}


.chara-box{margin-top:5%;}
.chara-box h3{padding:3% 0; text-indent:2%;}
.chara-box dl dd{font-size:15px; line-height:160%; margin-bottom:2%; padding-left:2%; word-break:keep-all;}


/*S:인조잔디충진재*/

.cont-tab.w33 ul li{width:50%;}
.cont-tab.w33 ul li:nth-child(2){border-bottom:solid 1px #ddd;}

.infi-cont .infi-tit{font-size:18px; word-break:keep-all;}

dl.infi-box dd{font-size:15px;}
dl.infi-box dd:first-child p:first-child{width:41%;}
dl.infi-box dd:first-child p img{width:100%;}
dl.infi-box dd p.qmark{padding-left:9%;}

.infi-tbox ul{font-size:16px;}
.infi-tbox ul li{word-break:keep-all;}


/*20-10-16 추가*/
dl.infi-box dd:nth-child(2){padding:7% 4%;}
dl.infi-box dd:nth-child(2):after{height:100%; background-size:contain;}
dl.infi-box dd:nth-child(2) div.se-tit{font-size:20px;}
dl.infi-box dd:nth-child(2) div.blue-box{width:80%; padding:1% 2%;}
dl.infi-box dd:nth-child(2) div.se-img{width:70%; padding-top:8%;}

/*장점*/
#infill .tbox{padding:6%; font-size:15px;}
#infill .tbox .logo{margin-bottom:1%;}

#infill .txt-wrap ul li{font-size:16px; padding-left:3%; margin-bottom:2%;}
#infill .txt-wrap h3.tite:after{height:20px; top:6px;}

/*E:인조잔디충진재*/

/*S:인조잔디철거*/
.cont-tab.w50 ul li:first-child, .cont-tab.w50 ul li:nth-child(2){border-bottom:solid 1px #ddd;}

dl.demo-box dd{width:100%; float:none; border-right:none;}
dl.demo-box dd .ibox{width:34%;}
dl.demo-box dd:last-child{border-right:none;}


dl.demo-box dd .tbox .tite{font-size:19px; margin:3% 0 2% 0;}
dl.demo-box dd .tbox .txt{font-size:16px;}

/*인조잔디철거작업공정*/
dl.work-box{margin-top:5%;}
dl.work-box dd{float:none; width:100%; margin-right:0; margin-bottom:1%;}
dl.work-box dd:nth-child(2){margin-left:0;}

h4.w-tit-1, h4.w-tit-2{font-size:20px; padding-left:9%;}
h4.w-tit-1:after, h4.w-tit-2:after{width:30px; height:30px; line-height:30px; font-size:14px;}

.work-txt{font-size:16px; line-height:160%;}

/*20-10-16 추가*/
dl.demo dd:before, dl.demo dd:nth-child(3):before{display:none;}

dl.demo dd{width:100%; float:none; margin-right:0; margin-bottom:5%;}
dl.demo dd:nth-child(3){margin-right:0;}
dl.demo dd .d-txt{font-size:16px;}

/*E:인조잔디 철거*/

/*S:시공순서*/
#sub-menu .wrap ul.work li{width:33.3%;}
#sub-menu .wrap ul.work li:nth-child(3)::before{display:none;}

.work-wrap{margin-top:5%;}

dl.wrok-box dd{width:100%; margin-right:0%; float:none; margin-bottom:8%;}
dl.wrok-box dd:after, dl.wrok-box dd:nth-child(3n):after{top:initial; right:48%; bottom:-6%; transform:rotate(90deg); display:block;}
dl.wrok-box dd:last-child:after{display:none;}
dl.wrok-box dd:nth-child(2n){margin-right:0;}
dl.wrok-box dd:nth-child(3){margin-right:2%;}

dl.wrokk-box dd{width:100%; margin-right:0%; float:none; margin-bottom:8%;}
dl.wrokk-box dd:after, dl.wrok-box dd:nth-child(3n):after{top:initial; right:48%; bottom:-6%; transform:rotate(90deg); display:block;}
dl.wrokk-box dd:last-child:after{display:none;}
dl.wrokk-box dd:nth-child(2n){margin-right:0;}
dl.wrokk-box dd:nth-child(3){margin-right:2%;}
dl.wrokk-box dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; max-height:200px;  }

dl.wrok-box{margin-top:2%;}
dl.wrok-box dd .tbox{font-size:18px; padding:1% 0 2% 0;}

/*E:시공순서*/

/*S:유지관리*/
.smg-box dl dd:first-child{width:100%;}
.smg-box dl dd:nth-child(2){padding:10% 6%;}
.smg-box dl dd:nth-child(2) div.tit{font-size:19px;}
.smg-box dl dd:nth-child(2) div.txt{font-size:14px; line-height:160%;}
.smg-box dl dd:nth-child(2) div.txt span{display:inline;}

.fix-box dd{float:none; width:100%;}


.fix-list dd{float:none; width:100%; margin-right:0; margin-bottom:5%; font-size:18px;}
.fix-list dd:after{top:inherit; bottom:-23px; right:50%; transform:rotate(90deg);}
.fix-list dd:nth-child(2){border:solid 5px #4e9d98; box-sizing:border-box;}
.fix-list dd:nth-child(5){border:solid 5px #3f7c77; box-sizing:border-box;}
.fix-list dd:nth-child(3):after{display:block;}

.fix-list dd div.tit:before{transform:scaleX(-1);}
.fix-list dd div.tit{height:auto; padding:7% 15%; font-weight:600;}
.fix-list dd div.tit:after{top:35%; left:9%; font-size:16px;}

.fix-list dd .box .depth dd{width:80%; height:auto; padding:4%; margin:5% auto; text-align:center; font-size:16px;}
.fix-list dd .box .depth dd:nth-child(2), .fix-list dd:nth-child(5) .box .depth dd{padding:4%;}
.fix-list dd .box .depth dd span{display:inline;}

.nofix-list dd:before{transform:scaleX(-1);}
.nofix-list dd{float:none; width:100%; height:auto; margin-right:0; padding:8%; margin-bottom:5%;}
.nofix-list dd:after{top:inherit; right:50%; bottom:-23px; transform:rotate(90deg);}

.nofix-list dd span{padding-left:9%;}
.nofix-list dd span:after{top:0;}

/*E:유지관리*/


}
/*E:max-width:650*/


/*S:max-width:500*/
@media all and (max-width:520px){

.history-box dl{width:100%; margin-left:2%; }
.history-box dd div.year{width:100%; font-size:18px;  }
.history-box dd div.year i{padding:1px 5px; color:#fff; font-size:14px; font-weight:400;margin-left:5%; margin-right:5%; font-style:normal; }
.history-box dd div.cont{width:100%;}
.history-box dd div.cont p{margin-bottom:2%;font-size:13px;margin-left:4%; margin-right:3%;}
.history-box dd div.cont p i{font-size:12px; }
}


/*S:max-width:450*/
@media all and (max-width:450px){

.tite-img{height:160px; background-position:20% 50%;}
.tite-img .wrap h1{font-size:26px; margin-top:5%;}
.tite-img .wrap p{font-size:15px;}

#sub-menu .wrap ul li a{padding:0 0; font-size:13px;}

.ci-box1 .right h1{font-size:18px;}
.ci-box1 .right h2.s-tite{font-size:14px; font-weight:400; }
.ci-box2{ margin-top:5%;font-size:18px; ; }



}

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


/*S:인증서*/
.cert-tite{font-size:16px; padding-bottom:5%;}


.cert-box dl dd{width:100%; margin-bottom:6%;}
.cert-box dl dd:nth-child(2){width:100%; margin-right:0; margin-left:1%;}
.cert-box dl dd:nth-child(4n){clear:none; width:100%; margin-right:0; margin-left:1%;}
.cert-box dl dd .ibox img{border:solid 1px #ddd; box-sizing:border-box; width:100%; height:auto; }

/*E:인증서*/

/*S:오시는길*/
.tel-box dl dd{font-size:17px; padding:8%;}
/*E:오시는길*/

/*S:인조잔디*/
.product-box .right .w-box dl dd{overflow:hidden;}
.product-box .right .w-box dl dd .tit, .product-box .right .w-box dl dd .txt{font-size:14px !important;}

h3.tite{font-size:18px;}
h3.tite:after{height:13px;}
h4.tite{font-size:17px;}
.tit-box{font-size:15px; line-height:160%;}

#tab-1 .c-wrap .ibox-wrap{height:176px;}
#tab-1 .c-wrap dl.tbl dd{font-size:13px;}
#tab-1 ul.field-tbox li{line-height:160%;}
#tab-1 ul.field-tbox li span{display:inline;}
#tab-1 div.tit{line-height:160%;}

/*장점*/
.product-tbl{font-size:13px;}
.product-tbl tbody td ul li{padding-left:3%;}

/*E:인조잔디*/

/*S:인조잔디충진재*/
dl.infi-box dd p.qmark::after{width:22px; height:16px;}

.infi-tbox ul li{word-break:normal; padding-left:4%; line-height:normal; margin-bottom:2%;}
.infi-cont .infi-tit{font-size:16px;}

/*20-10-16 추가*/
dl.infi-box dd:nth-child(2) div.blue-box{width:90%;}

/*장점*/
#infill .txt-wrap ul li{word-break:keep-all;}
#infill .txt-wrap h3.tite:after{top:5px;}
/*E:인조잔디충진재*/

/*S:인조잔디철거*/

/*인조잔디철거 작업공정*/
h4.w-tit-1, h4.w-tit-2{font-size:18px;}
h4.w-tit-1:after, h4.w-tit-2:after{width:27px; height:27px; line-height:27px; font-size:13px; top:1px;}
.work-txt p{padding-top:2%;}

/*E:인조잔디철거*/


}
/*E:max-width:375*/

/*S:max-width:320*/
@media all and (max-width:320px){

#cont-wrap{margin:56px 0;}

.tite-img{height:160px; background-position:20% 50%;}
.tite-img .wrap h1{font-size:26px; margin-top:5%;}
.tite-img .wrap p{font-size:15px;}

/*S:인사말*/
.cont-box1 .right h2.s-tite, .cont-box2 .left h2.s-tite{line-height:160%;}
/*E:인사말*/


/*S:오시는길*/
.tel-box dl dd{padding:8% 0 8% 15%;}
/*E:오시는길*/

/*S:인조잔디*/
#sub-menu .wrap nav{position:relative;}
#sub-menu .wrap nav dl{width:100%;}
#sub-menu .wrap nav dl dt{width:4%;}
#sub-menu .wrap nav dl dt img{width:100%;}
#sub-menu .wrap nav dl dd{padding-left:5%;}

#sub-menu .wrap ul li{font-size:14px;}
#sub-menu .wrap ul.business li{font-size:13px;}


.cont-tab ul li{font-size:13px; padding:4%;}
.tit-box{line-height:180%;}
#tab-1 .c-wrap .ibox-wrap{height:150px;}

#tab-1 dl.ibox dd{width:100%;}
#tab-1 dl.ibox dd:nth-child(2){border-top:none; border-left:solid 1px #ddd;}
#tab-1 div.tit{line-height:180%;}

img.border{width:74%;}
#tab-1 dl.sys-tbl{font-size:12px; word-break:break-all;}

#tab-1 dl.scie-box dd .tbox{font-size:16px;}
#tab-1 dl.scie-box dd ul li{font-size:13px;}

#tab-1 ul.field-tbox li{line-height:180%;}
#tab-1 ul.field-tbox li:first-child:after{width:60px; height:31px;}
#tab-1 ul.field-tbox li:nth-child(2):after{width:55px; height:38px;}
#tab-1 ul.field-tbox li:nth-child(3):after{width:42px; height:48px;}

/*E:인조잔디*/

/*수정20-10-15 인조잔디제품*/
.product-box .right .w-box dl dd{overflow:hidden;}
.product-box .right .w-box dl dd .tit, .product-box .right .w-box dl dd .txt{font-size:13px !important;}

.chara-box dl dd{font-size:14px; word-break:break-all;}

/*S:인조잔디충진재*/
.infi-tbox{margin:5% 0;}
.infi-tbox ul{font-size:15px;}

dl.infi-box dd{font-size:14px;}
dl.infi-box dd:first-child{padding:9% 5%;}
dl.infi-box dd:first-child p:first-child{width:47%;}

.infi-cont .infi-tit{font-size:15px;}

/*20-10-16 추가*/
dl.infi-box dd:nth-child(2){padding:10% 4%;}
dl.infi-box dd:nth-child(2) div.se-tit{font-size:18px;}
dl.infi-box dd:nth-child(2) div.blue-box{width:100%; padding:1%;}


/*장점*/
#infill .tbox{padding:8% 5%; font-size:13px;}
#infill .txt-wrap ul li{font-size:15px;}
#infill .right{margin-top:7%;}
/*E:인조잔디충진재*/

/*S:인조잔디철거*/
dl.demo-box dd .tbox .tite{font-size:18px; margin:2% 0;}
dl.demo-box dd .tbox .txt{font-size:15px;}

/*E:인조잔디철거*/

/*S:인조잔디철거*/

/*인조잔디철거 작업공정*/
h4.w-tit-1, h4.w-tit-2{padding-left:11%; font-size:17px;}
.work-txt{font-size:15px;}
/*E:인조잔디철거*/

/*S:시공순서*/
dl.wrok-box{margin-top:5%;}
dl.wrok-box dd{width:100%; margin-right:0;}

/*E:시공순서*/

}
/*E:max-width:320*/