@charset "utf-8";


.pop-wrap { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%;}
.pop-wrap .pop-bg { position: relative; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.pop-wrap .pop-bg .pop-layer-wrap { position: absolute; top: 50%; left: 50%; width: 1000px; padding: 30px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.3); border-radius: 5px; transform: translate(-50%, -50%);}

.pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-title { font-size: 2.4rem; display: block; font-weight: bold;  margin-bottom: 10px; text-align: center;}
.pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area { height: 500px; border-bottom: 1px solid #333333; padding-top: 10px; overflow-y: auto; }

.pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area::-webkit-scrollbar { width: 5px;}
.pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area::-webkit-scrollbar-thumb { background: rgb(155, 155, 155); border-radius: 10px;}
.pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area .info-text { margin-bottom: 10px; font-size: 1.5rem;  color: #5a5a5a;}
.pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area .info-text .bold { font-weight: 600; color: #6d7dff;}


@media (max-width: 1024px) {
  .pop-wrap .pop-bg .pop-layer-wrap { width: calc(100% - 60px); padding: 20px 15px; }
  .pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area { height: 400px;}
  .pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-area .info-text { font-size: 1.3rem; }
  .pop-wrap .pop-bg .pop-layer-wrap .info-detail .info-title { font-size: 2rem; margin-bottom: 20px;}
}