@charset "utf-8";
/**
 * @File Name : lib2.css
 * @Description : Add Share Contents ..
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2026.08.04 | 김효진 | 최초 등록
 * </pre>
 * @author 디자인팀 김효진
 * @since 2026.08.04
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/* 검색결과 마크다운 스타일 */
.search1wrap {line-height:1.9;max-width:840px;margin:auto;font-size:19px}
.search1wrap .time {display:block;text-align:center;font-size:14px;color:#555;font-weight:500;letter-spacing:-.025em;margin-bottom:40px}
.search1wrap .my1chat1 {text-align:right;margin-left:50px;}
.search1wrap .my1chat1 .chat {background:#1e8eff;border-radius:9999px 9999px 0 9999px;display:inline-block;padding:15px 30px;font-weight:500;color:#fff;line-height:1.2;max-width:calc(100% - 50px)}
.search1wrap .my1chat1 .chat p {margin:0}
.search1wrap .your1chat1 {color:#000;margin-top:30px;letter-spacing:-.025em;line-height:30px;}
.search1wrap.markdown .your1chat1 h3 {font-size:22px;margin:15px 0 8px}
.search1wrap.markdown .your1chat1 h4 {font-size:20px;margin:15px 0 8px}
.search1wrap.markdown .your1chat1 h5 {font-size:18px;margin:15px 0 8px}
.search1wrap.markdown .your1chat1 h6 {font-size:16px;margin:15px 0 8px}
.search1wrap.markdown .your1chat1 hr {margin:30px 0 40px;border-color:#dfdfdf}
.search1wrap.markdown .your1chat1 ul, .search1wrap.markdown .your1chat1 ol {padding-left:20px;margin:0}
.search1wrap.markdown .your1chat1 ul li strong {margin-right:3px}
.search1wrap.markdown .your1chat1 ul {list-style:disc}
.search1wrap.markdown .your1chat1 ol {list-style:decimal}
.search1wrap.markdown .your1chat1 ol li::marker {font-weight:600;}
.search1wrap.markdown .your1chat1 ol li strong {display:block;}
.search1wrap.markdown .your1chat1 table {width:100%;border:0;color:#2d2f36}
.search1wrap.markdown .your1chat1 table th, .search1wrap.markdown .your1chat1 table td {border:0;border-bottom:1px solid #dfdfdf;padding:10px;}
.search1wrap.markdown .your1chat1 table thead th {border-bottom:1px solid #140603;text-align:left;}
.search1wrap.markdown .your1chat1 table tbody th {font-weight:400}
.search1wrap.markdown .your1chat1 a {display:inline-block;vertical-align:top;color:#0145b3;text-decoration:underline;text-underline-offset:4px;font-size:17px;margin:5px 0 30px -20px}
@media screen and (max-width:449px){
	.search1wrap .my1chat1 .chat {padding:10px 20px;}
}

/* 대화입력 */
.msg1box {position:relative;max-width:840px;width:100%;height:70px;border:none;background:#fff;padding:5px;box-sizing:border-box;border-radius:9999px;border:1px solid #e5e7eb;box-shadow:10px 10px 20px rgba(0,0,0,.05);z-index:100;overflow:hidden;margin:auto auto 30px}
.msg1box form, .msg1box form fieldset {height:100%;box-sizing:border-box;margin:0}
.msg1box textarea {width:calc(100% - 20px);height:calc(100% - 20px);line-height:20px;border:0;margin:10px;padding:8px 90px 8px 10px;font-size:18px;}
.msg1box .b1 {position:absolute;bottom:15px;width:40px;height:40px;background:url(../../img/inc/layout_sprite.png) no-repeat;background-size:1000px auto;border:0;margin:0;border-radius:100%}
.msg1box .b1.voicesearch {right:65px;background-position:0 -56px;}
.msg1box .b1.submit {right:20px;background-position:-42px -56px;}
.msg1box i.ic1 {position:absolute;top:-23px;left:127px;font-size:12px;color:#231815;font-weight:600;letter-spacing:-.025em;background:#f5e829;border-radius:9999px;line-height:30px;padding:0 12px;z-index:1}
.msg1box i.ic1:before {position:absolute;top:-22px;left:-76px;content:"";display:block;width:78px;height:75px;background:url(../../img/inc/layout_sprite.png) no-repeat -400px 0 / 1000px auto;}
.msg1box i.ic1:after {position:absolute;top:50%;left:-22px;content:"";display:block;width:0;border-style:solid;border-width:4px 12px;border-color:transparent #f5e829 transparent transparent;margin-top:-4px;}
@media screen and (max-width:872px){
	.msg1box {margin-left:16px;margin-right:16px;width:calc(100% - 32px);height:54px;margin-bottom:20px;}
	.msg1box textarea {margin:5px;width:calc(100% - 10px);height:calc(100% - 10px);padding-top:5px;padding-bottom:5px;padding-right:80px}
	.msg1box .b1 {bottom:5px;}
	.msg1box .b1.voicesearch {right:55px}
	.msg1box .b1.submit {right:10px}
}
@media screen and (max-width:449px){
	.msg1box {margin-left:10px;margin-right:5px;margin-bottom:10px;width:auto}
	.msg1box textarea {font-size:15px;padding-left:5px;}
	.msg1box .b1.voicesearch {right:50px}
	.msg1box .b1.submit {right:5px}
}

/* 안내문구 */
.stepbox1 {text-align:center;padding-top:20vh}
.stepbox1:before {content:"";display:block;margin:auto auto 36px;width:209px;height:101px;background:url(../../img/inc/layout_sprite.png) no-repeat -321px 0 / 1000px auto;animation:iacts_walk .9s infinite;}
.stepbox1 p {color:#000;margin:0;font-weight:500;}
.stepbox1 p span {display:block;}
.stepbox1 .t1 {font-size:28px;font-weight:700;}
.stepbox1 .t2 {font-size:22px;line-height:30px;margin:11px 0 15px}
.stepbox1 .t3 {font-size:22px;font-weight:700;margin-bottom:12px;}
.stepbox1 .t4 {font-size:19px;line-height:30px;margin-top:36px;margin-bottom:23px}
.stepbox1 .btns {font-size:0}
.stepbox1 .b1 {position:relative;display:inline-block;vertical-align:top;font-size:19px;z-index:1;overflow:hidden}
.stepbox1 .b1.more1 {line-height:46px;font-weight:500;color:#fff;padding:0 25px;border-radius:9999px;background:linear-gradient(to right, #1e8eff, #2163c1);margin:9px 5px 0}
.stepbox1 .b1.more2 {font-weight:700;padding-right:20px;border-bottom:1px solid #0e1d6b;color:#0e1d6b}
.stepbox1 .b1 .t1 {font-size:inherit;color:inherit;font-weight:inherit}
.stepbox1 .b1.more2:after {position:absolute;top:50%;right:0;content:"";display:block;width:12px;height:12px;background:url(../../img/inc/layout_sprite.png) no-repeat -140px -29px / 1000px auto;margin-top:-6px;transition:right .4s ease}
.stepbox1 .b1.more1.loader {cursor:no-drop;text-decoration:none !important;}
.stepbox1 .b1.more1.loader .t1 {color:#fff;font-size:inherit;font-weight:inherit;animation:iacts_pulse 1s infinite alternate;}
.stepbox1 .b1.more1.loader .t1:after {position:absolute;top:0;left:0;content:"";display:block;width:0;height:100%;background-color:rgba(0,0,0,.35);animation: iacts_loader 3s infinite linear;z-index:-1;}
@media screen and (min-width:1260px){
	.stepbox1 .b1.more1:hover, .stepbox1 .b1.more1:focus {text-decoration:underline;text-underline-offset:4px;}
	.stepbox1 .b1.more2:hover, .stepbox1 .b1.more2:focus {text-decoration:none;}
	.stepbox1 .b1.more2:hover:after, .stepbox1 .b1.more2:focus:after {right:-3px}
}
@media screen and (max-width:768px){
	.stepbox1 {padding-top:120px;padding-left:16px;padding-right:16px;}
	.stepbox1:before {width:101px;height:80px;background-size:800px auto;background-position:-244px 0;margin-bottom:20px;}
	.stepbox1 .t1 {font-size:24px}
	.stepbox1 .t2 {font-size:18px;line-height:24px;}
	.stepbox1 .t3 {font-size:18px;}
	.stepbox1 .t4 {font-size:17px;line-height:26px;margin-top:26px;margin-bottom:15px;}
	.stepbox1 .b1 {font-size:17px;}
	.stepbox1 .b1.more1 {line-height:42px;margin:6px 3px 0;padding:0 20px}
}
@media screen and (max-width:599px){
	.stepbox1 {padding-top:100px;word-break:keep-all}
	.stepbox1:before {width:76px;height:60px;background-size:600px auto;background-position:-183px 0;margin-bottom:15px;}
	.stepbox1 .t1 {font-size:22px;line-height:1.2;margin-bottom:5px;}
	.stepbox1 .t2 {font-size:17px;line-height:22px;}
	.stepbox1 .t3 {font-size:17px;line-height:22px}
	.stepbox1 .t4 {font-size:16px;line-height:22px;margin-top:20px;margin-bottom:10px;}
	.stepbox1 .b1 {font-size:16px;}
	.stepbox1 .b1.more1 {line-height:36px;}
}
@media screen and (max-width:449px){
	.stepbox1 p span {display:inline;}	
}
@media screen and (max-width:399px){
	.stepbox1 .t1 {font-size:20px}
	.stepbox1 .t2, .stepbox1 .t3 {font-size:15px;line-height:20px}
	.stepbox1 .t4 {font-size:15px;line-height:22px;margin-top:15px;}
	.stepbox1 .b1 {font-size:15px;}
	.stepbox1 .b1.more1 {line-height:32px;}
}


/* 20261012 개발팀에서 넣어둔 css 이동 */
/* AI 답변의 제목과 여러 문단이 차례로 작성되는 모습을 표현하는 로딩 영역 */
#chatMessages .ai-chat-skeleton {display:block !important; clear:both;}
/* 고정된 메시지 입력창이 마지막 질문과 답변을 가리지 않도록 하단 공간을 확보한다. */
#chatMessages {box-sizing:border-box;/*  padding-bottom:160px !important; */}
#chatMessages .ai-chat-skeleton-card {
	display:block !important;
	box-sizing:border-box;
	width:calc(100% - 40px);
	max-width:900px;
	min-height:250px;
	margin:24px 0 42px;
	padding:24px 28px;
	border:1px solid rgba(151, 170, 192, .25);
	border-radius:16px;
	background:rgba(255,255,255,.28);
}
#chatMessages .ai-chat-skeleton-line {
	display:block;
	height:13px;
	margin-bottom:11px;
	border-radius:7px;
	background:rgba(91, 119, 153, .58);
	animation:aiChatSkeletonBlink .9s ease-in-out infinite;
}
#chatMessages .ai-chat-skeleton-title {
	width:34%;
	height:18px;
	margin-bottom:24px;
}
#chatMessages .ai-chat-skeleton-paragraph {margin-bottom:24px;}
#chatMessages .ai-chat-skeleton-paragraph:last-child {margin-bottom:0;}
#chatMessages .ai-chat-skeleton-line.w92 {width:92%;}
#chatMessages .ai-chat-skeleton-line.w84 {width:84%;}
#chatMessages .ai-chat-skeleton-line.w76 {width:76%;}
#chatMessages .ai-chat-skeleton-line.w63 {width:63%;}
#chatMessages .ai-chat-skeleton-line:nth-child(2n) {animation-delay:.14s;}
#chatMessages .ai-chat-skeleton-line:nth-child(3n) {animation-delay:.28s;}
@keyframes aiChatSkeletonBlink {
	0%, 100% {opacity:.18;}
	50% {opacity:1;}
}
@media (prefers-reduced-motion: reduce) {
	#chatMessages .ai-chat-skeleton-line {animation:none; opacity:.55;}
}
@media screen and (max-width:768px) {
	#chatMessages .ai-chat-skeleton-card {
		width:100%;
		min-height:220px;
		margin-bottom:30px;
	}
}