@charset "utf-8";

.popup-modal-wrap		{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.75);z-index:9999;}
.modal-cont				{width:960px;max-width:calc(100% - 40px);position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#fff;border-radius:10px;box-shadow:0 0 20px #0004;animation:fadeIn .8s .2s both alternate;}
.modal-cont .indent		{max-height:calc(100vh - 100px);overflow-y:auto;}
#modal-wrap .modal-cont .close			{position:absolute;top:-20px;right: 40px;z-index:3;animation:fadeInUp .3s .5s both alternate;}
#modal-wrap .modal-cont .close i		{display:block;width: 50px;height: 50px;line-height: 52px;border-radius:50%;background:#fff;text-align:center;font-size:1rem;color:var(--dgray1);box-shadow: 5px 5px 20px #0003;position:relative;transition:all .3s;}
#modal-wrap .modal-cont .close:before	{content:"";position:absolute;top:50%;left:50%;width:70px;height:70px;background:radial-gradient(#1074F555, #fff2);-webkit-transform:translate(-50%, -50%) scale(0.1, 0.1); transform:translate(-50%, -50%) scale(0.1, 0.1);border-radius:50%;-webkit-animation:pulsate 1.5s ease-out;animation:pulsate 1.5s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;z-index:-1;}
#modal-wrap .modal-cont .close:hover i	{background:var(--dgray1);color:#fff;transform:rotate(180deg);}

/*로그인 모달창, 현 위치에서 찾기 모달창*/
#login-modal-wrap .modal-cont,
#map-modal-wrap .modal-cont{width:400px;overflow:hidden;}

#login-modal-wrap .title,
#map-modal-wrap .title{background:var(--main-color);text-align:left;padding:10px 20px;color:#fff;font-size:1.125rem;font-weight:500;}

#login-modal-wrap h3.tit{margin:.6rem 0 1rem;}
#map-modal-wrap h3.tit{font-size:1.25rem;margin:.6rem 0 1rem;}

#login-modal-wrap h3.tit:before,
#map-modal-wrap h3.tit:before{vertical-align:middle;margin-right:7px;animation:blink 1.5s infinite;}

#map-modal-wrap .stit{margin:0 0 10px;font-weight:500;color:#121314;}
#map-modal-wrap .txt{word-break:keep-all;}

#login-modal-wrap .btn-wrap,
#map-modal-wrap .btn-wrap{padding:0px 0 20px;}

.ico-memo:before, .ico-alert:before, .ico-timer:before{font-family:'FontAwesome';display:inline-block;margin-right:5px;font-size:1rem;font-weight:400;}
.ico-memo:before{content:"\f0f3";}
.ico-alert:before{content:"\f06a";color:#F66;}
.ico-timer:before{content:"\f34e";margin-right:10px;}
.ico-arrow-cross:before{content:"";width:16px;height:16px;background:url(../img/ico-arrow-cross.png);display:inline-block;margin-right:3px;vertical-align:middle;}
.return-ico:before{content:"";display:inline-block;width:20px;height:20px;background:url(../img/icon_filter_reset.svg);background-size:cover;vertical-align:middle;transition:all .3s;}

@keyframes spin {
	0% { transform: translate(-50%, -50%) rotate(0deg); }
	100% { transform: translate(-50%, -50%) rotate(360deg); }
}


.toast-msg {
    position: fixed;
    left: 50%;
    transform: translateX(-50%) translateY(-20px);
    background: rgba(17, 17, 17, 0.85);
    color: #fff;
    padding: 14px 28px;
    border-radius: 24px;
    font-size: var(--font-base);
    opacity: 0;
    transition: all .3s ease;
    z-index: 9999;
    pointer-events: none;
}

.toast-msg.top{top: 40px;}
.toast-msg.bottom{bottom: 40px;}

.toast-msg.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}


/* 모니터링단 css */
.monitor .board-list table{border-top: 1px solid var(--black);border-collapse:separate;border-spacing:0;}
.monitor .board-list thead {border-collapse: separate; border-spacing: 0;}
.monitor .board-list thead th{background:transparent;border-bottom: 1px solid var(--black);border-right:1px solid var(--basic-border);color:var(--black);font-weight:var(--font-semibold);padding:11px 12px;}
.monitor .board-list thead th:last-child{border-right:none;}
.monitor .board-list tbody .subject{font-size:var(--font-base);}
.monitor .board-list tbody th,
.monitor .board-list tbody td{padding:12px;}
.monitor .board-paging{padding:0;margin:2.5em 0 1.5em;}
.monitor .board-paging a{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:2px;border:1px solid var(--basic-border);}
.monitor .board-paging a.on,
.monitor .board-paging a.active{border-color:var(--black);}
.monitor .board-paging a:after {display:none;}
.monitor i.fa-pencil{display:none;}
.monitor:has(.board-view) .btn-gray{background:var(--black);border-color:var(--black);color:var(--white);}
.monitor:has(.board-view) .board-view{border-top-color:var(--black);}
.monitor:has(.board-view) .board-view-title{font-size:var(--font-xlg);font-weight:var(--font-semibold);}
.monitor:has(.board-view) .board-view-desc:has(.clip){border-top:none;}
.monitor:has(.board-view) .clip ul li:before{content:'\f0c7';font-family:'FontAwesome';color:var(--black);}
.monitor:has(.board-view) .clip ul{display:inline-block;}
.monitor:has(.board-write) .board-write .form-control-body{width:100%;}
.monitor:has(.board-write) .btn-dgray{background:var(--white);border-color:var(--white);color:var(--black);}