@charset "utf-8";

/* 로그인 화면 디자인은 CHACHA 공통 로그인 UI(/chacha/assets/login.css)를 따른다.
   이 파일에는 GEO 전용 요소만 둔다: js/common.js AlertLayer(#layer-alert)
   — 대시보드는 common.css 로 스타일링하지만 로그인 화면은 common.css 를 쓰지 않으므로 여기서 정의 */
#layer-alert {display: none; position: fixed; inset: 0; z-index: 9999;}
#layer-alert .bg {position: fixed; inset: 0; background: rgba(11,21,36,.5);}
#layer-alert .modal_content {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 320px; max-width: calc(100% - 32px); padding: 30px 24px 18px; background: #fff; border-radius: 12px; box-shadow: 0 20px 48px rgba(20,30,60,.16); color: #2B394F; text-align: center;}
#layer-alert .close {position: absolute; top: 10px; right: 14px; font-size: 24px; line-height: 1; color: #2B394F; text-decoration: none;}
#layer-alert dl.info_txt {margin: 0;}
#layer-alert dl.info_txt dt {padding-bottom: 4px; font-weight: 700; font-size: 14px; line-height: 1.5;}
#layer-alert dl.info_txt dd {margin: 0; padding-bottom: 12px; color: #667792; line-height: 1.4;}
#layer-alert .btnarea {display: flex; justify-content: center; margin: 0; padding-top: 6px;}
#layer-alert .btnarea a {display: flex; min-width: 45px; padding: 6px 12px; justify-content: center; align-items: center; border-radius: 6px; font-weight: 600; font-size: 12px; color: #fff; text-decoration: none; background: linear-gradient(to right, #06B6D4, #8B5CF6); box-shadow: 0 10px 15px -3px rgba(6,182,212,.25), 0 4px 6px -4px rgba(6,182,212,.25);}