.web{display:none;}

/* 회사소개 */
.ac{text-align:center;}
.ac img{width:25px;}
p.sb{text-align:center; font-size:1.3em; letter-spacing:-0.06em; color:#000; margin:20px 0px; position:relative; box-sizing:border-box; padding:20px; z-index:10}
p.sb:before{ content : ""; display : block; position : absolute; z-index:-10; left :0; top:0; width : 50px; height : 132px;  background: url("/images/default/content/lsb.gif") no-repeat left top; background-size:50px 132px;}
p.sb:after{ content : ""; display : block; position : absolute; z-index:-10; right :0; top:0; width : 50px; height : 132px;  background: url("/images/default/content/rsb.gif") no-repeat left top;background-size:50px 132px;}
p.f_blue{color:#0AC9FD; text-align:center; font-size:1.2em; margin-bottom:20px; letter-spacing:-0.03em;}
div.ceo{overflow:hidden; margin-top:20px; box-sizing:border-box; padding:0px 10px;}
div.ceo div{text-align:center; border-top:1px solid #ddd; padding-top:15px;}
div.ceo div:first-child{border-top:none; padding-top:0;}
div.ceo div img{width:80%;}
div.ceo div p{font-size:1.4em; font-weight:100; color:#000;text-align:left;  margin-top:30px; margin-bottom:15px;}
div.ceo div ul li{overflow:hidden;text-align:left; }
div.ceo div ul li span{width:25%; float:left;  font-weight:500;color:#333; }
div.ceo div ul li p{width:75%;font-size:0.95em; float:left; box-sizing:border-box; padding-left:30px;  margin-top:0;position:relative; padding-left:15px;}

.dot_b:before{ content : ""; display : block; position : absolute; left :0; top:8px;  width : 6px; height : 6px; background : #1A73C9; border-radius:50%; }
.dot_s:before{ content : ""; display : block; position : absolute; left :0; top:8px;  width : 6px; height : 6px; background : #1BCCF6; border-radius:50%; }
.dot_g:before{ content : ""; display : block; position : absolute; left :0; top:8px;  width : 6px; height : 6px; background : #A6D06A; border-radius:50%; }

div.his{background-color:#F3F3F3; padding:30px 0px; margin:30px 0px; text-align:center;}
#historyListCon{width:100%;}
.history-year-con{position:relative; text-align:left;}
.history-year-con .history-year{position:absolute; top:0px; left:0px; width:20%; }
.history-year-con .history-year:after{content:""; position:absolute; left:0; top:15px; width:100%; height:1px; background-color:#cfcfcf}
.history-year-con .history-year span{display:inline-block; position:relative; padding-right:20px; color:#a9a9a9; font-size:1.4em; background-color:#f3f3f3; z-index:1;}
.history-year-con .history-year span:after{display:block; position:absolute; top:12px; right:0px; content:""; width:8px; height:8px; background-color:#a9a9a9; border-radius:8px;}
.history-year-con .cur-year span{color:#176AB4; font-family:'Arimo', 'sans-serif';}
.history-year-con .history-list{padding-left:20%}
.history-year-con .history-list li.last{position:relative;}
.history-year-con .history-list li.last:after{position:absolute; top:16px; left:0; display:block; content:""; width:1px; height:100%; background-color:#fff;}
.history-year-con .history-list dl{position:relative; overflow:hidden; padding-left:10%; padding-bottom:22px; line-height:20px;}
.history-year-con .history-list dl:before{content:""; position:absolute; left:0; top:15px; width:20px; height:1px; background-color:#cfcfcf}
.history-year-con .history-list dl dt{color:#5d5d5d;  letter-spacing:2.5px; font-weight:600; padding-top:5px;font-family:'Arimo', 'sans-serif'; font-size:1.05em;}
.history-year-con .history-list dl dd{color:#5d5d5d; letter-spacing:-0.5px;  padding-top:5px; word-break:keep-all; position:relative; padding-left:20px;}
.history-year-con .history-list dl dd:before{content:""; position:absolute; left:0; top:10px; width:9px; height:9px; border:2px solid #1BCCF6; background-color:#fff; border-radius:9px;}

h3.sl{font-weight:600; color:#000; font-size:1.6em; letter-spacing:-0.06em; margin-bottom:20px; text-align:center;background: url("/images/default/content/slash.png") no-repeat center top; padding-top:30px; background-size:25px auto;}
h4.dot{position:relative; padding-left:15px; font-size:18px; margin-bottom:15px; color:#333; margin-top:20px;}
h4.dot:before{ content : ""; display : block; position : absolute; left :0; top:10px;  width : 6px; height : 6px; background : #1A73C9; border-radius:50%; }


div.half{overflow:hidden;}
div.half div{}
div.half div ul{overflow:hidden;}
div.half div ul li{width:48%; margin:1%; float:left; border:1px solid #ddd; box-sizing:border-box; padding:15px;}
div.half div ul li img{width:100%;}


/*오시는길*/
div.maparea iframe{width:100%; height:200px;}
div.maparea p{color:#3b3b39;font-weight:500; margin-top: 20px;}
div.maparea p span{color:#176AB4;padding-right:5px; padding-left:20px;}
div.maparea p span:first-child{padding-left:0;}

/* CI/BI */
.ci_top{  line-height:1.6; box-sizing:border-box; padding:0px 10px;}
.ci_top p.ac{text-align:left;}

.bg_g{background-color:#F3F3F3; box-sizing:border-box; padding:20px 10px; margin:30px 0px; }
.bg_g h3{font-weight:600; color:#000; font-size:1.6em; letter-spacing:-0.06em; margin-bottom:20px; text-align:center;}
.bg_g p.ac{line-height:1.6;text-align:left;}
.ci{ }
.ci .half{text-align:left; margin:0px 0px 20px 0px;}
.ci .half h4{color:#000; margin-bottom:15px; margin-top:30px;font-size:1.5em;}
p.ci_bg{background: url("/images/default/content/ci_bg.gif") repeat 0 0; box-sizing:border-box; padding:30px 20px; text-align:center; border:1px solid #cdcdcd;}
p.ci_bg img{width:70%;}

div.rCon{position:relative;  text-align:left; line-height:1.6;}
div.rCon span{display:block; color:#000; font-weight:600; }
div.rCon ul{overflow:hidden; margin-bottom:20px; margin-top:-2%;}
div.rCon ul li{width:48%; float:left;margin:2% 1%;  background-color:#fff; box-sizing:border-box; border:1px solid #cdcdcd; padding:10px;font-size:0.7em; letter-spacing:-0.03em;}
div.rCon ul li h5{font-size:1.2em;}
div.rCon ul li.c01{border-left:5px solid #176AB4;}
div.rCon ul li.c02{border-left:5px solid #1EB9EE;}
div.rCon ul li.c03{border-left:5px solid #A6D06B;}
div.rCon ul li.c04{border-left:5px solid #231916;}
div.rCon ul li.c01 h5{color:#176AB4;}
div.rCon ul li.c02 h5{color:#1EB9EE;}
div.rCon ul li.c03 h5{color:#A6D06B;}
div.rCon ul li.c04 h5{color:#231916;}

.ctt{ margin-bottom:10px; font-size:16px;  margin-top:40px;}
.ctt b{display:block;font-weight:500; color:#000; border-bottom:1px solid #ddd; padding-bottom:10px;}
.ctt ol{margin-top:10px; margin-left:15px;}
.ctt ol li{list-style:decimal;}
p.down{margin-top:10px; text-align:center; margin-bottom:30px;}
p.down a{margin:0px 30px; color:#063A82;font-size:1.0em; border-bottom:1px solid #cdcdcd; padding-bottom:10px; background: url("/images/default/content/down.png") no-repeat right 3px; padding-right:30px;}

div.beauty{overflow:hidden; margin-top:20px;}
div.beauty p.ci_bg{width:100%; }
div.beauty p.ci_bg img{width:50%;}
div.beauty div{}

div.steel{overflow:hidden; margin-top:50px;}
div.steel p.ci_bg{ }
div.steel div{}

div.beauty h5,
div.steel h5{ font-size:1.4em; font-weight:600; color:#000; margin-top:10px; color:#544429;}
div.steel h5{color:#006CAA;}

div.beauty b,
div.steel b{color:#000; font-size:19px; display:block;}


/* 정부과제 */
p.btit{font-size:1.4em; color:#176AB4; margin-bottom:10px; font-weight:600;}
p.btit span{font-size:0.95em; position:relative;color:#000; margin-left:10px; }

div.mbm{margin-bottom:-30px;}
div.result{}


p.num{font-size:1.3em; font-weight:500; color:#000; margin-bottom:15px; margin-top:30px;}
p.num b{color:#176AB4; font-size:1.0em; font-style:italic; margin-right:10px;}

div.box img{border:1px solid #176AB4 !important; box-sizing:border-box;}
div.box div.boxTxt{background-color:#176AB4; width:100%;  color:#fff; box-sizing:border-box; padding:15px 20px; overflow:hidden;}
div.box div.boxTxt p{margin-top:10px; padding-top:10px; border-top:1px solid #fff; box-sizing:border-box; font-size:0.85em;}
div.box div.boxTxt p:first-child{margin-top:0; padding-top:0; border:none;}


ul.cer li{border:1px solid #176AB4; margin:10px 0px; }

ul.case{margin-top:15px; }
ul.case li {box-sizing:border-box; background-color:#fff; margin:10px 0px; border:1px solid #176AB4;text-align:center; }

div.pac{margin-top:15px; border:1px solid #176AB4 !important; box-sizing:border-box;background-color:#fff; padding:20px;}
div.pac ul{margin-top:10px;}
div.pac ul li{display:inline-block; margin-right:5px; text-align:center; font-size:0.75em;}
div.pac ul li img{margin-bottom:5px; width:50px;}


div.mpp img{border:1px solid #176AB4 !important; box-sizing:border-box;background-color:#fff; text-align:center;margin-top:10px; }
.mou{margin-top:15px; overflow:hidden;}
.mou li{float:left; width:48%; margin-left:4%;box-sizing:border-box; border:1px solid #ddd;background-color:#fff; padding:10px;}
.mou li:first-child{margin-left:0;}
.mou li img{width:100%;}

.mou2{margin-top:25px; overflow:hidden;}
.mou2 li{width:48%; margin-left:4%; box-sizing:border-box; border:1px solid #ddd;background-color:#fff; padding:10px; float:left; text-align:center;}
.mou2 li:first-child{margin-left:0;}
.mou2 li img{width:100%;}
.mou2 li p{margin-top:10px; font-size:0.75em; height:35px;}


/* Scada시스템 */
div.sys_bg{ }

div.sys_bg ul{}
div.sys_bg ul li{margin-bottom:10px; color:#000; position: relative; padding-left:15px;  }
div.sys_bg ul li:before{ content : ""; display : block; position : absolute; left :0; top:8px; width : 6px; height : 6px; background : #1EB9EE; border-radius:50%; }

div.sys01{ box-sizing:border-box; padding:0px 20px;}
div.sys01:after { content : ""; display : block; clear:both;}
div.sys01 img{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.4); width:40%; margin-top:-20px;}
div.sys01 ul{ margin-top:20px; }
ul.check li{margin-bottom:10px; padding-left:20px; background: url("/images/default/content/check.gif") no-repeat 0 0px; color:#333; background-size:15px auto;}

div.white{box-sizing:border-box; text-align:center; padding:20px 20px; background-color:#fff; margin-bottom:30px;}
div.white h4{font-size:20px; color:#000; margin-bottom:10px;}
div.white img{margin-top:20px;}