@charset "UTF-8";

/* 확인창 */
.confirm-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.2); min-width: 960px; }
.confirm-pop-wrap .confirm-pop-area { position: relative; width: 100%; height: 100%; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop { width: 450px; min-height: 50px; position: absolute; background: #fff; left: 50%; top: 50px; margin-left: -160px; box-shadow: 0 1px 8px 1px rgba(0,0,0,0.1); }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content { padding: 40px 30px; text-align: center; font-size: 15px; position: relative; letter-spacing: -0.5px; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content p { white-space: pre-wrap; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content .close-btn { position: absolute; top: 10px; right: 15px; cursor: pointer; opacity: 0.3; transition: opacity .25s ease; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .content .close-btn:hover { opacity: .7; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap { height: 50px; padding: 10px 15px; text-align: center; border-top: 1px solid #eee; margin-top: 0; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap a { display: inline-block; cursor: pointer; padding: 4px 20px; border: 1px solid #dee3eb; border-radius: 3px; margin-left: 5px; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .cancel-btn { color: #999; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .cancel-btn:hover {background:#eee;}
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .confirm-btn { background: #005cd9; color: #fff; border-color: #00addb; }
.confirm-pop-wrap .confirm-pop-area .confirm-pop .btn-wrap .confirm-btn:hover {background:#0051C0;}

/* 알림창 */
.alert-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 999; transition: height 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),padding 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),opacity 0.7s cubic-bezier(1, 0.09, 0.18, 0.66); box-shadow: 0 2px 5px 5px rgba(0,0,0,0.05); padding: 0 20px; overflow: hidden; opacity: 0; }
.alert-pop-wrap.on { height: 50px; padding: 14px 20px; opacity: 1; }
.alert-pop-wrap.red-bg { background: rgba(255,44,48,0.95); }
.alert-pop-wrap.navy-bg { background: rgba(0,27,88,0.95); }
.alert-pop-wrap.sky-bg { background: rgba(0,178,226,0.95); }
.alert-pop-wrap.green-bg { background: rgba(51,190,98,0.95); }
.alert-pop-wrap i { display: inline-block; color: #fff; margin-right: 5px; font-size: 13px; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05);  }
.alert-pop-wrap .messege { color: #fff; font-size: 13px; font-weight: 300; display: inline-block; cursor: default; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05); }
.alert-pop-wrap .close-btn { float: right; color: #fff; cursor: pointer; transition: opacity .25s ease; }
.alert-pop-wrap .close-btn:hover { opacity: 0.7; }