@charset "utf-8";

/*공통*/
.b-line{width:100%; height:13px; background:url("../images/common/b-line.png")repeat-x;}

#sub-wrap .sub-tite{width:100%; width:100%; height:190px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;}
.bg1{background-image:url("../images/sub/sub1-tite-img.jpg");}
.bg2{background-image:url("../images/sub/sub2-tite-img.jpg");}
.bg3{background-image:url("../images/sub/sub3-tite-img.jpg");}
.bg4{background-image:url("../images/sub/sub4-tite-img.jpg");}
.bg5{background-image:url("../images/sub/sub5-tite-img.jpg");}
.bg6{background-image:url("../images/sub/sub6-tite-img.jpg");}

/*서브메뉴*/
#sub-wrap .sub-menu{background-color:#f7f7f7; height:70px; line-height:70px;}
#sub-wrap .sub-menu .home-ico{float:left; width:70px;}
#sub-wrap .sub-menu .home-ico a{display:block;}
#sub-wrap .sub-menu .home-ico a img{display:block;}

#sub-wrap .sub-menu .sub-box{float:left; width:1130px;}

.slnb li{float:left; width:20%; box-sizing:border-box; text-indent:12%; font-size:17px; color:#333; position:relative;}
.slnb li a{display:block; border-right:solid 1px #e5e5e5; position:relative;}
.slnb li a::after{content:""; display:block; background:url("../images/ico/arrow-down.png")no-repeat; width:9px; height:6px; position:absolute; top:50%; right:10%;}

.slnb li ul.s-hide{background:#f7f7f7; display:none; position:absolute; width:100%; z-index:99; box-sizing:border-box;}
.slnb li ul.s-hide li{float:none; width:100%; font-size:15px; line-height:1.5; transition: all 0.5s, color 0.3s;}
.slnb li ul.s-hide li:hover{box-shadow:295px 0 0 0 rgb(3,166,120) inset; color:#fff;}

.slnb li ul.s-hide li a{border-right:none; position:relative; display:block; padding:5% 0;}
.slnb li ul.s-hide li a::after{display:none;}
.slnb li ul.s-hide li:hover a{color:#fff;}

/*타이틀*/
#sub-tit{width:100%; position:relative; clear:both;}
#sub-tit .navi-wrap{position:relative; border-bottom:solid 1px #ddd; margin:4% 0 0;}
#sub-tit .navi-wrap:after{content:""; display:block; width:16%; height:1px; background:#03a679; position:absolute; bottom:0; left:0;}
#sub-tit .navi-wrap h4{font-size:40px; text-align:left; padding-bottom:1%;}

#sub-tit .navi-wrap dl.navi{position:absolute; bottom:18%; right:0; width:30%; text-align:right;}
#sub-tit .navi-wrap dl.navi dd{display:inline-block; position:relative; padding-left:16px; font-size:13px; color:#666;}
#sub-tit .navi-wrap dl.navi dd:last-child{color:#03a678;}
#sub-tit .navi-wrap dl.navi dd:last-child::after{display:none;}
#sub-tit .navi-wrap dl.navi dd::after{content:">"; display:block; position:absolute; top:3%; right:-12px; font-size:11px;}

/*인사말*/
#sub-cont .wrap{/*min-height:500px;*/}
#sub-cont .greet-box{position:relative; margin:6% 0 8%;}
/*#sub-cont .greet-box::before{content:""; display:block; background:url("../images/sub/sub1-img02.png")no-repeat; width:242px; height:241px; position:absolute; bottom:-19%; right:32%;}*/
#sub-cont .greet-box::after{content:""; display:block; background:url("../images/sub/sub1-img1.png")no-repeat; width:479px; height:339px; position:absolute; top:0; right:0;}

#sub-cont .tit-box{font-size:40px; font-family:'GmarketSansBold'; line-height:1.2; letter-spacing:-2.5px; position:relative;}
#sub-cont .txt-box{font-size:18px; margin-top:1%; letter-spacing:-1.2px;}
#sub-cont .txt-box span{display:block;}
#sub-cont .sign{margin-top:3%; font-size:16px;}

dl.gall-view{margin:5% 0; overflow:hidden;}
dl.gall-view dd{border:solid 1px #ddd; width:380px; margin-right:30px; margin-bottom:3%; float:left; box-sizing:border-box; padding:2%; text-align:center;}
dl.gall-view dd:nth-child(3n){margin-right:0;}

dl.gall-view dd .ibox img{width:100%;}
dl.gall-view dd .tbox{font-size:18px; letter-spacing:-1.5px; padding-top:2%;}
dl.gall-view dd .tbox span{position:relative;}
dl.gall-view dd .tbox span::after{content:""; display:block; background:url("../images/ico/simbol-ico.png")no-repeat; width:21px; height:19px; position:absolute; top:19%; /*left:-35%;*/left:-27px;}
dl.gall-view dd:nth-child(2) .tbox span::after{left:-53%;}

/*연혁*/
.his-box{overflow:hidden; min-height:400px; margin:3% 0 10%;}
.his-box h4{font-size:24px; letter-spacing:-1.5px; position:relative; padding-left:2%; margin-bottom:2%;}
.his-box h4::after{content:""; display:block; width:20px; height:20px; border:solid 6px #03a678; box-sizing:border-box; position:absolute; top:25%; left:0;}

.his-box dl.his dd{display:inline-block; background:#f7f7f7; padding:1.5% 4%; font-size:17px; color:#999; font-family:'GmarketSansMedium'; margin-right:-3px; cursor:pointer;}
.his-box dl.his dd.on{background:#03a678; color:#fff;}

/*
.his-cont{display:none;}
.his-cont.on{display:inherit; position:relative;}
*/
#tab-2.his-cont ul{margin-top:0;}
.his-cont ul{margin-top:2%;}
.his-cont ul li{border-bottom:solid 1px #ddd; padding:1%; box-sizing:border-box;}
.his-cont ul li div{display:inline-block; font-size:18px; vertical-align:top;}
.his-cont ul li div.year{font-size:20px; font-family:'GmarketSansMedium'; width:140px; color:#03a678;}
.his-cont ul li div.mon{width:100px; color:#555;}
.his-cont ul li div.list{width:84%;}
.his-cont ul li div.list dl dd{line-height:2.0;}

/*ci*/
.ci-wrap{padding:6% 0 10%;}
.ci-wrap::after{content:""; display:block; clear:both;}
.ci-box{overflow:hidden;}
.ci-box .left h3{font-size:40px; font-family:'GmarketSansBold'; letter-spacing:-1.5px;}
.ci-box .left p{font-size:30px; font-family:'GmarketSansBold'; letter-spacing:-1.0px; position:relative;}
.ci-box .left p::after{content:""; display:block; position:absolute; width:185px; height:4px; background:#03a678;}
.ci-box .left .txt-box{padding-top:3%; color:#555;}

.appli{padding:3% 0; text-align:center;}
.appli::after{content:""; display:block; clear:both;}

.appli .left{border:solid 1px #ddd; box-sizing:border-box;}
.appli .right{border:solid 1px #ddd; box-sizing:border-box; border-left:none;}
.appli .logo{padding:3% 0;}
.appli .txt{border-top:solid 1px #ddd; background:#f5f5f5; font-size:18px; letter-spacing:-1.0px; padding:2% 0;}

.maincolor{padding:5% 0 0; overflow:hidden;}
.maincolor h3{font-size:24px; font-family:'GmarketSansBold';}
.maincolor dl{padding-top:1%;}
.maincolor dl::after{content:""; display:block; clear:both;}
.maincolor dl dd{float:left; width:24%; margin-right:1%; border:solid 1px #ddd;}
.maincolor dl dd:last-child{margin-right:0;}

.maincolor dl dd .green{background-color:#00b050; padding:20% 0;}
.maincolor dl dd .red{background-color:#ff0000; padding:20% 0;}
.maincolor dl dd .blue{background-color:#17375e; padding:20% 0;}
.maincolor dl dd .yellow{background-color:#ffc000; padding:20% 0;}

.maincolor dl dd .list{padding:5%;}
.maincolor dl dd .list ul{line-height:1.8; font-size:17px;}

/*인증현황*/
dl.certi-wrap{overflow:hidden; padding:3% 0 10%;}
dl.certi-wrap dd{float:left; width:24%; margin-right:1%; margin-bottom:3%;}
dl.certi-wrap dd:nth-child(4n){margin-right:0;}
dl.certi-wrap dd .img img{width:100%;}
dl.certi-wrap dd .gray-box{background:#f7f7f7; font-size:16px; padding:5%; text-align:center; margin-top:1%;}

/*사업장안내*/
h4.f-tite{font-size:24px; font-family:'GmarketSansBold'; position:relative; padding-left:40px;}
h4.f-tite::after{content:""; display:block; position:absolute; top:0; left:0; background:url("../images/ico/bullet.jpg")no-repeat; width:33px; height:32px;}

.info-wrap{padding:3% 0 10%;}
.info-wrap::after{content:""; display:block; clear:both;}

.info-list{overflow:hidden; padding-bottom:3%;}
.info-list .right p{font-size:18px; color:#555; letter-spacing:-0.8px; padding:2% 0 4%;}

ul.factory-list{border-top:solid 1px #ddd; font-size:17px; color:#555;}
ul.factory-list li{border-bottom:solid 1px #ddd; padding:3% 1%;}
ul.factory-list li span.tit{display:inline-block; width:30%; position:relative; text-indent:2%;}
ul.factory-list li span.tit::after{content:""; display:block; position:absolute; width:1px; height:30px; background-color:#ddd; top:0; right:12%;}
ul.factory-list li span.txt{display:inline-block; width:69%}

.factory-box{padding:3% 0; overflow:hidden;}
.factory-box .one-wrap{padding:2% 0; overflow:hidden;}

#map-one{position:relative;}
#map-one::after{content:""; display:block; position:absolute; width:90%; height:90%; background:rgba(0,0,0,0); z-index:1; top:0; left:0;}

.one-cont{clear:both; margin-top:1%;}
.one-cont ul.factory-list li{padding:2% 1%;}
.one-cont ul.factory-list li span.tit{width:15%; vertical-align:top;}
.one-cont ul.factory-list li span.txt i{display:block; font-size:16px; color:#999;}

/*스마트팩토리*/
.smart-img{overflow:hidden; margin:3% 0 0;}
.smart-txt{overflow:hidden; padding:1% 0 3%;}
.smart-txt p span{display:block;}
.smart-txt p.s-txt{font-size:20px; letter-spacing:-1.0px; line-height:1.4; color:#555;}
.smart-txt p.s-tit{font-size:24px; font-family:'GmarketSansBold'; letter-spacing:-1.8px; line-height:1.4; padding:1% 0 0; color:#333;}

.ict-box{padding:3% 0; overflow:hidden;}
h3.smart-tit{position:relative; font-size:24px; font-family:'GmarketSansBold'; letter-spacing:-1.2px; padding-left:2%;}
h3.smart-tit::after{content:""; display:block; width:20px; height:20px; border:solid 6px #03a678; box-sizing:border-box; position:absolute; top:25%; left:0;}

.ict-box dl{margin:3% 0 0;}
.ict-box dl::after{content:""; display:block; clear:both;}

.ict-box dl dd{margin-bottom:3%;}
.ict-box dl dd:after{content:""; display:block; clear:both;}

.ict-box dl dd .left{background-color:#03a678; width:270px; padding:3% 0; box-sizing:border-box; font-family:'GmarketSansMedium'; color:#fff; text-align:left; font-size:24px; text-indent:10%; position:relative;}
.ict-box dl dd .left::after{content:""; display:block; background:url("../images/sub/smart-level-bg01.png")no-repeat; width:59px; height:134px; position:absolute; top:-13px; right:-38px; z-index:-1;}
.ict-box dl dd .left::before{content:""; display:block; background:url("../images/sub/smart-level-ico01.png")no-repeat; width:86px; height:51px; position:absolute; top:0; right:0; opacity:0.6;}

.ict-box dl dd .left p{font-family:'GmarketSansLight'; font-size:20px; padding-bottom:2%;}

.ict-box dl dd .right{width:930px; height:134px; box-sizing:border-box; padding:1% 0 0; text-indent:10%; position:relative; z-index:-2;}
.ict-box dl dd .right::after{content:""; display:block; background-color:#f7f7f7; width:100%; height:100%; position:absolute; top:-9%; left:0; z-index:-1;}
.ict-box dl dd .right span{display:block; font-size:18px; letter-spacing:-1.2px;}

.ict-box dl dd:nth-child(2n) .left{background-color:#f2b705;}
.ict-box dl dd:nth-child(2n) .left::after{background:url("../images/sub/smart-level-bg02.png")no-repeat; top:-13px; right:-38px;}
.ict-box dl dd:nth-child(2n) .right{padding:2% 0;}
.ict-box dl dd:last-child .right{padding:3% 0;}

.concept{margin:3% 0;}
.concept h3.smart-tit::after{top:4px;}
.concept h5{font-family:'GmarketSansMedium'; font-size:30px;}
.concept ul{padding:1% 0 0; font-size:20px; color:#555; letter-spacing:-1.0px; line-height:1.5; overflow:hidden; margin-bottom:3%;}
.concept ul li{position:relative; padding-left:1%;}
.concept ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}

.normal-fact h5{font-size:20px; font-family:'GmarketSansMedium';}
.normal-fact h5 i{background:#03a678; color:#fff; padding:1% 2%; display:inline-block;}

.normal-fact dl{margin:2% 0; overflow:hidden; padding-bottom:3%;}
.normal-fact dl dd{float:left; width:23%; margin-right:8%; box-sizing:border-box; background-color:#f7f7f7; border:solid 1px #ddd; position:relative;}
.normal-fact dl dd::after{content:""; display:block; background:url("../images/ico/smart-arrow.png")no-repeat; width:57px; height:37px; position:absolute; top:44%; right:-27%;}
.normal-fact dl dd:last-child{margin-right:0;}
.normal-fact dl dd:last-child::after{display:none;}

.normal-fact dl dd .w-box{border:solid 1px #ddd; background-color:#fff; margin:6%; padding:10% 5% 15%; text-align:center;}
.normal-fact dl dd .w-box .img{width:122px; height:102px; margin:0 auto;}

.normal-fact dl dd:nth-child(1) .w-box .img{background:url("../images/ico/smart-ico01.png")no-repeat;}
.normal-fact dl dd:nth-child(2) .w-box .img{background:url("../images/ico/smart-ico02.png")no-repeat;}
.normal-fact dl dd:nth-child(3) .w-box .img{background:url("../images/ico/smart-ico03.png")no-repeat;}

.normal-fact dl dd .w-box .txt{font-size:20px; padding-top:5%; position:relative;}
.normal-fact dl dd .w-box .txt::before{content:""; display:block; background-color:#03a678; width:64px; height:1px; margin:0 auto 5%;}

.smart-fact{margin:3% 0;}
.smart-fact h5{font-size:20px; font-family:'GmarketSansMedium';}
.smart-fact h5 i{background:#f2b705; color:#fff; padding:1% 2%; display:inline-block;}
.smart-fact p{font-size:20px; font-family:'GmarketSansMedium'; padding:1% 0 2%;}

.smart-img-view{border-bottom:solid 1px #ddd; padding-bottom:3%;}
.smart-img-view .original{display:none;}

.smart-fact dl{margin:3% 0; overflow:hidden;}
.smart-fact dl dd{float:left; width:32%; margin-right:2%; box-sizing:border-box; background-color:#f7f7f7; border:solid 1px #ddd; position:relative;}
.smart-fact dl dd:last-child{margin-right:0;}

.smart-fact dl dd .w-box{border:solid 1px #ddd; background-color:#fff; margin:6%; padding:10% 5% 15%; text-align:center;}
.smart-fact dl dd .w-box .img{width:122px; height:102px; margin:0 auto;}

.smart-fact dl dd:nth-child(1) .w-box .img{background:url("../images/ico/smart-ico04.png")no-repeat;}
.smart-fact dl dd:nth-child(2) .w-box .img{background:url("../images/ico/smart-ico05.png")no-repeat;}
.smart-fact dl dd:nth-child(3) .w-box .img{background:url("../images/ico/smart-ico06.png")no-repeat;}

.smart-fact dl dd .w-box .txt{font-size:20px; letter-spacing:-1.2px; padding-top:5%; position:relative;}
.smart-fact dl dd .w-box .txt::before{content:""; display:block; background-color:#f2b705; width:64px; height:1px; margin:0 auto 5%;}
.smart-fact dl dd .w-box .txt span{display:block;}

.cont-smart{margin:3% 0;}
.cont-smart h3.smart-tit::after{top:4px;}
.cont-smart ul{padding:1% 0 0; font-size:20px; color:#555; letter-spacing:-1.0px; line-height:1.5; overflow:hidden; margin-bottom:3%;}
.cont-smart ul li{position:relative; padding-left:1%;}
.cont-smart ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}

.cont-smart .smart-img-view{border-bottom:none;}

.cert-cont{margin:3% 0;}
.cert-cont h3.smart-tit::after{top:4px;}
.cert-cont dl{overflow:hidden; margin:1% 0 0;}
.cert-cont dl dd{float:left; width:24%; margin-right:1%;}
.cert-cont dl dd:last-child{margin-right:0;}

.view-cont{margin:3% 0}
.view-cont h3.smart-tit::after{top:8px;}
.view-cont dl{overflow:hidden; margin:1% 0 0;}
.view-cont dl dd{float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.view-cont dl dd:nth-child(3n){margin-right:0;}

/*주요고객/파트너
.banner{margin:3% 0 10%;}
.banner h3.smart-tit::after{top:4px;}

.banner dl{overflow:hidden; margin:2% 0 3%;}
.banner dl dd{width:32.3%; margin-right:1%; float:left; margin-bottom:1%;}
.banner dl dd .img{box-sizing:border-box; border:solid 1px #ddd;}
.banner dl dd .img img{width:100%; display:block;}
.banner dl dd .txt{border:solid 1px #ddd; border-top:none; text-align:left; text-indent:27px; font-size:16px; letter-spacing:-1.2px; padding:5% 0; color:#555; cursor:pointer; position:relative;}
.banner dl dd .txt::after{content:""; display:block; background:url("../images/ico/newsite-ico.png")no-repeat; width:17px; height:16px; position:absolute; top:40%; right:4%;}

.banner dl dd .txt:hover{color:#03a678;}
.banner dl dd .txt:hover::after{background:url("../images/ico/newsite-ico-on.png")no-repeat; }*/

/*개인정보처리방침*/
.privacy-wrap{margin:3% 0 10%; border:solid 1px #ddd; padding:3%;}
.privacy-wrap .text{font-size:16px;}
.privacy-wrap p{margin:0; color:#555; word-break:keep-all; font-size:15px; line-height:1.6;}
.privacy-wrap ul{font-size:15px; line-height:1.8; color:#666;}

.privacy-wrap dl{font-size:15px; line-height:1.8; color:#666; background:#f7f7f7; padding:2%; margin:1% 0;}
.privacy-wrap dl dd{position:relative; padding-left:10px;}
.privacy-wrap dl dd::after{content:"-"; display:block; position:absolute; top:0; left:0;}
.privacy-wrap dl dd a:hover{text-decoration:underline; color:#999;}

.privacy-wrap h4{font-size:16px; color:#555; padding:1% 0;}
.privacy-wrap h3{font-size:18px; padding:1% 0;}

/*이메일무단수집거부*/
.email-box{border:solid 1px #ddd; margin:3% 0 10%; padding:3%; box-sizing:border-box; overflow:hidden;}
.email-box .mail-box{text-align:left; font-size:16px; background:#f5f5f5; padding:3% 5%;}
.email-box .mail-box span{display:block;}
.email-box .mail-box p.end{padding-top:1%}
.email-box .mail-box p.end span{padding-left:2%;}
.email-box .mail-box p.end span:nth-child(1){position:relative;}
.email-box .mail-box p.end span:nth-child(1):after{content:"※"; display:block;; position:absolute; top:0; left:0;}

.email-box div h3{font-size:18px; margin:2% 0 1% 0;}
.email-box div ul{overflow:hidden;}
.email-box div ul li{position:relative; font-size:15px; padding:0 0 .5% 1%; color:#555;}
.email-box div ul li::after{content:"-"; display:block; position:absolute; top:0; left:0;}

.email-box div ul li span{display:block;}
.email-box .spam{font-size:16px; margin:1% 0 0; word-break:keep-all;}
.email-box .spam span{display:block;}
.email-box .spam a{color:#000;}
.email-box .spam a:hover{color:#999; text-decoration:underline;}




/********************************
media
**************************/

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

/*sub-menu*/
#sub-wrap .sub-menu{height:auto; line-height:normal;}
#sub-wrap .sub-menu::after{content:""; display:block; clear:both;}

#sub-wrap .sub-menu .home-ico{width:7%;}
#sub-wrap .sub-menu .sub-box{width:93%;}

.slnb li{width:25%; line-height:70px;}

#sub-tit .wrap{padding:0 5%; box-sizing:border-box;}
#sub-tit .navi-wrap dl.navi{width:45%;}
#sub-cont .wrap{padding:0 5%; box-sizing:border-box;}

/*인사말*/
#sub-cont .greet-box{padding-bottom:26%;}
#sub-cont .greet-box::before{display:none;}
#sub-cont .greet-box::after{top:59%; width:100%; height:270px; background-size:cover; background-position:50% 80%;}

dl.gall-view dd{width:32.3%; margin-right:1%;}

/*연혁*/
.his-box h4{padding-left:3%;}
.his-box dl.his dd{padding:2% 6%;}

/*CI*/
.ci-box .right img{width:100%;}

/*인증현황*/
dl.certi-wrap dd .gray-box{padding:5% 0;}

/*사업장안내*/
.info-list img, .factory-box .one-wrap img{width:100%;}
#map-one .root_daum_roughmap{width:100% !important;}
#map-one .root_daum_roughmap .wrap_map{height:253px !important;}

/*스마트팩토리*/
.smart-img img, .smart-fact img, .cont-smart img, .cert-cont img, .view-cont img{width:100%;}
h3.smart-tit{padding-left:3%;}

.ict-box dl{margin:4% 0 0;}
.ict-box dl dd .right{width:640px;}
.normal-fact dl dd{width:27%;}

/*이메일무단수집거부*/
.email-box{margin:5% 0 10%;}

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

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

#sub-wrap .sub-menu .home-ico{width:9%;}
#sub-wrap .sub-menu .sub-box{width:91%;}
.slnb li{width:33%;}

#sub-tit .navi-wrap dl.navi dd{padding-left:4%;}


/*인사말*/
#sub-cont .greet-box::after{height:240px;}
#sub-cont .sign{margin-bottom:6%;}

/*연혁*/
.his-box{min-height:500px; margin:5% 0 10%;}
.his-box dl{overflow:hidden;}
.his-box dl.his dd{float:left; display:block; width:33.3%; box-sizing:border-box; text-align:center; padding:3% 0;}
.his-box h4{padding-left:4%;}

.his-cont ul{margin-top:5%;}
.his-cont ul li{padding:3% 0;}
.his-cont ul li div.list{width:79%;}

/*CI*/
.ci-box .left h3{font-size:28px;}
.ci-box .left p{font-size:25px;}

.maincolor dl{padding-top:3%;}
.maincolor dl dd{width:32%; margin-bottom:1%;}

/*사업장안내*/
.info-list{padding-bottom:5%;}
.info-list .left, .info-list .right{float:none; width:100%;}
.info-list .right{margin-top:2%;}
ul.factory-list li{padding:3% 1%;}

.factory-box{padding:5% 0;}
.factory-box .one-wrap .left, .factory-box .one-wrap .right{float:none; width:100%; font-size:0;}
#map-one .root_daum_roughmap .wrap_map{height:300px !important;}

/*스마트팩토리*/
.ict-box dl dd .left, .ict-box dl dd .right{width:100%; float:none;}
.ict-box dl dd .left{padding:2% 0; font-size:22px;}
.ict-box dl dd .left::after{display:none;}
.ict-box dl dd .left p{padding-bottom:1%; font-size:16px;}

.ict-box dl dd .right{background-color:#f7f7f7; height:auto; padding:2% 0;}
.ict-box dl dd .right::after{display:none;}

.normal-fact dl dd .w-box .img{background-size:contain !important; width:88px; height:75px;}
.normal-fact dl dd::after{width:38px; height:28px; background-size:contain;}

.smart-fact dl dd .w-box .txt{font-size:18px;}
.smart-fact dl dd .w-box .txt span{display:inline; word-break:keep-all;}
.smart-fact dl dd .w-box .img{background-size:contain !important; width:88px; height:75px;}

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

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

#sub-wrap .sub-tite{height:110px;}
#sub-wrap .sub-menu .home-ico{display:none;}
#sub-wrap .sub-menu .sub-box{float:none; width:100%;}

.slnb li{width:50%; line-height:55px; font-size:16px;}
.slnb li.color-box, .slnb li.color-box ul.s-hide{background:#e5e5e5;}

#sub-tit .navi-wrap{margin:10% 0 0;}
#sub-tit .navi-wrap:after{width:33%;}

#sub-tit .navi-wrap h4{font-size:25px;}
#sub-tit .navi-wrap dl.navi{width:100%; /*bottom:29%;*/ bottom:105%;}
#sub-tit .navi-wrap dl.navi dd{font-size:12px; padding-left:3%;}

#sub-cont .tit-box{font-size:24px; line-height:1.3;}

#sub-cont .txt-box{font-size:16px;}
#sub-cont .txt-box span{display:inline;}

#sub-cont .greet-box{padding-bottom:50%; margin:10% 0;}
#sub-cont .greet-box::after{height:200px; background-position:50% 10%;}

.b-line{height:8px; background-size:contain;}

dl.gall-view dd{float:none; width:100%; margin-right:0; padding:3%; margin-bottom:5%;}

/*연혁*/
.his-box h4{font-size:20px; margin-bottom:5%; padding-left:6%;}
.his-box h4::after{top:23%; width:18px; height:18px;}

.his-cont ul li div{font-size:16px;}
.his-cont ul li div.year{width:100%; margin-bottom:1%;}
.his-cont ul li div.mon{width:20%;}
.his-cont ul li div.list{width:100%;}

/*CI*/
.ci-box .left, .ci-box .right{width:100%; float:none;}
.ci-box .left h3{font-size:25px;}
.ci-box .left p{font-size:20px;}
.ci-box .left .txt-box{margin:5% 0;}

.appli{padding:3% 0 8%;}
.appli .left, .appli .right{float:none; width:100%;}
.appli .right{border-left:solid 1px #ddd; margin-top:3%;}

.appli .logo{width:48%; margin:0 auto;}
.appli .logo img{width:100%;}
.appli .txt{font-size:16px; padding:3% 0;}

.maincolor h3{font-size:20px;}
.maincolor dl dd{width:48%;}
.maincolor dl dd:nth-child(2n){margin-right:0;}
.maincolor dl dd .list ul{font-size:15px; line-height:1.5;}

/*인증현황*/
dl.certi-wrap dd{width:49%; margin-bottom:2%;}
dl.certi-wrap dd:nth-child(2n){margin-right:0;}
dl.certi-wrap dd:nth-child(3n){margin-right:1%;}
dl.certi-wrap dd:nth-child(5){clear:both;}
dl.certi-wrap dd .gray-box{font-size:14px; word-break:keep-all;}

/*사업장안내*/
.info-wrap{padding:8% 0 10%;}
h4.f-tite{font-size:20px; padding-left:8%;}
h4.f-tite::after{width:24px; height:24px; background-size:contain;}

.info-list .right p{font-size:16px;}

ul.factory-list{font-size:15px;}
ul.factory-list li span.tit{width:29%;}

.one-cont{margin-top:3%;}
.one-cont ul.factory-list li{padding:3% 1%;}
.one-cont ul.factory-list li span.txt{width:82%;}
.one-cont ul.factory-list li span.txt i{font-size:14px;}

#map-one .root_daum_roughmap .wrap_map{height:250px !important;}

/*스마트팩토리*/
.smart-txt p.s-txt{font-size:16px;}
.smart-txt p span{display:inline;}
.smart-txt p.s-tit{font-size:18px; word-break:keep-all; padding:2% 0 0;}

h3.smart-tit{padding-left:6%; font-size:18px;}
h3.smart-tit::after{width:16px; height:16px; border:solid 4px #03a678;}

.ict-box dl dd .left{font-size:18px;}
.ict-box dl dd .left p{font-size:14px; padding-bottom:0;}

.ict-box dl dd .right, .ict-box dl dd:nth-child(2n) .right{text-indent:initial; padding:5%;}
.ict-box dl dd .right span{font-size:14px; line-height:1.5;}

.concept h3.smart-tit::after, .cont-smart h3.smart-tit::after, .cert-cont h3.smart-tit::after{top:1px;}
.view-cont h3.smart-tit::after{top:6px;}

.concept h5{font-size:19px;}
.concept ul{font-size:16px;}
.concept ul li{padding-left:3%;}

.normal-fact h5 i, .smart-fact h5 i{display:block; font-size:16px; padding:2%;}
.normal-fact dl{margin:5% 0; padding:0 0 5%;}

.normal-fact dl dd{width:30%; margin-right:4%;}
.normal-fact dl dd::after{width:20px; height:15px; right:-13%;}

.normal-fact dl dd .w-box .img{width:52px; height:46px;}
.normal-fact dl dd .w-box .txt{font-size:16px;}
.normal-fact dl dd .w-box .txt::before{width:36px;}

.smart-img-view{position:relative;}
.smart-img-view .original{display:block; background-color:rgba(0,0,0,0.8); position:absolute; right:0; text-align:center; padding:2% 3%;}
.smart-img-view .original a{color:#fff; display:block;}
.smart-img-view .view-img{display:block;}

.smart-fact p{font-size:18px; padding:2% 0 5%;}

.smart-fact dl dd{width:49%; margin-bottom:2%;}
.smart-fact dl dd:nth-child(2){margin-right:0;}
.smart-fact dl dd .w-box .txt{font-size:14px; line-height:1.3;}
.smart-fact dl dd .w-box .txt span{word-break:normal;}

.cont-smart h5{font-size:19px;}
.cont-smart ul{font-size:16px;}
.cont-smart ul li{padding-left:3%;}

.cert-cont dl{margin:5% 0 0;}
.cert-cont dl dd{width:48%; margin-bottom:4%; margin-right:4%;}
.cert-cont dl dd:nth-child(2n){margin-right:0;}

.view-cont dl{margin:5% 0;}
.view-cont dl dd{width:49%;}
.view-cont dl dd:nth-child(2n){margin-right:0 !important;}
.view-cont dl dd:nth-child(3n){margin-right:2%;}

/*주요고객/파트너*/
.banner dl dd{width:49%; margin-bottom:2%;}
.banner dl dd:nth-child(2n){margin-right:0; margin-left:1%;}
.banner dl dd .txt{font-size:15px;}
.banner dl dd .txt::after{top:30%;}

/*개인정보처리방침*/
.privacy-wrap{padding:5%;}
.privacy-wrap .text{font-size:15px; line-height:1.6;}
.privacy-wrap ul, .privacy-wrap dl{font-size:14px; word-break:keep-all;}
.privacy-wrap dl{margin:2% 0;}

.privacy-wrap h3{font-size:16px;}
.privacy-wrap h4{font-size:15px; padding:2% 0;}

/*이메일무단수집거부*/
.email-box{padding:5%;}
.email-box .mail-box{padding:5%; margin-bottom:5%; font-size:15px;}
.email-box .mail-box p.end{padding-top:3%; font-size:14px;}
.email-box .mail-box p.end span{padding-left:6%; display:inline;}
.email-box .mail-box p.end span:last-child{padding-left:0;}

.email-box div h3{font-size:16px;}
.email-box div h3 span{display:block;}
.email-box div ul{margin:5% 0;}
.email-box div ul li{padding:0 0 1% 4%; line-height:1.5;}
.email-box .spam span{display:inline;}

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

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

#sub-tit .navi-wrap dl.navi{position:static; text-align:left; margin-bottom:2%;}
#sub-tit .navi-wrap dl.navi dd:nth-child(1){padding-left:0;}
#sub-tit .navi-wrap h4{font-size:22px; padding-bottom:2%;}

#sub-cont .tit-box{font-size:22px;}
#sub-cont .txt-box{margin-top:2%;}

dl.gall-view dd{padding:3% 3% 5% 3%;}
dl.gall-view dd .tbox{font-size:16px;}
dl.gall-view dd .tbox span::after{width:17px; height:17px; background-size:contain;}

/*주요고객/파트너*/
.banner h3.smart-tit::after{top:1px;}

/*이메일무단수집거부*/
.email-box .mail-box span{display:inline;}

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

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

.slnb li{font-size:14px;}

#sub-tit .navi-wrap h4{font-size:20px; padding-bottom:3%;}

#sub-cont .tit-box{font-size:20px;}
#sub-cont .txt-box{font-size:15px;}
#sub-cont .greet-box::after{height:150px; top:64%; background-position:50% 50%;}

dl.gall-view dd{padding:5%;}

/*ci*/
.maincolor dl dd{float:none; width:100%; box-sizing:border-box; margin-bottom:3%;}
.maincolor dl dd .green, .maincolor dl dd .red, .maincolor dl dd .blue, .maincolor dl dd .yellow{padding:12% 0;}
.maincolor dl dd .list{padding:3% 5%;}

/*인증현황*/
dl.certi-wrap dd{width:100%; float:none; margin-right:0;}

/*사업장안내*/
h4.f-tite{padding-left:10%;}
#map-one .root_daum_roughmap .wrap_map{height:200px !important;}

/*스마트팩토리*/
.smart-img .left, .smart-img .right{float:none; width:100%;}
.smart-txt p.s-txt{font-size:14px;}
.smart-txt p.s-tit{font-size:15px; padding:4% 0 0; font-family: 'GmarketSansMedium'; line-height:1.6;}

h3.smart-tit{font-size:17px;}
h3.smart-tit::after{width:12px; height:12px; top:28%;}

.ict-box dl dd .left{font-size:16px;}
.ict-box dl dd .right span{font-size:14px; word-break:keep-all;}

.normal-fact dl dd{width:45%; margin-right:10%; margin-bottom:5%;}
.normal-fact dl dd:nth-child(2){margin-right:0;}
.normal-fact dl dd::after{right:-19%;}

.smart-fact dl dd{float:none; width:100%; margin-bottom:4%;}
.smart-fact dl dd .w-box{padding:5%;}
.smart-fact dl dd .w-box .img{width:74px; height:63px;}
.smart-fact dl dd .w-box .txt span{display:block;}

/*주요고객파트너*/
.banner dl dd{width:100%; margin-right:0; margin-bottom:5%;}
.banner dl dd:nth-child(2n){margin-left:0;}
.banner dl dd .txt{padding:3% 0;}

h3.smart-tit.mt2{margin-top:5%;}
.banner h3.smart-tit::after{top:4px;}
}
/*E:max-width:320*/