@charset "utf-8";

/* 비쥬얼이미지 */
.PopOverview{background:url('/img/visual/PopOverview.jpg') repeat center 0;background-size:cover;}
.pop_feature{background:url('/img/visual/pop_feature.jpg') repeat center 0;background-size:cover;}
.pop_effect{background:url('/img/visual/pop_effect.jpg') repeat center 0;background-size:cover;}
.pop_busniess{background:url('/img/visual/pop_busniess.jpg') repeat center 0;background-size:cover;}

.SefficePopWrap{width:1100px;margin:0 auto;}
.SefficePopWrap section{font-size:1.2em;font-family:ng,나눔 고딕, 'Nanum Gothic';color:#666;padding:15px 5px;box-sizing:border-box}
.SefficePopWrap 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}
.SefficePopWrap section div.story01{line-height:25px}
.SefficePopWrap section div span.point01{font-weight:bold;color:#ff7004;font-size:1.2em}
.SefficePopWrap section div span.point02{font-weight:bold;text-decoration:underline}
.SefficePopWrap section .Popimg, .SefficePopWrap section .Popimg02{text-align:center;margin-top:20px}

.SefficePopWrap section .organization{}
.SefficePopWrap section .organization th{background:#ffecd9;border-top:2px solid #ff8613;border-bottom:1px solid #ff8613;color:#000;padding:10px 0}
.SefficePopWrap section .organization td{border-bottom:1px solid #ddd;padding:10px}
.SefficePopWrap section .organization tr:last-child td{border-bottom:1px solid #8b8b8b}
.SefficePopWrap section .organization td.title{width:20%;min-width:100px;background:#f9f9f9;text-align:center;font-weight:bold}
.SefficePopWrap section .organization td.title02{border-right:1px solid #ccc;background:#f3f3f3;text-align:center;font-weight:bold;border-bottom:1px solid #8b8b8b}

.SefficePopWrap section .flowChartWrap{display:table;width:100%}
.SefficePopWrap section .flowChartWrap .TotalBox{display:table-cell;width:30%;}
.SefficePopWrap section .flowChartWrap .centerbox{padding:0 15px}
.SefficePopWrap section .flowChartWrap .TotalBox .TitleBox{background:#ff8e51;border-radius:10px 10px 0 0 ;color:#fff;padding:10px;text-align:center;font-weight:bold}
.SefficePopWrap section .flowChartWrap .TotalBox .ContentsBox{border-radius:0 0 10px 10px;border:1px solid #bfbfbf;border-top:0;}
.SefficePopWrap section .flowChartWrap .TotalBox .ContentsBox > div{border-radius:0 0 10px 10px;border:2px solid #fff;border-top:0;padding:10px 10px 10px 25px;min-height:40px;
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%);}

/**/
.SefficePopWrap section .flowChartWrap02{display:table;width:100%}
.SefficePopWrap section .flowChartWrap02 .TotalBox{display:table-cell;width:25%;padding:0 5px}
.SefficePopWrap section .flowChartWrap02 .TotalBox .TitleBox{background:#ff8e51;border-radius:10px 10px 0 0 ;color:#fff;padding:10px;text-align:center;font-weight:bold}
.SefficePopWrap section .flowChartWrap02 .TotalBox .ContentsBox{border-radius:0 0 10px 10px;border:1px solid #bfbfbf;border-top:0;}
.SefficePopWrap section .flowChartWrap02 .TotalBox .ContentsBox > div{border-radius:0 0 10px 10px;border:2px solid #fff;border-top:0;padding:10px;min-height:100px;
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%);}
.SefficePopWrap section .flowChartWrap02 .TotalBox .ContentsBox li{background:url('/img/company/dot.gif') no-repeat 0 6px;padding-left:10px;font-size:.8em;color:#000;margin-bottom:5px}

.SefficePopWrap section .topline{border-top:1px solid #ccc}

/**/
section.popEffect{background:#f1f1f1;padding:10px;margin-bottom:10px}
section.popEffect  > div{background:url('/img/pop/pop_img06.png') no-repeat right 0;padding:10px 50px;min-height:350px}
section.popEffect h3{font-weight:normal;font-size:1.6em;color:#000;font-family:'Noto Sans KR';letter-spacing:-1px;}
section.popEffect ul{margin-top:30px}
section.popEffect li{background:url('/img/company/dot.gif') no-repeat 0 6px;padding-left:10px;font-size:.9em;color:#000;margin-bottom:8px}

.SefficePopWrap .mes_img01{text-align:center}

/* 정부화사업 */
.SefficePopWrap section.POPbusniess{}
.SefficePopWrap section.POPbusniess .subject{}
.SefficePopWrap section.POPbusniess .imge {margin:20px 0}
.SefficePopWrap section.POPbusniess .Contents{background:url('/img/pop/pop_img07.png') no-repeat 60px 0;padding:30px 0 30px 250px;font-family: 'Noto Sans KR'; }
.SefficePopWrap section.POPbusniess .Contents span{display:block;}
.SefficePopWrap section.POPbusniess .Contents span.no001{color:#000;margin-bottom:15px}
.SefficePopWrap section.POPbusniess .Contents span.no002{color:red}
.SefficePopWrap section.POPbusniess .Btns{padding:30px 0;display:table;width:100%;}
.SefficePopWrap section.POPbusniess .Btns > div{display:table-cell;width:50%;padding:10px}
.SefficePopWrap section.POPbusniess .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){
.SefficePopWrap{width:100%}
.SefficePopWrap section .Popimg img, .SefficePopWrap section.POPbusniess .imge img{width:100%}

section.popEffect  > div{padding:10px 20px;}

.SefficePopWrap .mes_img01 img{width:100%}
}

@media screen and (max-width:560px){
/*개요*/
.SefficePopWrap section .flowChartWrap .TotalBox{display:block;width:100%;}
.SefficePopWrap section .flowChartWrap .centerbox{padding:15px 0px}
.SefficePopWrap section .flowChartWrap .TotalBox .TitleBox{background:#bbb}

.SefficePopWrap section .Popimg02 img{width:100%}

.SefficePopWrap section.POPbusniess .Contents{background:url('/img/pop/pop_img07.png') no-repeat 0px 0;padding:10px 0 10px 170px; }
.SefficePopWrap .Popimg560 img{width:100%}
}


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

section.popEffect  > div{background:none;min-height:230px}

.SefficePopWrap .Popimg1100{display:none}
.SefficePopWrap .Popimg560{display:block;text-align:center}
}