@charset "utf-8";

/* 비쥬얼이미지 */
.ERPOverview{background:url('/img/visual/ERPOverview.jpg') repeat center 0;background-size:cover;}
.Erp_feature{background:url('/img/visual/Erp_feature.jpg') repeat center 0;background-size:cover;}
.Erp_effect{background:url('/img/visual/Erp_effect.jpg') repeat center 0;background-size:cover;}
.Erp_busniess{background:url('/img/visual/Erp_busniess.jpg') repeat center 0;background-size:cover;}

.SefficeERPWrap{width:1100px;margin:0 auto;}
.SefficeERPWrap section{font-size:1.2em;font-family:ng,나눔 고딕, 'Nanum Gothic';color:#666;padding:15px 5px;box-sizing:border-box}
.SefficeERPWrap section h3{font-weight:normal;font-size:1.6em;color:#000;font-family:'Noto Sans KR';letter-spacing:-1px;background:url('/img/common.png') no-repeat -480px -39px;padding:10px 0 15px 0;margin-top:20px}
.SefficeERPWrap section div.story01{line-height:25px}
.SefficeERPWrap section div span.point01{font-weight:bold;color:#ff7004;font-size:1.2em}
.SefficeERPWrap section div span.point02{font-weight:bold;text-decoration:underline}
.SefficeERPWrap section .erpimg{text-align:center;margin-top:20px}
.SefficeERPWrap section .organization{}
.SefficeERPWrap section .organization th{background:#ffecd9;border-top:2px solid #ff8613;border-bottom:1px solid #ff8613;color:#000;padding:10px 0}
.SefficeERPWrap section .organization td{border-bottom:1px solid #ddd;padding:10px}
.SefficeERPWrap section .organization tr:last-child td{border-bottom:1px solid #8b8b8b}
.SefficeERPWrap section .organization td.title{width:20%;min-width:100px;background:#f9f9f9;text-align:center;font-weight:bold}

.SefficeERPWrap section .flowChartWrap{display:table;width:100%}
.SefficeERPWrap section .flowChartWrap .TotalBox{display:table-cell;width:25%;padding:0 8px}
.SefficeERPWrap section .flowChartWrap .TotalBox .TitleBox{background:#ff8e51;border-radius:10px 10px 0 0 ;color:#fff;padding:10px;text-align:center;font-weight:bold}
.SefficeERPWrap section .flowChartWrap .TotalBox .ContentsBox{border-radius:0 0 10px 10px;border:1px solid #bfbfbf;border-top:0;}
.SefficeERPWrap section .flowChartWrap .TotalBox .ContentsBox > div{border-radius:0 0 10px 10px;border:2px solid #fff;border-top:0;padding:10px;min-height:90px;
background: -moz-linear-gradient(top,  #feffff 14%, #e8e8e8 100%)
background: -webkit-linear-gradient(top,  #feffff 14%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #feffff 14%,#e8e8e8 100%);}
.SefficeERPWrap section .flowChartWrap .TotalBox .ContentsBox li{background:url('/img/company/dot.gif') no-repeat 0 6px;padding-left:10px;font-size:.8em;color:#000;margin-bottom:5px}

section.Erpfeature_01 {background:#f2f2f2;overflow:hidden;margin-bottom:20px}
section.Erpfeature_01 div{float:left;font-size:.8em;padding:140px 10px 10px 10px;box-sizing:border-box;}
section.Erpfeature_01 h4{font-size:1.3em;color:#000;font-weight:bold;text-align:center;margin-bottom:10px}
section.Erpfeature_01 .feature01{background:url('/img/erp/erp_icon01.png') no-repeat center 0;width:34%;}
section.Erpfeature_01 .feature02{background:url('/img/erp/erp_icon02.png') no-repeat center 0;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;margin-right:10px;width:33%;}
section.Erpfeature_01 .feature03{background:url('/img/erp/erp_icon03.png') no-repeat center 0;width:32%;}
section.Erpfeature_01 ul {margin-left:10px}
section.Erpfeature_01 ul li{background:url('/img/company/dot.gif') no-repeat 0 6px;padding-left:10px}

.SefficeERPWrap section .ERP_Efficet01{}
.SefficeERPWrap section .ERP_Efficet01 > div {background:url('/img/erp/arrow.png') no-repeat center bottom;padding-bottom:50px;margin-bottom:10px}
.SefficeERPWrap section .ERP_Efficet01 > div:last-child{background:none;padding-bottom:0}
.SefficeERPWrap section .ERP_EfficetUl{border:1px solid #ccc;border-radius:8px}
.SefficeERPWrap section .ERP_EfficetLi{border:2px solid #fff;border-radius:8px;overflow:hidden;padding:15px;background: #feffff;
background: -moz-linear-gradient(top,  #feffff 14%, #e8e8e8 100%)
background: -webkit-linear-gradient(top,  #feffff 14%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #feffff 14%,#e8e8e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e8e8e8',GradientType=0 )}
.SefficeERPWrap section .ERP_EfficetLi div{float:left;width:150px;padding:20px 0 20px 150px;font-size:.9em}
.SefficeERPWrap section .ERP_EfficetLi div.Step01{background:url('/img/erp/erp_step01.png') no-repeat 50px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step02{background:url('/img/erp/erp_step02.png') no-repeat 50px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step03{background:url('/img/erp/erp_step03.png') no-repeat 50px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step04{background:url('/img/erp/erp_step04.png') no-repeat 50px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step05{background:url('/img/erp/erp_step05.png') no-repeat 50px 0}
.SefficeERPWrap section .ERP_EfficetLi div .title{color:#f77332;font-size:1.2em;font-weight:bold}
.SefficeERPWrap section .ERP_EfficetLi div .subtitle{color:#000;margin-top:4px}
.SefficeERPWrap section .ERP_EfficetLi ul{float:left;border-left:1px solid #ccc;padding:20px 0 15px 15px;margin-left:15px;font-size:.9em}
.SefficeERPWrap section .ERP_EfficetLi ul li{background:url('/img/company/dot.gif') no-repeat 0 6px;padding-left:10px}

.SefficeERPWrap section.ERP_Efficet02{overflow:hidden;margin-bottom:30px}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb01{float:left;width:60%}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb02{float:right;width:40%}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb01 > div{padding-right:80px;box-sizing:border-box;background:url('/img/gw/onulV10_arrow01.png') no-repeat right center;}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb02 > div{padding-left:20px}
.SefficeERPWrap section.ERP_Efficet02 th{background:#ffecd9;border-top:2px solid #ff8613;border-bottom:1px solid #ff8613;color:#000;padding:10px 0}
.SefficeERPWrap section.ERP_Efficet02 td{border:1px solid #ccc;padding:5px 10px}
.SefficeERPWrap section.ERP_Efficet02 td.title{text-align:center;width:35%;background:#f9f9f9}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb02 td{text-align:center}
.SefficeERPWrap section.ERP_Efficet02 td:first-child{border-left:0}
.SefficeERPWrap section.ERP_Efficet02 td:last-child{border-right:0}

.SefficeERPWrap section.ERPbusniess{}
.SefficeERPWrap section.ERPbusniess .subject{}
.SefficeERPWrap section.ERPbusniess .imge {margin:20px 0}
.SefficeERPWrap section.ERPbusniess .Contents{background:url('/img/erp/busniess_img02.png') no-repeat 60px 0;padding:40px 0 50px 240px;font-family: 'Noto Sans KR'; }
.SefficeERPWrap section.ERPbusniess .Contents span{display:block;}
.SefficeERPWrap section.ERPbusniess .Contents span.no001{color:#000;margin-bottom:15px}
.SefficeERPWrap section.ERPbusniess .Contents span.no002{color:red}
.SefficeERPWrap section.ERPbusniess .Btns{padding:30px 0;display:table;width:100%;}
.SefficeERPWrap section.ERPbusniess .Btns > div{display:table-cell;width:50%;padding:10px}
.SefficeERPWrap section.ERPbusniess .Btns a{font-size:1.1em;display:block;text-align:center;padding:15px;border:1px solid #ccc;border-radius:10px;font-weight:bold;font-family: 'Noto Sans KR';
background: -moz-linear-gradient(top,  #feffff 14%, #e8e8e8 100%)
background: -webkit-linear-gradient(top,  #feffff 14%,#e8e8e8 100%);
background: linear-gradient(to bottom,  #feffff 14%,#e8e8e8 100%);}


/**************************************   미디어스크린 조절 시작 **************************************/
@media screen and (max-width:1100px){
.SefficeERPWrap{width:100%}

/*개요*/
.SefficeERPWrap section .erpimg img{width:100%}
/*특징*/
section.Erpfeature_01 .feature01{width:33%;}
section.Erpfeature_01 .feature02{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;margin-right:5px;width:33%;}
section.Erpfeature_01 .feature03{width:32%;}

/**/
.SefficeERPWrap section.ERPbusniess .imge img{width:100%}

}

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

/*특징*/
.section.Erpfeature_01 div{float:none;}
section.Erpfeature_01 .feature01{width:100%;}
section.Erpfeature_01 .feature02{margin:10px 0;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:100%;}
section.Erpfeature_01 .feature03{width:100%;}

.SefficeERPWrap section.ERPbusniess .Contents{background-position:10px 0;padding:20px 0 20px 160px; }
.SefficeERPWrap section.ERPbusniess .Btns a{font-size:1.1em;padding:10px;}
}

/**/
@media screen and (max-width:690px){
.SefficeERPWrap section .flowChartWrap .TotalBox{display:block;width:100%;padding:8px 0}
.SefficeERPWrap section .flowChartWrap .TotalBox .TitleBox{background:#bbb}

/*기대효과*/
.SefficeERPWrap section .ERP_EfficetLi div{float:none;width:100%;padding:20px;text-align:center}
.SefficeERPWrap section .ERP_EfficetLi div.Step01{background-position:20px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step02{background-position:20px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step03{background-position:20px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step04{background-position:20px 0}
.SefficeERPWrap section .ERP_EfficetLi div.Step05{background-position:20px 0}
.SefficeERPWrap section .ERP_EfficetLi ul{float:none;border-left:0;border-top:1px solid #ccc;padding:20px 0 15px 15px;margin-left:0px;font-size:.9em}

.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb01{float:none;width:100%}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb02{float:none;width:100%}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb01 > div{padding-right:0px;padding-bottom:90px;box-sizing:border-box;background:url('/img/gw/onulV10_arrow02.png') no-repeat center bottom;}
.SefficeERPWrap section.ERP_Efficet02 .ErpEfficetTb02 > div{padding-left:0px}

}