@charset "utf-8";

/* 팝업 디자인 */

.popup-wrap {
    position: absolute; top: 160px; z-index: 999; left: 0;
    display: flex; align-items: flex-start; justify-content: flex-start; gap: 10px;
}
.ptc_layer_pop {
    width: 460px; padding: 18px 18px 6px; 
    background: #fff; border-radius: 18px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); box-sizing: border-box;  
}
.ptc_layer_pop h2 {
    display: flex; align-items: center; gap: 12px; margin: 0; padding: 16px; 
    background: #2459EA; border-radius: 16px; box-shadow: 0 2px 12px rgba(36, 89, 234, 0.28); color: #fff; font-size: 16px; font-weight: 500; word-break: keep-all;
}
.ptc_layer_pop .popup-title-icon {
    width: 26px; height: 26px;
}

.ptc_layer_pop .popup-title-text {
    display: block;
}
.ptc_layer_pop .cont {
    padding: 12px 6px; font-size: 13px; font-weight: 400; line-height: 150%; word-break: keep-all; overflow-y: auto; max-height: 380px;
}
.ptc_layer_pop .cont img, table, iframe, video {
    display: block; max-width: 100%; height: auto; margin: 10px auto; box-sizing: border-box;
}
.ptc_layer_pop_close { display: flex; align-items: center; justify-content: space-between; padding: 8px;  }
.ptc_layer_pop_close input,
.ptc_layer_pop_close label { color: #777; vertical-align: middle; line-height: 150%; }
.ptc_layer_pop_close button { 
    display: inline-block; padding: 6px 16px; border-radius: 8px; background: #fff; 
    color:#474747; transition: transform .3s ease-in-out; font-size: 12px; border: 1px solid #E3E3E3; 
}
.ptc_layer_pop_close button:hover { transform:translate(-3px, -2px); color:#333; box-shadow: 0 2px 8px -4px rgba(0,0,0,0.24);  }
.ptc_layer_pop_close button:focus { outline: 2px solid #3B82F6; border: 2px solid #fff; }