body.hidden-before-auth {
	visibility: hidden;
}
html, body{margin: 0; overscroll-behavior: contain;overflow: hidden;touch-action: none;}
td {font-size: 9pt ; color: #333333}
A:link { color: #333333; font-size: 9pt; text-decoration: none;}
A:visited { color: #333333; font-size: 9pt; text-decoration: none; }
A:hover { color: #0066CC; font-size: 9pt; text-decoration:underline; }
.copyright { color: #333333; font-size: 8pt}
.buttonStyle { font-size:12px; } /* 각 페이지의 버튼 style */
.td_none_bottom	{BORDER-RIGHT: #9AB6E4 1px solid; BORDER-TOP: #9AB6E4 1px solid; BORDER-LEFT: #9AB6E4 1px solid; BORDER-BOTTOM: #9AB6E4 0px solid}
.td_none_top	{BORDER-RIGHT: #9AB6E4 1px solid; BORDER-TOP: #9AB6E4 0px solid; BORDER-LEFT: #9AB6E4 1px solid; BORDER-BOTTOM: #9AB6E4 1px solid}
.td_view_all		{BORDER-RIGHT: #9AB6E4 1px solid; BORDER-TOP: #9AB6E4 1px solid; BORDER-LEFT: #9AB6E4 1px solid; BORDER-BOTTOM: #9AB6E4 1px solid}
.sourceLink{display: none;background: rgba(255, 255, 255, 0);position: fixed;left: 0;top: 0;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 999;margin-bottom: 40px;}
.sourceLink > div{width: 370px;text-align: center;padding: 20px;box-shadow: 0 0 10px #aaa;background: #fff;margin-bottom:80px;}
.sourceLink2{display: none;background: rgba(255, 255, 255, 0);position: fixed;left: 0;top: 0;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 999;margin-bottom: 40px;}
.sourceLink2 > div{width: 370px;text-align: center;padding: 20px;box-shadow: 0 0 10px #aaa;background: #fff;margin-bottom:80px;}
.sourceLink3{display: none;background: rgba(255, 255, 255, 0);position: fixed;left: 0;top: 0;height: 100%;width: 100%;justify-content: center;align-items: center;z-index: 999;margin-bottom: 40px;}
.sourceLink3 > div{width: 370px;text-align: center;padding: 20px;box-shadow: 0 0 10px #aaa;background: #fff;margin-bottom:80px;}
.sourceLinkName{margin-top: 20px;}
.sourceLinkName a{font-weight: bold;}
.sourceLinkName a i{display: none;}
a.sourceLinkY{background:#007aff;border:1px solid #007aff;border-radius: 20px;color: #fff;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
a.sourceLinkY2{background:#007aff;border:1px solid #007aff;border-radius: 20px;color: #fff;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
a.sourceLinkY3{background:#007aff;border:1px solid #007aff;border-radius: 20px;color: #fff;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
a.sourceLinkN{background:#fff;border:1px solid #e5e5e5;border-radius: 20px;width: 50px;height: 26px;line-height: 26px;display: inline-block;}
.sourceLinkBtn i{position: absolute;left:-9999em;top:-9999em;}
.sourceLinkBtnsss i{position: absolute;left:-9999em;top:-9999em;}	
.ai-model-alls{display: flex;align-items: center;}
.ai-model-alls img{width: 20px;margin-right: 5px;}
.chat-bot-box .message_bot_box .message{max-width: 70%;}

.chat-container {width:100%;background-color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.1);display:flex;flex-direction:column;height:100vh;overflow:hidden;border-radius:4px;}
.chatbox {flex-grow:1;padding:10px;overflow-y:scroll;display:flex;flex-direction:column;margin:10px;margin-bottom:0;border:1px solid #ddd;border-radius: 4px;}
.container-ai {padding:0 !important;max-width:100% !important;}
.message {max-width:70%;margin-bottom:10px;padding:10px 15px;border-radius:20px;position:relative;word-wrap:break-word;animation:fadeIn 0.5s ease-in-out;}
.user {align-self:flex-end;background-color:#007aff;color:white;border-bottom-right-radius:5px;font-size:14px;}
.bot {align-self:flex-start;background-color:#f8f8f8;color:black;border-bottom-left-radius:5px;}
.input-container {padding:10px;display:flex;align-items:end;}
.input-container textarea {flex-grow:1;padding:10px;border-radius:4px;border:1px solid #ddd;outline:none;resize:none;font-size:16px;max-height:225px;min-height:64px;overflow:hidden;box-sizing:border-box;line-height:22px;}
.input-container button {margin-left:10px;padding:0 20px;background-color:#007aff;color:white;border:none;border-radius:20px;cursor:pointer;font-size:16px;height:64px;}
.chatbox::-webkit-scrollbar {width:5px;}
.chatbox::-webkit-scrollbar-thumb {background-color:#ddd;border-radius:10px;}
.message.bot a {font-size:14px;}
@keyframes fadeIn {from {opacity:0;transform:translateY(20px);}
to {opacity:1;transform:translateY(0);}
}
.chat-icon {position:fixed;right:0;bottom:0;/*width:60px;height:60px;background:url('<?php echo $chat_oc_icon ?>') no-repeat center / cover;border-radius:50%;*/cursor:pointer;z-index:9999;display:block;}
.chat-icon img {max-width:100vw;max-height:100vh;opacity:0;/*min-width: 76px;*/}
.chat-container.minimized {display:none;}
.login-modal{position: relative;}
#loginModal #closeCurrentButton{position: absolute;top: 10px;right: 10px;}
.chat-bot-box .message.bot#history_first{margin-bottom: 40px !important;}
.ai-model-alls{margin-bottom: 10px;}
/* 모달 배경 */
#loginModal {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100vw;
	height: 86vh;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
}

/* 로그인 박스 */
.login-modal .login-content {
	background-color: #fff;
	border-radius: 12px;
	padding: 30px 25px;
	width: 320px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	text-align: center;
	font-family: 'Helvetica Neue', sans-serif;
}

/* 제목 */
.login-modal h2 {
	margin-bottom: 20px;
	font-size: 24px;
	color: #333;
	text-align: left;
}

/* 인풋 그룹 */
.input-group {
	margin-bottom: 15px;
}

/* 인풋 필드 */
.input-group input {
	width: 93% !important;
	padding: 10px 12px !important;
	border: 1px solid #ccc !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	transition: border-color 0.3s !important;
}

.input-group input:focus {
	border-color: #007bff;
	outline: none;
}

/* 로그인 버튼 */
.login-modal button {
	width: 100%;
	padding: 10px;
	background-color: #007bff;
	border: none;
	border-radius: 8px;
	color: white;
	font-size: 15px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.login-modal button:hover {
	background-color: #0056b3;
}

/* 로그인 결과 메시지 */
#login-result {
	margin-top: 15px;
	font-size: 14px;
	color: #d9534f; /* 기본: 오류 메시지 색상 */
}

#login-result .error {
	color: #d9534f;
}

#login-result.success {
	color: #28a745;
}