/* popup */
.popup-wrap{display:none; position:fixed;top:0;left:0;width: 100%;height:100%;z-index: 1000;}
.popup-wrap.active{display:block;}
.popup-wrap input,
.popup-wrap textarea{font-size:16px; color:#2D2D2D;border:none;outline: none;}
.popup-wrap button{cursor: pointer;outline: none; border:none;}
.popup-wrap a{text-decoration: none;}
.popup-wrap *{box-sizing: border-box;}
.popup-wrap .dim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #2a2a2a; opacity: 0.7; }
.popup-wrap .pop-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding:20px 0;}
.popup-wrap .pop-wrap .popup {position:relative; display:flex;flex-direction: column; width: 480px; border-radius: 8px; background: #fff;  max-height: 90vh;overflow:hidden;max-width: 90vw;}
.popup-wrap .btn-close{ position:absolute;top:0;right:0; height: 62px; width: 60px; display: flex; justify-content: center; align-items: center; border:none;background:none;}
.popup-wrap .ico-close {width: 36px;height:36px;background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='11.6553' y='10.0002' width='20.2864' height='2.34073' transform='rotate(45 11.6553 10.0002)' fill='%233A404E'/%3E%3Crect width='20.2864' height='2.34073' transform='matrix(-0.707107 0.707107 0.707107 0.707107 24.3447 10.0002)' fill='%233A404E'/%3E%3C/svg%3E") no-repeat 50% 50%;background-size:auto 100%;}
.popup-wrap .pop-header {padding: 18px 16px 16px; height:62px; display: flex; align-items: center; border-bottom:1px solid #D5DDEA;background:#F7F8FB;}
.popup-wrap .pop-header .right { margin-left: auto; }
.popup-wrap .pop-header .tit {position:initial; font-size: 18px; font-weight: 600; color: #3A404E;}
.popup-wrap .pop-body {height:auto !important; display:flex;flex-direction: column;padding: 32px 20px 20px;overflow-x: hidden; overflow-y: auto; }
.popup-wrap .pop-body > * ~ *{margin-top:18px;}
.popup-wrap .pop-footer { position: relative; padding: 20px;}
.popup-wrap .pop-footer .btn-wrap{gap:12px;display:flex;justify-content:flex-end;align-items:center;}
.popup-wrap .pop-footer .btn-wrap .bt-popup{padding-top:1px;min-width: 84px;}
.popup-wrap .pop-text .tit{font-size: 22px;font-weight: 600; color:#1A1A1A;}
.popup-wrap .pop-text .tit + *{margin-top:24px;}
.popup-wrap .pop-text .txt{font-size:16px; color:#2D2D2D;}
.popup-wrap .pop-text .txt em{ color:#0060FF;vertical-align:baseline;}
.popup-wrap .pop-text.st2 {text-align:center;}
.popup-wrap .ai-project-list{max-height: calc(100vh - 300px);display:flex;flex-direction: column;}
.popup-wrap .ai-project-list .pjt-list{flex:1;overflow-y:auto;}
.popup-wrap .textarea textarea{height:100px;width:100%; padding:16px; border:1px solid #D8D8D8; border-radius: 4px;}
.popup-wrap .textarea textarea:focus{ border: 1px solid #5088EF; box-shadow: 0px 0px 4px rgba(80, 136, 239, 0.3);}

/* Button styles */
[class*=bt-][class*=st-]{display: flex; height: 44px; padding: 0 16px; justify-content: center; align-items: center; border-radius: 6px; font-weight: 500;font-size:16px;}
[class*=bt-][class*=st-].sm{font-size:14px;}
[class*=bt-].st-line{background: #FFFFFF; border: 1px solid #072A64;  color:#072A64;}
[class*=bt-].st-line2{background: #F7F8FB; border: 1px solid #0060FF; color: #0060FF;}
[class*=bt-].st-solid-blue{background: #0060FF; border: 1px solid #0060FF; color: #fff; }
