@charset "utf-8";
/* CSS Document */

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

#wrapBg{ width:100%; background:#fff; }
#wrapBG:after{ content:""; display:block; clear:both; }
#wrap{width:1072px; margin:0 auto; padding-top:28px; }
#wrap:after{ content:""; display:block; clear:both; }

#wrap #subMenu{ width:192px;  float:left; overflow:hidden; margin-bottom:50px;}
  #subMenu .subMenuArea{  border-bottom:2px solid #6989b5; }
  #subMenu .subMenuArea .subMenuTitle{ font:20px/2.1 'Nanum Gothic', Dotum, "돋움", sans-serif; color:#fff;background:#4771ae; display:block;width:112px; height:42px;text-align:center; }
  #subMenu .subNav1De{ width:200px;  overflow:hidden; }
  #subMenu .subNav1De>li{  border-bottom:#7799b7 solid 1px; overflow:hidden;margin-top:13px; }
  #subMenu .subNav1De>li>a{ font:bold 16px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; color:#2f567f; display:block; padding-bottom:10px; padding-left:16px;  float:left; margin-top:1px; }
  #subMenu .subNav1De>li>a:hover{ text-decoration:underline; }
  #subMenu .subNav1De>li>.menuIcon{  display:block;  background:url(../../images/icon/submenu_1_icon.png) no-repeat 5px ; width:50px; height:17px;float:left;}
  #subMenu .subNav1De>li>.subNav2De{ width:224px;  overflow:hidden; margin:10px 0; }
  #subMenu .subNav1De>li>.subNav2De>li{ padding-left: 45px; background:url(../../images/icon/submenu_2_icon.png) no-repeat 35px; }
  #subMenu .subNav1De>li>.subNav2De>li>a{ font:14px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; color:#2f567f; display:block; padding:6px 0; }
  #subMenu .subNav1De>li>.subNav2De>li>a:hover{ text-decoration:underline;  color:#1e62aa;}
  
  
#wrap #container{ width:842px;  float:left; overflow:hidden; padding-left:38px; }

#wrap #container .subLocation{ text-align:right; overflow:hidden; padding-top:2px; margin-bottom:20px; }
#wrap #container .subLocation span{  color: #45547b; wtdh:100%; font:bold 11px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; background:url(../../images/icon/sub_home_icon.gif) no-repeat ; padding-left:20px;}
#wrap #container .subLocation a{ color: #45547b; }
#wrap #container .subLocation a:hover{  text-decoration:underline; }

#wrap #container .subTitle{ background:url(../../images/icon/titleicon_blue2.gif) no-repeat; overflow:hidden; margin-bottom:7px; padding:3px; padding-left:15px; font:18px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; border-bottom:#4771ae 1px solid; }
#wrap #container .subTitle .subTitleText{  color:#4771ae; font:bold 20px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; letter-spacing:1px;  }

#wrap #container .sub2Title{ background:url(../image/icon_circle_blue.gif) no-repeat 3px 40%; overflow:hidden; margin-bottom:10px; padding-left:20px;}
#wrap #container .sub2Title .sub2TitleText{  color:#385487; font:bold 16px/1.5 'Nanum Gothic', Dotum, "돋움", sans-serif;  }
#wrap #container .sub2Title .sub2Img{ float:right; }

#wrap #container .sub3Title{  color:#385487; font:bold 14px/1.5 'Nanum Gothic', Dotum, "돋움", sans-serif; margin-bottom:5px; margin-top:15px;}



/*테이블 공통 */
table{width:100%;  border-collapse:collapse; font:12px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; }

/*테이블 공지 */
.liStyle{ padding-left:0px; list-style-type: decimal; margin-left:15px; font:12px/1.6 'Nanum Gothic', Dotum, "돋움", sans-serif;}

/*테이블 검색 */
.checkbox, .radio{border:0;}
#dialogPaymentListDiv .searchArea{ border-top:1px solid #7799b7; border-bottom:1px solid #7799b7; background:#ecf0f3;  padding:7px; margin-bottom:8px;}
#dialogPaymentListDiv .searchArea:after{ content:""; display:block;}
#dialogPaymentListDiv .searchArea .tableTop{ width:100%;  }
#wrap #container .searchArea{ border-top:1px solid #7799b7; border-bottom:1px solid #7799b7; background:#ecf0f3;  padding:7px; margin-bottom:8px;}
#wrap #container .searchArea:after{ content:""; display:block;}
#wrap #container .searchArea .tableTop{ width:100%;  }
.searchdate{width:80px;display:block; float:left;}
.searchdate2{width:150px;display:block; float:left;}
.btn_datepicker{ background-image:url(../image/icon_cal.gif);width:20px; border:0;display:block; float:left;}
.btn_search{ background-image:url(../image/btn_search.png);width:63px; height:26px; border:0;display:block; float:left;}
.searchbox{width:550px;display:block; float:left;}
.select{width:88px; display:block; float:left;}
.datebox{width:350px; float:left;}
.filePlus{ width:100%; padding:10px; }
.filePlus a{ color: #7799b7; font:bold 12px/1.8 'Nanum Gothic', Dotum, "돋움", sans-serif;  }
.filePlus a:hover{ color: #7799b7}

.tableTop td{ padding:2px 7px; }
.tdTitle{ color: #000; font:bold 12px/1.3 'Nanum Gothic', Dotum, "돋움", sans-serif; white-space:nowrap; padding-left:10px;}
.tdValue{ color: #000; font:12px/1.3 'Nanum Gothic', Dotum, "돋움", sans-serif; padding-left:10px;}
input, select{ outline-width:0; border:1px solid #96acc6;color: #000;  font:12px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; padding:3px; margin:2px;}
.btnSearch{ vertical-align:middle; padding:0px; margin:2px; }

/*테이블 리스트 */
/* #wrap #container .resultArea{ border-top:2px solid #7799b7;} */
#wrap #container .resultArea .listArea{ text-align:left; padding:5px;}
.tableResult{  border-top:2px solid #7799b7; }
.tableResult tr{ height: 32px; }
.tableResult th{ color: #2f567f; font:bold 13.5px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; padding:6px; background:#efefef; border:1px solid #b7b7b7; white-space:nowrap; }
.tableResult td{ padding:11px; font:12.5px/1 'Nanum Gothic', Dotum, "돋움", sans-serif;  color: #000; border:1px solid #b7b7b7; line-height: 150%; }
.tableResult td input{ font:12.5px/1 'Nanum Gothic', Dotum, "돋움", sans-serif;  color: #000; padding:0; margin:0;}
.tableResult textarea{ font:12.5px/1 'Nanum Gothic', Dotum, "돋움", sans-serif; line-height: 150%;}
/* .tableResult center{ height: 14px; padding:3px; } */
.tableResult .on{ background:#dae3ec; }
.tableResult td a{ color: #000; }
.tableResult td a:hover{ text-decoration:underline; }
.textLeft{ text-align:left; }
.textRight{ text-align:right; }
.textCenter{ text-align:center; }
.tableResult .bdrAll{  border:1px solid #b7b7b7; }
.tableResult .bdrLeft{  border-left:none; }
.tableResult .bdrRight{ border-right:none;  }

.pageBtn{ text-align:right; margin:10px 0;}

.paging{overflow:hidden;clear:both;margin:0 auto;padding:10px 0;text-align:center;zoom:1;position:relative;  font:12px/1 'Nanum Gothic', Dotum, "돋움", sans-serif;  }  
.paging a{display:inline-block; margin:0 5px;text-decoration:none !important;}
.paging a img{vertical-align:baseline;}
.paging strong{color: #4771ae;font:bold 13px/1 'Nanum Gothic', Dotum, "돋움", sans-serif;display:inline-block; padding:0 5px;text-decoration:none !important;} 
.paging a:hover,.paging a:focus,.paging a:active{ }  
.paging a.pre,.paging a.next,.paging a.pre2,.paging a.next2{position:relative;top:7px; margin:0 3px;background:none !important; }


/*관련사이트*/
.siteInfoList{ margin-left:50px; overflow:hidden; margin-top:30px;}
.siteInfoList #siteListDiv >li{ width:50%; float:left; }  
.siteInfoList #siteListDiv >li .listText{ padding:0 20px; overflow:hidden; margin-bottom:20px; }
.siteInfoList #siteListDiv >li .listText li{ padding-left:10px;  background:url(../../images/icon/submenu_2_icon.png) no-repeat left;}
.siteInfoList #siteListDiv >li .listText li a{ text-decoration:none; }
.siteInfoList #siteListDiv >li .listText li a:hover{ text-decoration:underline;}
/*오시는길*/
#map1{ display:block; }
#map2,#map3{ display:none; }
.mapNav{ margin-left:20px; overflow:hidden; margin-top:30px;background:url(../image/textbg_bottom.png) repeat-x; }
.mapNav li{ float:left; background:url(../image/textbg_blue.png) no-repeat; width:96px; height:27px;text-align:center; }
.mapNav li a{ font:13px/2.3 'Nanum Gothic', Dotum, "돋움", sans-serif; color:#b9c2d0; }
.mapNav li.mOn{background:url(../image/textbg_bluelne.png) no-repeat;}
.mapNav li.mOn a{font:bold 14px/2.3 'Nanum Gothic', Dotum, "돋움", sans-serif; color:#4771ae; }
.mapContent{ margin-left:20px; overflow:hidden;margin-top:10px;  }
.mapContent h4.mapTitle{background:url(../image/icon_circle_blue.gif) no-repeat left; padding-left:15px; font:bold 13px/2.3 'Nanum Gothic', Dotum, "돋움", sans-serif; margin-top:10px; overflow:hidden; color:#5f8bcb;}
.mapSubText { margin-left:15px; }
.mapSubText li{ background:url(../../images/icon/submenu_2_icon.png) no-repeat left; padding-left:10px; }

/*datepicker*/
img.ui-datepicker-trigger {
    margin-top : 3px;
}