#wrapper {background:#f2f2f2; padding:30px 0px;}
#wrapper .swrap {width:1200px; margin:0px auto 0px auto;  display:block; position:relative;}

#sideA {position:absolute; top:0px; left:0px; display:block; width:220px;  padding:0px 0px 30px 0px;}
#sideA h2{ font-family: 'nanum-square-r'; font-weight:normal; color:#fff; text-align:center;  font-size:28px; padding:40px 0px 40px 0px; background:#003fa0;}
#sideA h2 p {font-family:'NotoKrR'; margin-top:20px; font-size:13.5px; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }

#sideA .snb_2dul {display:block; font-family:'NotoKrM'; }
#sideA li{background:none; list-style-type:none; display:block; overflow:hidden; padding:0px; margin-bottom:1px;}
#sideA li .snb_2da{display:block;text-align:left; margin:0px;padding:12px 0px 11px 20px; font-size:15.5px; letter-spacing:-0.5px; color:#4c4c4c;   background:rgba(255,255,255,1.0); -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out; }
#sideA li:first-child .snb_2da {}
#sideA li .snb_2da:hover, #sideA li:first-child .snb_2da:hover {   color:#999;  background:rgba(255,255,255,0.2);  }
#sideA .snb_2dli .on, #sideA .snb_2dli a:hover.on{ color:#003fa0 !important;}
#sideA .snb_3dul {display:block; background:#fff; padding:0px 0px 10px 0px;}
#sideA .snb_3dul li {margin-bottom:0px;}
#sideA li .snb_3da{display:block;  line-height:34px; height:34px; font-size:14.5px; padding:0px 0px 0px 22px;  letter-spacing:-0.5px; color:#666;   }
#sideA li .snb_3da:hover {color:#01a5a4;}
#sideA  .on2 {color:#01a5a4 !important;}


#container {float:right; display:block;  width:860px; padding:32px 50px 40px 50px;  position:relative; overflow:hidden; background:#fff;}

#locationA {display:block; overflow:hidden; text-align:left; margin-bottom:18px;}
#locationA .cloc{}
#locationA .cloc a{color:#777;}

#locationA .cloc span {display:inline-block;font-family:'NotoKrR';height:16px; line-height:16px;  padding:0px 15px 0px 16px;background:url(/img/loca_line.jpg) left 3px no-repeat; font-size:14px; }
#locationA .cloc span.home {width:13px;height:16px; line-height:16px; display:inline-block;padding-bottom:4px; padding-right:0px; text-indent:-999999px; background:url(/img/i_home.jpg) left 1px no-repeat; }





#container_title {position:relative;  width:860px; margin:0px 0px;   font-family: 'nanum-square-r'; letter-spacing:-1px; border-bottom:1px solid  #e5e5e5;}
#container_title .conTit_tt {font-size:32px; line-height:34px; color:#31343f;padding:0px 0 30px 0px; }


h2#container_title {display:none !important;} 

.scontA {width:860px; padding:40px 0px; min-height:440px;   overflow:hidden; display:block;line-height:180%; font-size:15px; color:#555; letter-spacing:-0.5px; text-align:justify;}
.scontA strong {font-weight:normal; font-family:'NotoKrM';} 



#container .tit01{position:relative; color:#333; font-weight:normal; font-family:'nanum-square-b'; font-size:28px; line-height:170%; letter-spacing:-1px;}
#container .tit01 span{position:relative; color:#fff; padding:0 10px; display:inline-block; background:#333; font-weight:normal; font-family:'nanum-square-b'; font-size:18px; height:32px; line-height:32px; letter-spacing:-1px; margin:0 0 2px 5px; vertical-align:middle;}
#container .tit02{margin:0; color:#003fa0; font-weight:normal; font-size:16.5px; padding-bottom:5px; line-height:170%; font-family:'NotoKrM';}
#container .tit03{display:block; margin:0; color:#984807; font-weight:normal; font-family:'nanum-square-b'; font-size:20px; padding-bottom:10px; line-height:160%; letter-spacing:-0.5px;}
#container .tit03 span{position:relative; color:#fff; padding:0  10px 0px 7px; display:inline-block; background:#776f69; font-weight:normal; font-family:'NotoKrM'; font-size:15.5px; height:26px; line-height:26px; letter-spacing:-1px; margin:0 0 2px 15px; vertical-align:middle;}
#container  hr.tit03_hr{display:block; border:none; border-top:1px solid #984807; width:35px; height:1px; margin-bottom:20px; padding:0px; font-size:0px; float:left;}
#container .tit04{display:block; margin:0; color:#db6c00; font-weight:normal; font-family:'NotoKrM'; font-size:16px; padding:8px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-bottom:none;}
#container .tit05{display:block; margin:0; color:#db6c00; font-weight:normal; font-family:'NotoKrM'; font-size:16px; padding:8px 20px; line-height:170%; letter-spacing:-0.5px; border:1px solid #e5e5e5; border-top:none; background:#f0f0f0;}
#container .tit06{display:block; margin:0; color:#db6c00; font-weight:normal; font-family:'NotoKrM'; font-size:16px; padding:8px 10px; line-height:170%; letter-spacing:-0.5px;border-bottom:none;}
#container .tit07{display:block; margin:0; color:#db6c00; font-weight:normal; font-family:'NotoKrM'; font-size:15px; padding:8px 10px; line-height:170%; letter-spacing:-0.5px;border-bottom:none;text-align: center;}
#container .tit08 {display:block; font-weight: 600; color:#344594; margin-bottom:10px; }
#container .tit08 span{display:inline-block; padding:0px 10px; background:#8b6c6c; width:65%; height:30px; line-height:30px; font-size:16px; color:#fff;  text-align: center;}

.pott1 {color:#d87a35 !important;}
.pott2 {color:#003fa0 !important;}
.pott3 {color:#000 !important;}
.pott4 {color:#805e45 !important;}
.pottS {font-size:13.5px; color:#757575;}
.pottB {font-weight:normal; font-family: 'NotoKrM' !important;}
.pottSB {font-family: 'nanum-square-b' !important;}

.fs1 {font-size:18px;}

.lets0 {letter-spacing:0px;}
.lets1 {letter-spacing:-0.1px;}
.lets5 {letter-spacing:-0.5px;}
.lets10 {letter-spacing:-1px;}
.lets15 {letter-spacing:-1.5px;}
.lets20 {letter-spacing:-1.5px;}

.sub_tab {width:860px; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; }
.sub_tab ul{padding:0px; margin:0px;}
.sub_tab ul::after {clear:both; content:""; display:block;}
.sub_tab li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:8px 0px 8px 0px;  font-size:16.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tab li:first-child , .sub_tab  li.el{  margin:0px 0px 1px 0px;   }
.sub_tab li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab li a.on {border:1px solid #01a5a4; background:#01a5a4; color:#fff !important; font-family: 'NotoKrM'; }

.sub_tabmenu {width:860px; overflow:hidden; margin:0px auto 40px auto; letter-spacing:-1px; }
.sub_tabmenu ul{width:860px; display:table; padding:0px; margin:0px;}
.sub_tabmenu li{list-style-type:none; display:table-cell;overflow:hidden;padding-right:1px;  }
.sub_tabmenu li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:8px 0px 8px 0px;  font-size:16.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tabmenu li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tabmenu li.on a {border:1px solid #01a5a4; background:#01a5a4;  color:#fff !important; font-family: 'NotoKrM'; }

.sub_tab_jk {width:860px; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; }
.sub_tab_jk ul{padding:0px; margin:0px;}
.sub_tab_jk ul::after {clear:both; content:""; display:block;}
.sub_tab_jk li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab_jk li a{display:block; text-decoration:none;background:#fff; border:1px solid #e5e5e5;  padding:6px 0px 6px 0px;  font-size:14.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tab_jk li:first-child , .sub_tab_jk  li.el{margin:0px 0px 1px 0px;   }
.sub_tab_jk li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab_jk li a.on {border:1px solid #01a5a4; background:#01a5a4; color:#fff !important; font-family: 'NotoKrM'; }


.sub_tab_s {width:860px; overflow:hidden; margin-bottom:30px; letter-spacing:-1px; }
.sub_tab_s ul{padding:0px; margin:0px;}
.sub_tab_s ul::after {clear:both; content:""; display:block;}
.sub_tab_s li{list-style-type:none; float:left; display:inline;overflow:hidden; margin:0px 0px 1px 1px;}
.sub_tab_s li a{display:block; text-decoration:none;background:#f5f5f5; border:1px solid #e5e5e5;  padding:6px 0px 6px 0px;  font-size:14.5px; color:#555 !important; text-align:center;overflow:hidden; }
.sub_tab_s li:first-child , .sub_tab_s  li.el{  margin:0px 0px 1px 0px;   }
.sub_tab_s li a:hover{ text-decoration:none;background:#e5e5e5;  }
.sub_tab_s li a.on {border:1px solid #805e45; background:#805e45; color:#fff !important; font-family: 'NotoKrM'; }

.tabCont {clear:both;margin:40px 0px 0px 0px; letter-spacing:-0.5px;}

.litc2 {width:427px;}
.litc3 {width:284px;}
.litc4 {width:212px;}
.litc5 {width:169px;}
.litc6 {width:140px;}
.litc7 {width:127px;}
.litc8 {width:104px;}
.litc9 {width:92px;}

#container dl.fl {position:relative; margin-top:0px; width:100%; clear:both; }
#container dl.fl > dt{position:relative; float:left; width:320px; padding-top:5px;}
#container dl.fl > dd{position:relative; float:right; width:500px; margin-left:40px;}
#container dl.fl:after{clear:both; content:''; display:block;}

#container dl.fl1 {position:relative; margin-top:0px; width:100%; clear:both; }
#container dl.fl1 > dt{position:relative; float:right; width:200px; padding-top:5px;}
#container dl.fl1 > dd{position:relative; float:left; width:620px;  margin-right:40px;}
#container dl.fl:after{clear:both; content:''; display:block;}

#container dl.fl2 {display:inline-block; float:left; font-size:18px; margin:0 60px 0 0; font-family:'nanum-square-r';}
#container dl.fl2 > dt{float:left; line-height:40px; padding:0 15px; color:#fff; background:#4a4a4a;font-family:'nanum-square-b'; text-align:center;}
#container dl.fl2 > dd{float:left; line-height:40px; padding-left:15px; color:#333;}
#container dl.fl2:after{clear:both; content:''; display:block;}


#container dl.fla {margin-top:0px; width:100%; font-size:17px; clear:both;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container dl.fla > dt{float:left; width:30%; font-weight:500;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.fla > dd{float:left;  width:47%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#container dl.fla:after{clear:both; content:''; display:block;}


#container dl.flb {margin-top:0px; width:100%; clear:both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#container dl.flb > dt{float:left; display:block;width:47%; font-size:18px;   color:#000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;}
#container dl.flb > dd{float:right; display:block;width:47%; font-weight:500; margin-left:4%; padding-top:2px; color:#444;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-wrap:normal;word-break:keep-all;}
#container dl.flb:after{clear:both; content:''; display:block;}



#container dl.fl3 {margin-top:0px;  display: inline-block;  }
#container dl.fl3 > dt{display:block; position:relative; float:left;  padding:0px 10px; height:35px; line-height:35px; text-align:center; width:100px; margin-right:40px; color:#fff;font-family:'NotoKrM'; font-size:16.5px; background:#c18045;}
#container dl.fl3 > dd{position:relative; float:right; width:700px; }
#container dl.fl3:after{clear:both; content:''; display:block;}

#container dl.fl4 {position:relative; margin-top:0px; width:100%; clear:both; }
#container dl.fl4 > dt{position:relative; float:left; width:530px;}
#container dl.fl4 > dd{position:relative; float:right; width:280px; margin-left:50px;}
#container dl.fl4:after{clear:both; content:''; display:block;}

#container dl.fl5 {margin-top:0px;  display: inline-block;  }
#container dl.fl5 > dt{display:block; position:relative; float:left;  padding:0px 10px; height:35px; line-height:35px; text-align:center; width:110px; margin-right:40px; color:#fff;font-family:'NotoKrM'; font-size:16.5px; background:#27b38f;}
#container dl.fl5 > dd{position:relative; float:right; width:690px; }
#container dl.fl5:after{clear:both; content:''; display:block;}

#container dl.fl6 {float:left;padding:20px 10px 30px 0;}
#container dl.fl6 > dt{height:285px;}
#container dl.fl6 > dd{background:#27b38f;color:#fff;text-align:center;font-size:16px;font-family:'NotoKrM';padding:13px 0 0 0;}
#container dl.fl6:after{clear:both; content:''; display:block;}

#container dl.fl7 {float:left;padding:20px 10px 30px 0;}
#container dl.fl7 > dt{height:285px;}
#container dl.fl7 > dd{background:#c18045;color:#fff;text-align:center;font-size:16px;font-family:'NotoKrM';padding:13px 0 0 0;}
#container dl.fl7:after{clear:both; content:''; display:block;}


#container dl.fl8 {position:relative; margin-top:0px; width:100%; clear:both; }
#container dl.fl8 > dt{position:relative; float:left; width:300px; padding-top:5px;}
#container dl.fl8 > dd{position:relative; float:right; width:520px; margin-left:5px;}
#container dl.fl8:after{clear:both; content:''; display:block;}


#container dl.fl9 {position:relative; margin-top:0px; width:100%; clear:both; }
#container dl.fl9 > dt{position:relative; float:left; width:550px; padding-top:5px}
#container dl.fl9 > dd{position:relative; float:right; width:305px}
#container dl.fl9:after{clear:both; content:''; display:block;}


#container dl.fl10 {position:relative; margin-top:0px; width:100%; clear:both; }
#container dl.fl10 > dt{position:relative; float:left; width:550px; padding-top:5px}
#container dl.fl10 > dd{position:relative; float:right; width:305px}
#container dl.fl10:after{clear:both; content:''; display:block;}
.fl10.moon{padding-left:15px}


.bgbox {background:#f5f5f5; border:1px solid #e5e5e5; padding:20px 40px; width:100%; box-sizing:border-box;}

ul.bul {width:100%; position:relative; clear:both; margin:0; line-height:165%;}
ul.bul li {padding:0 0 5px 10px; background:url(/img/bul.gif) left 10px no-repeat;}
ul.bul li span.libox {display:inline-block; width:180px; color:#d87a35; font-family:'NotoKrM';}
ul.bul li span.libox2 {display:inline-block; width:90px; color:#d87a35; font-family:'NotoKrM';}

ul.bul li span.liextt {float:left; width:94px;}
ul.bul li span.liexp {float:left; width:750px;}


ul.bul2 {width:100%; position:relative; clear:both; margin:2px 0; line-height:150%;}
ul.bul2 li {padding:0 0 4px 10px; background:url(/img/bul2.gif) left 10px no-repeat;}
ul.bul2 li span.libox {display:inline-block; width:80px; color:#003fa0; font-family:'NotoKrM';}
ul.bul2 li span.libox2 {display:inline-block; width:160px; color:#003fa0; font-family:'NotoKrM';}

ul.lifl {position:relative; clear:both; margin:0 auto; overflow:hidden;}
ul.lifl li {padding:1px 0;display:block;}
ul.lifl li span {display:inline-block; width:160px;}


ul.libg{border:1px solid #e8e8e8; padding:30px 40px; overflow:hidden; margin:5px 0; }
ul.libg li{padding-bottom:4px; display:block;}
ul.libg span {display:inline-block; width:100px; font-family: 'NotoKrM'; color:#333;}

ul.libg2 li:after {display:block; content:""; clear:both;}
ul.libg2 li {list-style:none; padding:0px; padding:10px 0; border-bottom: 1px dashed #e0e0e0; line-height:170% !important;}
ul.libg2 li .li_tit {float:left; width:100px; display:inline; color:#333; font-family: 'NotoKrM';}
ul.libg2 li .li_txt {float:left;  display:inline;  } 



.bgg {background:#f5f5f5;}

.tbl01 {border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.tbl01 th{padding:5px; text-align:center; border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; font-family:'NotoKrM'; background:#f5f5f5}
.tbl01 td{padding:10px 15px;border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; line-height:160%;}
.tbl01 td.txt_l {text-align:left; padding:5px 15px;}
.tbl01 td.color_y {background:#fff6e8;}


/* 연혁 */
dl.history {width:100%; overflow:hidden; position:relative; padding:0px; }
dl.history dt {display:block; position:relative; float:left;  padding:10px 0px; text-align:center; width:150px; color:#fff;font-family:'NotoKrM'; font-size:16.5px; background:#05a7bd;}
dl.history dd {display:block; position:relative; float:left; margin-left:40px; width:648px; border:1px solid #f2f2f2}
dl.history:after {display:block; content:""; clear:both;}

dl.history dd > ul > li {list-style:none;line-height:160%; padding:10px 0px; border-bottom:1px solid #f2f2f2;}
dl.history dd > ul > li:after {display:block; content:""; clear:both;}
dl.history dd > ul > li span {float:left; width:123px; display:block; color:#05a7bd; font-family:'NotoKrM'; padding-left:25px; }
dl.history dd > ul > li p {float:left; width:479px; padding-left:20px; display:block; line-height:160%; }



.clear {clear:both; position:relative;}
.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
.bd {display:block; border:none; background:#e5e5e5; height:1px; margin:40px 0px; padding:0px; font-size:0px; clear:both;}
.bd2 {display:block; border:none; background:#efefef; height:1px; margin:30px 0px; padding:0px; font-size:0px; clear:both;}
.bd3 {display:block; border:none; border-bottom:1px dashed #b4cddc; height:1px; margin:20px 0px; padding:0px; font-size:0px; clear:both;}
.bd4 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:25px 0px; padding:0px; font-size:0px; clear:both;}
.bd5 {display:block; border:none; background:#e5e5e5; height:1px; margin:20px 0px; padding:0px; font-size:0px; clear:both;}

.bg {display:block; border:none; height:60px; margin:40px 0px; padding:0px; font-size:0px; clear:both; background:url(/img/01/bg_con.png) center no-repeat;}

.bg_0302{border:1px solid #e8e8e8; background:#f6f6f6; padding:30px 0px 30px 150px; }
.bg_0302 span {margin-right:10px;}


.bgn {background:none !important;}
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}

.mt10 {margin-top:10px !important;}
.mt30 {margin-top:30px !important;}

.mr10 {margin-right:10px !important;}
.ml30 {margin-left:30px !important;}
.ml10 {margin-left:10px !important;}
.pd0 {padding:0 !important;}

.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pr0 {padding-right:0 !important;}
.pr10 {padding-right:10px !important;}
.pl0 {padding-left:0 !important;}



.txt_r {text-align:right;}
.txt_c {text-align:center;}


.btnArea {display:block; position:relative; width:100%; height:44px; text-align:center;}
.btnArea a.btn_01 {display:inline-block; width:300px; height:44px; line-height:44px; font-size:18px; font-family:'NotoKrM'; background:#e77c44; color:#fff; border:1px solid #e77c44;} 
.btnArea a.btn_01:hover {background:#fff !important; color:#e77c44; border:1px solid #e77c44;}

/*사이트맵*/

#site_wrap {width:100%; letter-spacing: -0.5px;}
#site_wrap .a_site01 {padding:15px 0 25px 0; float:left; width:140px; font-size:24px;font-weight:500;line-height:1; color:#984807;
					font-weight:normal; font-family:'nanum-square-b'; font-size: 24px; display: block; background: url(/img/sitemap_li_tit.gif) left bottom no-repeat; background-position-x: 2px;}
#site_wrap .site02_wrap {padding:0px 0 75px 29px; float:left; margin-left:35px; width:655px;}
#site_wrap .site02 {background: url(/img/icon_sitemap_li_01.gif) left no-repeat; background-position-y:30px; float:left;width:652px; padding:15px 0 15px 15px; line-height:32px; border-bottom: 1px dashed #e0e0e0;}
#site_wrap .a_site02 {font-size:16px; display: inline;float: left;width:200px; font-family:'NotoKrM';} 
#site_wrap .a_site02:hover {color:#984807;}
#site_wrap .site03 {padding-left:10px;background: url(/img/icon_sitemap_li_02.gif) no-repeat left 12px;font-family:'NotoKrR';padding-bottom:5px;float: left;display: inline; width:150px;}
#site_wrap .a_site03 {color:#6b6b6b; display: block;}
#site_wrap .a_site03:hover {color:#e17543;}


.system { position:relative; width: 860px; height: 431px; background: url(/img/line.png) no-repeat 80px 25px;color:#000;}
.system p { display:table; width: 100px; margin: 0 auto 300px; background: #fff;}
.system b { display: table-cell; vertical-align: middle; text-align: center; height: 45px;width: 100px;border: 1px solid #d3d3d3;background: #fff;}
.system em { display:block; font-weight: normal;}
.system span {display: table;width: 340px;height: 45px;background: #ededed;border: 1px solid #d3d3d3;margin: 0px 0px 4px 10px;}
.system li {list-style: none;margin:0px 20px 0px 0px;padding: 0px;float:left;}
.system .do1 {list-style: none;margin:0px 20px 0px 0px;padding: 0px;float:right;}
.system .do2 {list-style: none;float:right;margin: 20px 125px 0px 125px;}
.do2 p { display:table; width: 100px;background: #fff;}
.system .do3 {list-style: none;float:right;margin: 37px 21px 20px 20px;}
.system .do4 {list-style: none;float:right;margin: 0px 3px 20px 20px;}
.do3 li {list-style: none;margin:0px 1px 0px 20px;padding: 0px;float:left;}
.do1 p { margin: 0 auto 60px}



.system .depth3 {float:right;}
.system .depth3 strong { display: block; width: 150px; height: 48px; line-height: 48px; border: 1px solid #d3d3d3; background: #ededed; text-align: center;}
.system .depth3 div { padding: 18px 0 0 ; height: 128px; border: 1px solid #d3d3d3; border-top: none; background: #fff; line-height: 26px; text-align: center;}
.system .depth3 > li:nth-child(2) { padding:44px 0 0; margin: 0 auto}
.system .depth3 > li:nth-child(1) { position: absolute; left:0; bottom:0;}
.system .depth3 > li:nth-child(3) { position: absolute; right:0; bottom:0;}


.pic {text-align: center;}


.system1 { position:relative; width: 860px; height: 560px; background: url(/img/map.png) no-repeat right top;color:#000;margin-top: 10px;}
.system1 p {float: right;}
.system1 b { display: table-cell; vertical-align: middle; text-align: center; height: 45px;width: 100px;border: 1px solid #d3d3d3;background: #fff;}
.system1 em { display:block; font-weight: normal;}
.system1 span {display: table;width: 120px;height: 20px}
.system1 li { border: 1px solid #d3d3d3;padding: 10px;width: 300px;margin-bottom: 20px;}

.system1 .libox2{font-weight: 700}

.system2 { position:relative; width: 860px; height: 600px; background: url(/img/map.png) no-repeat 80px 25px;color:#000;margin-top: 10px;}
.system2 p { display:table; width: 100px; margin: 0 auto 300px; background: #fff;}
.system2 b { display: table-cell; vertical-align: middle; text-align: center; height: 45px;width: 100px;border: 1px solid #d3d3d3;background: #fff;}
.system2 em { display:block; font-weight: normal;}
.system2 span {display: table;width: 120px;height: 20px}
.system2 li { border: 1px solid #d3d3d3;padding: 10px;width: 300px;margin-bottom: 20px;}

.system2 .libox2{color:#1c6fbb !important;font-weight: 700}


.map1 {height: 600px;width: 860px;background: url(/img/02/map1.png) no-repeat 0px 0px}

.top {position: relative;float: right;width: 200px;padding-top: 5px;}