/**
* custom.css
* @author hey
*/

/* 지도도구 */
#mapWrap .map-buttons .map-layer .btn .icon-layer { /* 상단버튼 */
  background: url(../../ext/common/images/map/icon-map-menu.png) no-repeat;
}
#mapWrap .map-buttons .map-tools .button-tools .icon-tools {  /* 메인버튼 */
  background-image     : url(../../ext/common/images/map/icon-map-tool.png);
}
#mapWrap .button-tools .icon {  /* 서브버튼 */
  background-image     : url(../../ext/common/images/map/icon-map-tool.png);
}
/* /지도도구 */
/* menu */
#menuWrap .menu .menu-btn.active .icon {  /* active icon */
  background-position-y: 0px;
}
#menuWrap .menu .menu-btn.active.search .menu-txt {  /* active 배경색, 폰트색 */
  color: #dd3202;
}
#menuWrap .menu .menu-btn.active.theme-map .menu-txt {
  color: #025da4;
}
#menuWrap .menu .menu-btn.active.safe-map .menu-txt {
  color: #333;
}
#menuWrap .menu .menu-btn.active.job-map .menu-txt {
  color: #009b92;
}
#menuWrap .menu .menu-btn.active.statistics-map .menu-txt {
  color: #5c3263;
}
/* /menu */
/* 테마맵 start */
.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list .icon {
  background: url(../images/contents/group-01.png) no-repeat;
  background-position-y: 0px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_BSCF_PS"] .icon {
    background-position-x: 0px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_LWCF_PS"] .icon {
    background-position-x: -68px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_LDSV_PS"] .icon {
    background-position-x: -136px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_CDCN_PS"] .icon {
    background-position-x: -204px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_KDGT_PS"] .icon {
    background-position-x: -272px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_SCHL_PS"] .icon {
    background-position-x: -340px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="MML_WFFC_PS"] .icon {
    background-position-x: -408px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="GOV_SPECIALSTORE"] .icon {
    background-position-x: -476px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="GOV_HOSPITAL"] .icon {
    background-position-x: -545px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="GOV_PHARMACY"] .icon {
    background-position-x: -614px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='1'] .theme-gallery-list[data-name="GOV_TRAFFICCAMERA"] .icon {
  background-position-x: -680px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='2'] .theme-gallery-list[data-type="contents"] .icon {
  background: url(../images/contents/group-02.png) no-repeat;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='2'] .theme-gallery-list[data-name="GOV_AIRMONITERING"] .icon {
  background-position-x: 0px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='2'] .theme-gallery-list[data-name="GOV_FINEPARTICLES"] .icon {
  background-position-x: -68px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='2'] .theme-gallery-list[data-name="GOV_FORESTFIRE"] .icon {
  background-position-x: -406px;
}

.panel-area[data-area=theme-map] .module-tab-contents[data-group-id='2'] .theme-gallery-list[data-name="GOV_AED"] .icon {
  background-position-x: -136px;
}

/**
 * 통합행정정보 custom
 * @author vng hsj
 */

.module .tabbox {
  background: #fff;
  width: 100%;
  height: 38px;
  border: 1px solid #d6d6d6;
  border-radius: 3px;
}

.tab-menu-list{
  padding: 9px 0;
}

.module .tab-menu .tab-menu-list .menu {
  display: block;
  font-size: 14px;
  text-align: center;
  opacity: 0.6;
}

.module .tab-menu .tab-menu-list.active .menu {
  font-weight: bold;
  opacity: 1;
}


#showAdminInfoDialog #description {
  height: 40px;
}

#landBookHeader tr th,
#buildingBookHeader tr th,
#officialPriceHeader tr th,
#landUseHeader tr th,
#individualPriceHeader tr th {
    position        : relative;
    font-family     : 'Pretendard Bold';
    height          : inherit;
    font-weight     : normal;
    background-color: #f5f5f5;
    overflow        : hidden;
    white-space     : nowrap;
    text-overflow   : ellipsis;
    line-height     : 32px;
    display         : table-cell;
    padding-left    : 16px;
}

#landMoveHistory tr td,
#bookList tr td,
#officialPriceInfo tr td,
#landUseInfo tr td,
#individualPriceInfo tr td,
#bookRecapTitleDetail tr td,
#bookTitleDetail tr td {
    position     : relative;
    font-family  : 'Pretendard Light';
    text-align   : left;
    font-weight  : normal;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
    display      : table-cell;
    padding-left : 16px;
}

#bookRecapTitleDetail tr th,
#bookTitleDetail tr th {
    position        : relative;
    font-family     : 'Pretendard Bold';
    height          : inherit;
   font-weight     : normal;
    background-color: #f5f5f5;
    overflow        : hidden;
    white-space     : nowrap;
    text-overflow   : ellipsis;
    display         : table-cell;
    padding-left: 16px;
}

#landUse .module-list:hover{
  background-color: #f5f5f5;
}

#bookList tr {
  cursor: pointer;
}

#bookList .active{
  background-color: #f1f4fb;
  color: #025da4;
}

/**
 * statistics-table
 * @Author vng hey
 */
.statistics-table {
  width  : 100%;
  border : 2px solid #cecece;
  font-size: 12px;
}

.statistics-table tr {
  height: 30px;
}

.statistics-table tr th {
  font-weight: bold;
}

.statistics-table tr th,
.statistics-table tr td {
  padding: 10px;
  border : 1px solid #cecece;
  text-align: center;
  font-size: 14px;
}

.ac {
  text-align: center;
}

.al {
  text-align: left;
}

/**
 * info-popup
 * @author hey
*/
div.info-popup {
  width: 270px;
  border : 2px solid #000;
}

div.info-popup .header p {
  font-size: 18px;
  margin-left : 20px;
}

div.info-popup .header .btn-box {
  width: 40px;
  height: 40px;
  text-align: center;
  margin-right: 5px;
}

div.info-popup .body {
  background-color: white;
}