#sending { position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.8); z-index:1000000000; }
#sending > div { position:absolute; left:50%; top:50%; }
#sending > div > div.rotate { animation:sending_animate 5s linear infinite; border:5px dotted #4B96E7; position:absolute; left:-50px; top:-50px; height:100px; width:100px; border-radius:100px; }
#sending > div > div.per { position:absolute; left:-50px; top:-50px; height:100px; width:100px; line-height:100px; text-align:center; color:#4B96E7; }
@keyframes sending_animate { 100% { transform:rotate(360deg); } }

#popup_msg_wrap { position:fixed; left:0px; bottom:40px; right:0px; overflow:hidden; z-index:1000000000000; font-size:14px; line-height:1.6; }
#popup_msg_wrap div.popup_msg { position:relative; left:-900px; margin:0px 0px 5px 0px; padding:10px 40px 10px 20px; color:#FFF; max-width:800px; border-radius:0px 20px 20px 0px; }
#popup_msg_wrap div.JY { background:#125DE6; }
#popup_msg_wrap div.JN { background:#DA1E28; }
#popup_msg_wrap div.PY { background:#125DE6; }
#popup_msg_wrap div.PN { background:#DA1E28; }
#popup_msg_wrap span.x { position:absolute; right:15px; top:50%; }
#popup_msg_wrap span.x button { position:absolute; top:-10px; right:0px; cursor:pointer; width:20px; height:20px; font-size:16px; line-height:1; font-family:verdana; color:#FFF; font-weight:bold; border:0px; background:rgba(255,255,255,0); }

.noselect { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } /* 텍스트 선택 방지 */

.ckeditor5 { font-family:'Roboto', 'Noto Sans KR', sans-serif; font-size:14px; color:#333; line-height:1.6 !important; }
.ckeditor5 p { margin:0px; line-height:1.6 !important; }
.ckeditor5_wrap { min-height: 300px; background: #F9F9F9; }
.ckeditor5_wrap .ck-editor__top button { font-size: 12px !important; }
.ckeditor5_wrap .ck-editor__editable { padding-top: 10px !important; padding-bottom: 10px !important; min-height:300px; }
.ckeditor5 { width: 690px; }

.modal_style_1 { display: flex; position: fixed; inset: 0; padding: 80px 20px 20px 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; z-index: 10000; }
.modal_style_1 .modal_box { display: flex; flex-direction: column; background: white; border-radius: 4px; min-width: 300px; min-height: 150px; max-width: 100%; max-height: 100%; overflow: auto; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3); }
.modal_style_1 .modal_header { position: relative; margin:20px 20px 10px 20px;  background: #FFF; border-top-left-radius: 4px; border-top-right-radius: 4px; flex-shrink: 0; }
.modal_style_1 .modal_header .modal_title { padding-bottom:10px; padding-right:20px; border-bottom: 1px solid #DDD; font-size: 1.5em; font-weight: 400; color: #333; line-height:1; }
.modal_style_1 .modal_header .close { position: absolute; right: -10px; top: -5px; padding:0px 10px; color: #aaa; font-size: 28px; font-weight: 700; cursor: pointer; line-height:1; }
.modal_style_1 .modal_contents { padding: 10px 20px 20px 20px; overflow: auto; }