.layer_pop_wrap { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 500; }
.layer_pop_wrap .layer_pop { width: 96%; height: 80%; max-width: 450px; padding: 1em; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.layer_pop_wrap .layer_pop .layer_pop_cont { width: 100%; height: calc(100% - 3em); }
.layer_pop_wrap .layer_pop .layer_pop_cont > div { float: left; width: 100%; height: 100%; }
.layer_pop_wrap .layer_pop .layer_pop_btm { margin-top: 1em; text-align: center; }
.layer_pop_wrap .layer_pop .layer_pop_btm button { height: 2em; padding: 0 1em; color: #fff; background-color: #ccc; border-radius: 3px; margin: 0 2px; }
.layer_pop_wrap .layer_pop .layer_pop_btm button span { font-size: 0.85em; }
.layer_pop_wrap .layer_pop .layer_pop_btm .layer_pop_save { background-color: #0d0d0d; }

/* 제품 선택 레이어 */
.layer_goods_select_btn { float: left; border-radius: 5px; background-color: #333; color: #fff; width: 7em; height: 2.8em; }
.selected_goods { float: left; margin-left: 1em; width: calc(100% - 8em); line-height: 2.8em; }
.selected_goods .item { float: left; margin-right: 0.5em; }
.selected_goods .item p { display: inline-block; font-size: 0.9em; margin-right: 0.3em; }

.layer_goods_select_multi .layer_pop { max-width: 900px; }
.layer_goods_select_multi .layer_pop .layer_pop_cont > div { width: calc(50% - 1.5em); }
.layer_goods_select_multi .layer_pop .layer_pop_cont > .goods_select_btn { width: 3em; display: flex; justify-content: center; flex-flow: column; align-items: center; }

.layer_goods_select .goods_select_btn { text-align: center; }
.layer_goods_select .goods_select_btn button { width: 2em; height: 2em; border-radius: 5px; }
.layer_goods_select .goods_select_list,
.layer_goods_select .goods_selected_list { position: relative; border: solid 1px #ddd; }
.layer_goods_select .goods_select_list > form,
.layer_goods_select .goods_selected_list > form { height: 100%; }
.layer_goods_select .goods_select_list .goods_search_area { width: 100%; height: 7.6em; background-color: #ddd; padding: 1em; }
.layer_goods_select .goods_select_list .goods_search_area > div { float: left; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search { width: calc(34% - 0.5em); }
.layer_goods_select .goods_select_list .goods_search_area .goods_search label { float: left; margin: 0; font-size: 0.75em; font-weight: bold; width: 100%; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search select { float: left; height: 2.4em; width: 100%; font-size: 0.85em; border: none; margin-top: 0.3em; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search.category { width: 66%; margin-left: 0.5em; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search.category select { width: calc(50% - 0.2em); }
.layer_goods_select .goods_select_list .goods_search_area .goods_search.category .category_2 { margin-left: 0.4em; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search_keyword { width: 100%; margin-top: 0.5em; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search_keyword input { float: left; height: 2em; width: calc(100% - 3.5em); border: none; border-radius: 0; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search_keyword button { float: left; height: 2em; width: 3em; margin-left: 0.5em; background-color: #0d0d0d; color: #fff; }
.layer_goods_select .goods_select_list .goods_search_area .goods_search_keyword button span { font-size: 0.85em; }
.layer_goods_select .goods_select_list .goods_list_area { position: relative; width: 100%; height: calc(100% - 7.6em); overflow-y: auto; }
.layer_goods_select .goods_select_list .goods_list_area .pagination { margin-top: 1em; text-align: center; }
.layer_goods_select .goods_select_list .goods_list_area .pagination > li { display: inline-block; }
.layer_goods_select .goods_list .goods_item { display: flex; width: 100%; border-bottom: solid 1px #ddd; padding: 0.8em 1em; cursor: pointer; }
.layer_goods_select .goods_list .goods_item:hover { background-color: #fafafa; }
.layer_goods_select .goods_list .goods_select_idx:checked + .goods_item { background-color: #efefef; }
.layer_goods_select .goods_list .goods_item .goods_thumb { width: 4em; height: 4em; border: solid 1px #ddd; background-position: center; background-size: cover; }
.layer_goods_select .goods_list .goods_item .goods_info { margin-left: 1em; width: calc(100% - 5em); display: flex; flex-flow: column; justify-content: center; }
.layer_goods_select .goods_list .goods_item .goods_info .goods_brand { font-size: 0.85em; color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.layer_goods_select .goods_list .goods_item .goods_info .goods_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 0.5em; }
.layer_goods_select .goods_list_loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 4em 1em; text-align: center; background-color: #fff; }
.layer_goods_select .goods_list_loading > i { font-size: 1.5em; }

@media screen and (max-width:767px) {
  .layer_goods_select_multi .layer_pop .layer_pop_cont > div { width: 100%; height: calc(35% - 1.5em); }
  .layer_goods_select_multi .layer_pop .layer_pop_cont > .goods_select_list { height: calc(65% - 1.5em); }
  .layer_goods_select_multi .layer_pop .layer_pop_cont > .goods_select_btn { width: 100%; height: 3em; flex-flow: row; }
  .layer_goods_select .goods_select_btn button { transform: rotate(90deg); }
}