@charset "utf-8";

/* 비쥬얼이미지 */
.EtcSi{background:url('/img/visual/etc_si.jpg') repeat center 0;background-size:cover;}
.Etchompage{background:url('/img/visual/etc_homepage.jpg') repeat center 0;background-size:cover;}
.Etcgovernment{background:url('/img/visual/etc_government.jpg') repeat center 0;background-size:cover;}
.Etcsmartfactory{background:url('/img/visual/etc_smart.jpg') repeat center 0;background-size:cover;}

/* 정부지원사업 */
.EtcGoverWrap {margin:0 auto;width:1100px;}
.EtcGoverWrap article{margin:10px}
.EtcGoverWrap article.government01{font-size:1.2em ;margin:10px}
.EtcGoverWrap article.government01 h2{font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.8em ;line-height:1.4em;padding:20px 0;text-align:center}
.EtcGoverWrap article.government01 div{font-family:ng,나눔 고딕, 'Nanum Gothic';line-height:1.2em}
.EtcGoverWrap article.government02{margin:20px 10px}
.EtcGoverWrap article.government02 h3{background:#fff2dd;color:#f75700;font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.5em ;padding:10px;font-weight:bold}
.EtcGoverWrap article.government02 section{font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.1em ;}
.EtcGoverWrap article.government02 section h4{font-weight:normal;font-size:1.5em;letter-spacing:-1px;background:url('/img/common.png') no-repeat -480px -39px;padding:10px 0 15px 0;margin-top:20px}
.EtcGoverWrap article.government02 section ul{}
.EtcGoverWrap article.government02 section li{background:url('/img/etc/dot01.gif') no-repeat 5px 10px;padding:5px 0 5px 15px;color:#6c6c6c;}
.EtcGoverWrap article.government02 section li span.point01{font-weight:bold;color:#e84a4a;font-size:1.2em}
.EtcGoverWrap article.government02 section li span.point02{font-weight:bold;color:#000;font-size:1.2em}
.EtcGoverWrap article.government02 section li span.attention01{display:block;margin:4px 0}
/*.EtcGoverWrap article.government02 section li a{color:#ff8122}*/
.EtcGoverWrap article.government02  .governmentTb {margin-bottom:15px}
.EtcGoverWrap article.government02  .governmentTb .title{font-size:1.3em;padding:8px 0;text-align:center}
.EtcGoverWrap article.government02  .governmentTb .txt01{font-size:.9em;margin-top:8px;color:#6b6f74}
.EtcGoverWrap article.government02  .governmentTb th{border-top:2px solid #787e81;background:#f4f6f8;padding:8px 0}
.EtcGoverWrap article.government02  .governmentTb td{border:1px solid #e1e7ef;padding:6px;text-align:center;font-size:1.0em}
.EtcGoverWrap article.government02  .governmentTb td:first-child{border-left:0}
.EtcGoverWrap article.government02  .governmentTb td:last-child{border-right:0}
.EtcGoverWrap article.government02 section ul.process{overflow:hidden}
.EtcGoverWrap article.government02 section ul.process li{float:left;padding:0;width:115px;height:115px;background:url('/img/etc/arrow01.gif') no-repeat right center;padding-right:20px;margin:7px}
.EtcGoverWrap article.government02 section ul.process li:last-child{background:none;padding-right:0}
.EtcGoverWrap article.government02 section ul.process li:last-child div{background:#ff8122;}
.EtcGoverWrap article.government02 section ul.process li:last-child div span{padding-top:35px}
.EtcGoverWrap article.government02 section ul.process li div{background:#cfcfcf;width:115px;height:115px;border-radius:115px;text-align:center;}
.EtcGoverWrap article.government02 section ul.process li div span{display:inline-block;padding-top:50px;line-height:15px;color:#fff}
.EtcGoverWrap article.government02  .txt02{font-size:.9em;margin-top:8px;color:#6b6f74}

.ETCbtnArea{margin:0 auto;width:1100px;padding-top:30px;text-align:center}

/*스마트 팩토리*/
article.government02 .smartfactory01{}
article.government02 .smartfactory01 ul li{background:none}
article.government02 .smartfactory01 ul li span.point01{font-size:1.1em;color:#000}
article.government02 .processSmart {}
article.government02 .processSmart tr{}
article.government02 .processSmart td{height:120px;background:url('/img/etc/arrow01.gif') no-repeat right center;padding:0 20px;text-align:center}
article.government02 .processSmart td:last-child{background:none}
article.government02 .processSmart td > div{margin:0  auto}
article.government02 .processSmart td > div span{font-size:1.2em}
article.government02 .processSmart td .method01{display:inline-block;background:#a1a1a1;padding:17px;border-radius:20px;color:#fff;vertical-align:middle;}
article.government02 .processSmart td .method01 a{color:#f9f6a1}
article.government02 .processSmart td .method02{width:110px;height:110px;line-height:110px;background:#b9b9b9;padding:10px;border-radius:110px;color:#fff}
article.government02 .processSmart td .method03{display:inline-block;background:#ff8700;padding:20px;border-radius:20px;color:#fff;vertical-align:middle;}

article.government02 .processSmart02{display:none}

/*스마트 팩토리 이메일*/
article.government02 section ul li a {font-size: .9em;border: 1px solid #909090;padding: 3px 9px;border-radius: 3px;font-family: ng, 나눔 고딕, 'Nanum Gothic';}
article.government02 section ul li a:hover {background: #ff7c19;color: #fff;border: 1px solid #ff7c19;-webkit-transition: 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;}

/*스마트 팩토리 지원 조건 표*/
article.government02 .processSmart03{}
article.government02 .processSmart03 th{background:#ffecd9;border-top:2px solid #ff8613;border-bottom:1px solid #ff8613;color:#000;padding:10px 0;text-align:center;}
article.government02 .processSmart03 td{border-bottom:1px solid #ddd;padding:10px;text-align: center;}
article.government02 .processSmart03 td.lastData{border-bottom:1px solid #8b8b8b}
article.government02 .processSmart03 tr:last-child td{border-bottom:1px solid #8b8b8b}
article.government02 .processSmart03:last-child p{margin: 5px;}




/* 홈페이지 제작 */
section.HomepageWrap, .HomepageContentsWrap{margin:0 auto;width:1100px;}
.HomepageImpact{font-family: Nanum Barun Gothic,"나눔고딕",'Nanum Gothic';font-size:1.2em;text-align:center;margin:30px 0}
.HomepageImpact p.slogan{font-size:2.5em;line-height:1.5em;padding:15px 0}
.HomepageImpact p.point01{font-size:1.5em;line-height:1.5em;color:#c64f6f;}
.HomepageImpact p.txt01{font-family:ng,나눔 고딕, 'Nanum Gothic';margin-top:5px}
.HomepageService{overflow:hidden;padding:40px 0}
.HomepageService > div{float:left;width:33.3%;padding:15px;border-left:1px solid #ddd;box-sizing:border-box;}
.HomepageService div:first-child{border-left:0}
.HomepageService div h4{color:#000;font-size:1.8em;text-align:center;font-weight:normal;letter-spacing:-1px}
.HomepageService div p.subject{text-align:center;height:40px;margin:10px 0 20px 0;line-height:15px;font-size:1.2em;color:#6b748d}
.HomepageService div p.txt{padding:140px 10px 0 10px;color:#636363;font-family:ng,나눔 고딕, 'Nanum Gothic';}
.HomepageService div.Service01 p.txt{background:url('/img/etc/homepage01.png') no-repeat center 10px; }
.HomepageService div.Service02 p.txt{background:url('/img/etc/homepage02.png') no-repeat center 0;}
.HomepageService div.Service03 p.txt{background:url('/img/etc/homepage03.png') no-repeat center 0px;}
section.HomepageContents{background:#ebebeb;}
.HomepageContentsWrap{font-size:1.1em;padding:30px 10px;box-sizing:border-box }
.HomepageContentsWrap h2{font-size:2.2em;padding:10px 0}
.HomepageContentsWrap p{font-family:ng,나눔 고딕, 'Nanum Gothic';}
.HomepageContentsWrap p.txt01{font-size:1.1em;line-height:22px}
.HomepageContentsWrap p.txt02{color:#6e6e6e}
.HomepageContentsWrap p.img{padding:20px 0;text-align:center}

/* SI 사업*/
.SefficeSiWrap, .SefficeSiWrap03{margin:0 auto;width:1100px;}
section.Sigroup01{background:url('/img/etc/SI01.png') no-repeat 0 30px;padding:20px 0 }
section.Sigroup01 .contents{font-size:1.2em;margin-left:450px}
section.Sigroup01 .contents p.point01{font-size:1.6em;line-height:1.2em;padding:15px 0}
section.Sigroup01 .contents div.txt01{font-family:ng,나눔 고딕, 'Nanum Gothic';color:#5c5c5c}
section.Sigroup01 .contents div.txt01 p{margin-bottom:10px;line-height:1.4em}
section.Sigroup01 .contents div.txt01 .point01{font-weight:bold;color:#ff7004;font-size:1.2em}
section.Sigroup01 .contents div.txt01 .point02{font-weight:bold;text-decoration:underline}
section.Sigroup01 .contents div.txt01 .point03{font-weight:bold;}
.SefficeSiWrap02{background:#959396 url('/img/etc/SI_bg01.png') no-repeat left 0;}
section.Sigroup02{margin:0 auto;width:1100px;text-align:center;padding:40px 0}
section.Sigroup02 h2{color:#fff;font-size:2.7em;padding:20px 0}
section.Sigroup02 .txt{color:#fff;font-size:1.2em;line-height:1.4em}
section.Sigroup02 .txt span{;font-size:1.4em;text-decoration:underline}
section.Sigroup02 ul{overflow:hidden;margin-top:40px}
section.Sigroup02 li{float:left;width:16.6%;margin:10px 0;font-size:1.1em}
section.Sigroup02 li > div{display:inline-block;width:138px;height:138px;border-radius:138px;border:2px solid #fff;background:url('/img/etc/SI02.png') no-repeat;}
section.Sigroup02 li div.SefficeSimg01{background-position:center 25px}
section.Sigroup02 li div.SefficeSimg02{background-position:center -110px}
section.Sigroup02 li div.SefficeSimg03{background-position:center -270px}
section.Sigroup02 li div.SefficeSimg04{background-position:center -425px}
section.Sigroup02 li div.SefficeSimg05{background-position:center -560px}
section.Sigroup02 li div.SefficeSimg06{background-position:center -730px}
section.Sigroup02 li span{display:block;color:#fff}
.SefficeSiWrap03 {font-size:1.2em;padding:20px 0}
.SefficeSiWrap03 h3{font-size:1.8em;padding:5px}
.SefficeSiWrap03 ul{margin:20px 10px}
.SefficeSiWrap03 li{color:#5c5c5c;background:url('/img/company/dot.gif') no-repeat 0 5px;padding-left:10px;margin:5px}
.SefficeSiWrap03 section{display:table}
.SefficeSiWrap03 section div{display:table-cell;width:50%;text-align:center}
.SefficeSiWrap03 section div dt{padding:10px 0;font-size:1.3em}
.SefficeSiWrap03 section div dd{font-family:ng,나눔 고딕, 'Nanum Gothic';color:#5c5c5c;padding:10px 30px;text-align:left}


/**************************************   미디어스크린 조절 시작 **************************************/
@media screen and (max-width:1100px){
.VisualSubImg {background-size:cover;}
.EtcGoverWrap, section.HomepageWrap, .HomepageContentsWrap, .SefficeSiWrap, section.Sigroup02, .SefficeSiWrap03 {width:100%}

/*홈페이지*/
.HomepageContentsWrap p img{width:100%}
.HomepageImpact{font-size:1em;margin:30px 0 0 0 }
.HomepageImpact p.txt01{padding:0 15px}

/* SI사업*/
section.Sigroup01{background-size:380px auto }
section.Sigroup01 .contents{font-size:1.2em;margin-left:380px}
section.Sigroup02 li{float:left;width:33.3%;}
.SefficeSiWrap03 section div p img{width:95%;}
.SefficeSiWrap03 section div dd{padding:10px;}

/*정보화지원사업*/
.ETCbtnArea{width:100%;padding-top:30px;text-align:center}

}

@media screen and (max-width:560px){

/*홈페이지*/
.HomepageImpact{font-size:.9em;}
.HomepageImpact p.txt01{display:none}
.HomepageService > div{float:none;width:100%;border-top:1px solid #ddd}

/* SI사업*/
section.Sigroup01{background:none }
section.Sigroup01 .contents{font-size:1.2em;margin-left:0px;margin:0 5px 20px 5px}
section.Sigroup02 li{float:left;width:50%;}
section.Sigroup02 h2{font-size:2.2em;padding:20px 0}
section.Sigroup02 .txt{font-size:1.1em;line-height:1.4em}
.SefficeSiWrap03 section{display:block}
.SefficeSiWrap03 section div{display:block;width:100%;margin-bottom:15px}

/* 스마트 공장*/
article.government02 .processSmart {display:none}
article.government02 .processSmart02{display:block;overflow:hidden}
article.government02 .processSmart02 > div{background:url('/img/etc/arrow02.gif') no-repeat center bottom;padding:10px 10px 20px 10px;text-align:center;}
article.government02 .processSmart02 > div:last-child{background:none}
article.government02 .processSmart02 > div span{font-size:1.2em}
article.government02 .processSmart02 .method01{background:#a1a1a1;padding:17px;border-radius:20px;color:#fff;vertical-align:middle;}
article.government02 .processSmart02 .method01  a{color:#f9f6a1}
article.government02 .processSmart02 .method02{padding:20px;border-radius:15px;background:#b9b9b9;color:#fff}
article.government02 .processSmart02 .method03{background:#ff8700;padding:20px;border-radius:20px;color:#fff;vertical-align:middle;}


.ETCbtnArea img{width:50%;height:auto}

}