.main-layerpop-wrap { position: relative; z-index: 9999; }
.main-layerpop-wrap .layerpop-item { position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 10px; }
.main-layerpop-wrap .layerpop-item .img-area { width: 450px; position: relative; cursor: pointer; background: #000; }
.main-layerpop-wrap .layerpop-item .img-area .pop-img { width: 100%; height: auto; }
.main-layerpop-wrap .layerpop-item .foot-btn { padding: 10px 20px; display: flex; justify-content: space-between; align-items: center; width: 100%; background: var(--darknavy-color); }
.main-layerpop-wrap .layerpop-item .foot-btn .input-check { color: #fff; }
.main-layerpop-wrap .layerpop-item .foot-btn .close-btn { cursor: pointer; width: 23px; height: 23px; }
.main-layerpop-wrap .layerpop-item .foot-btn .close-btn .icon { width: 100%; height: 100%; }

@media (max-width: 1200px) { 
  .main-layerpop-wrap .layerpop-item { top: 100px !important; left: 50% !important; transform: translateX(-50%); }
}
@media (max-width: 550px) { 
  .main-layerpop-wrap .layerpop-item { width: calc(100% - 60px); top: 60px !important; left: 30px !important; transform: none; } .main-layerpop-wrap .layerpop-item .img-area { width: 100%; }
}