/* main popup css */
.layer_popup {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.popup_body {position: absolute; top: 50%; left: 50%; width: 400px; min-height: 600px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); transform: translate(-50%, -50%);}

.popup_tab {margin-bottom: 40px;}
.popup_tab:after {content: ''; display: block; clear: both;}
.popup_tab li {width: 47%; display: block; float: left; margin: 0 5px;}
.popup_tab li .pop_tab_item {display: block; padding: 10px 0; background: #fafafa; border: 1px solid #fafafa; text-align: center; transition: all .4s;}
.popup_tab li:hover .pop_tab_item,
.popup_tab li .pop_tab_item.on {border: 1px solid #004b89; background: linear-gradient(135deg, #004b89 0, #1270A9 100%); color: #fff; box-shadow: 0 5px 10px 0 rgba(0, 75, 137, 0.2);}

.popup_content {display: none;}
.popup_content.on {display: block;}

.search_wrap {margin-bottom: 20px; text-align: center;}
.search_wrap .search_input {font-size: 0;}
.search_wrap .search_input * {font-size: 1rem; margin-left: 6px;}
.search_wrap .search_input *:first-child {margin-left: 0;}
.search_wrap .search_input .button {min-width: 60px; padding: 0 8px; background: #2d2b2b url(../../images/board/icon_search.svg) no-repeat 50% 50%; background-size: 20px auto;}

/* popup table */
.table_container {height: 380px; overflow-y: auto; white-space: nowrap;}
.layer_popup .bbsList th,
.layer_popup .bbsList td {padding: 5px;}

.popup_map {display: block; width: 100%; height: 320px; background: #fafafa; margin-bottom: 30px; text-align: center;}