@charset "utf-8";

:root {
	--ai-main-color:#7c4ce8; 
	--ai-sub-color:#cc61ed; 
	--ai-font-family:'KakaoBig'; 
	--ai-point-font-family:'Paperozi'; 
	--ai-background-image:linear-gradient(90deg, var(--ai-main-color) 0%, var(--ai-sub-color) 100%) border-box;; 
	--ai-background2-image:linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, var(--ai-main-color) 0%, var(--ai-sub-color) 100%) border-box;; 
	--ai-box-shadow:0 4px 16px rgba(15, 19, 64, 0.1);
	--icon-font-family:'remixicon'; 
}


/* v2.0 바로가기 버튼 */
.allRight.ai {position:relative; top:initial; right:initial; z-index:initial;}
.allRight.ai .aiconB {
	display:flex; align-items:center; flex-direction:column; justify-content:center;
	width:60px; height:60px; padding:0 10px;
	font-family:var(--ai-point-font-family); font-weight:bold; font-size:12px; line-height:1.3; text-align:center; color:#fff; 
	background:var(--ai-background-image);
	box-shadow:rgba(255, 255, 255, 0.25) 0px 1px 0px inset; border-radius:20px; transition:0.3s;
}

@media(min-width:1280px) {
	.allRight.ai .aiconB {
		display:block; padding:20px 0 0; width:110px; height:110px; line-height:1.3; font-size:16px; 
		background:#2ec9dd url('/images/ai/ai_bd_b.svg') center 50px no-repeat; background-size:80%; border-radius:30px;
	}
	.allRight.ai .aiconB:before {
		content:""; position:absolute; top:-10px; left:-10px; width:130px; height:130px; z-index:-1; opacity:.15;
		background:#2ec9dd; border-radius:34px; 
		-webkit-animation-name:hvr-pulse; animation-name:hvr-pulse; 
		-webkit-animation-duration:1.5s; animation-duration:1.5s; 
		-webkit-animation-timing-function:linear; animation-timing-function:linear; 
		-webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; 
	}
	.allRight.ai .aiconB:hover {background:#3ad29e url('/images/ai/ai_bd_b.svg') center 45px no-repeat; background-size:80%;}
	.allRight.ai .aiconB:hover:before {background:#3ad29e;}
	
	@-webkit-keyframes hvr-pulse {
		25% {
			-webkit-transform:scale(1.05); 
			transform:scale(1.05); 
		}
		75% {
			-webkit-transform:scale(0.95); 
			transform:scale(0.95); 
		}
	}
	@keyframes hvr-pulse {
		25% {
			-webkit-transform:scale(1.05); 
			transform:scale(1.05); 
		}
		75% {
			-webkit-transform:scale(0.95); 
			transform:scale(0.95); 
		}
	}
}


/* 챗봇 */
.v2_all_AI {position:fixed; top:0; bottom:0; display:block; width:100%; height:100%; z-index:9999; overflow-y:hidden; background:rgba(0, 0, 0, .5);}
.v2_all_AI.ai {font-family:var(--ai-font-family); font-size:14px; line-height:1.6; color:#111;}
.ai_close {
	position:absolute; right:10px; top:10px; width:40px; height:40px;
	background:#fff url('/images/ai/close.svg') center no-repeat; background-size:60%; 
	transition:all 0.3s ease-out; border-radius:100%; transform:rotate(45deg);
	box-shadow:0 0 25px rgba(0, 0, 0, .15); border:none; z-index:1; 
}
.ai_close:hover {transform:rotate(225deg);}

@media(min-width:1400px) {
	.v2_all_AI.ai {font-family:var(--ai-font-family); font-size:14px;}
	.v2_all_AI.ai:has(.v2_inner.on) {font-size:16px;}
	.ai_close {right:20px; top:20px; width:60px; height:60px;}
	.ai_close:hover {transform:rotate(225deg);}
}


/* 챗봇 공통 레이아웃 */
.v2_box {display:flex; justify-content:center; flex-direction:column; align-items:center; width:100%; height:100%;}
.v2_inner {
	position:relative; display:flex; flex-direction:column; width:calc(100% - 40px);  max-width:460px; height:100%; max-height:calc(100% - 40px);
	background:var(--ai-main-color); border-radius:24px; overflow:hidden;
	/*
	transition:opacity .2s ease;
	transition:width 200ms, height 200ms, max-height 200ms, transform 300ms cubic-bezier(0, 1.2, 1, 1), opacity 83ms ease-out;
    transform-origin:right bottom;
	*/
}
.v2_top {
	position:relative; display:flex; justify-content:space-between; align-items:center; flex-shrink:0; 
	width:100%; height:50px; padding:10px 20px;
}
.v2_top h1 {position:relative; margin:0; padding:0 0 0 40px; font-family:var(--ai-point-font-family); font-weight:800; font-size:1.3em; line-height:1.3; color:#fff;}
.v2_top h1::before {
	position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; width:30px; height:30px; 
	background:url('/images/ai/ai_bd_b.svg') center 8px no-repeat; background-size:100%;
	background-color:rgba(255, 255, 255, 0.2);
    box-shadow:rgba(255, 255, 255, 0.25) 0px 1px 0px inset;
	border-radius:50px; transition:0.3s;
}
.v2_top button {position:relative; width:30px; height:30px; background:rgba(255,255,255,.0); border-radius:8px; border:none; transition:0.3s;}
.v2_top button:before {
	position:absolute; top:0; left:0; width:100%; height:100%; 
	display:inline-flex; text-align:center; align-items:center; justify-content:center; 
	font-family:var(--icon-font-family); font-weight:normal; font-size:20px; line-height:1; color:#fff; transition:0.3s; 
}
.v2_btn_back:before {content:'\EA60';}
.v2_btn_talk:before {content:'\EB51';}
.v2_btn_close:before {content:'\F4C7';}
.v2_btn_full {display:none;}

@media(min-width:700px) {
	.v2_box {position:fixed; right:20px; bottom:20px; width:auto; height:auto; max-height:calc(100% - 40px); justify-content:flex-end;}
	.v2_inner {width:460px; min-height:80vh; border-radius:30px;}
	.v2_top {height:60px; padding:10px 30px;}
}	

@media(min-width:1024px) {
	.v2_top {height:70px;}
	.v2_top h1 {padding:0 0 0 56px; font-size:1.5em;}
	.v2_top h1::before {width:40px; height:40px;}
}

@media(min-width:1280px) {
	.v2_top .v2_top_btn {display:flex; gap:4px;}
	.v2_top button:hover {background:rgba(255,255,255,.2);}
	
	.v2_btn_full {display:block;}
	.v2_btn_full:before {content:'\F4D1';}
	
	/* 챗봇 창 크기 확대(서브만 적용) */
	.v2_sub .v2_inner {transform-origin:right bottom;}
	.v2_sub .v2_inner.on .v2_btn_full:before {content:'\F4CB';}
	
	.v2_sub .v2_box:has(.v2_inner.on) {bottom:0; right:0; align-items:flex-end; width:100%; height:100%; max-height:initial;}
	.v2_sub .v2_inner.on {width:100%; max-width:initial; max-height:initial; border-radius:0;}
	.v2_sub .v2_inner.on .v2_top {height:70px; padding:10px 40px;}
	.v2_sub .v2_inner.on .v2_cont {padding:40px 20px 0;}
	.v2_sub .v2_inner.on .v2_scroll > div {margin:0 0 40px !important; font-size:1em;}
	.v2_sub .v2_inner.on .v2_chat_a {max-width:60%;}
	.v2_sub .v2_inner.on .v2_chat_a > div {max-width:100%;}
}

@media(min-width:1400px) {
	.v2_top {padding:20px 30px;}
}


/* 챗봇 컨텐츠 */
.v2_cont {flex-grow:1; padding:20px 20px 0; background:#fff; overflow-x:hidden; overflow-y:auto; min-height:0; line-height:1.6; border-radius:24px 24px 0 0;}
.v2_scroll > div {position:relative; margin:0 0 30px;}
.v2_cont .v2_tit {display:inline-block; margin:0 0 8px; font-weight:bold; font-size:1.05em; color:#111; line-height:1.5;}
.v2_cont .v2_txt {margin:4px 0; font-size:13px; word-break:break-all; white-space:normal !important;}

.v2_cont.sub {display:flex; flex-direction:column; padding:30px 10px 0;}

@media(min-width:700px) {
	.v2_cont {padding:30px 30px 0; border-radius:30px 30px 0 0;}
	.v2_cont .v2_tit {margin:0 0 1em;}
	.v2_cont .v2_txt {margin:1em 0; font-size:1em; word-break:keep-all;}
}


/* 채팅 입력창 */
.v2_ai_wrap {padding:0 10px; overflow:hidden auto; flex-grow:1;}
.v2_search {position:relative; background:#fff; border-radius:20px;}
.v2_ai_chat {
	position:relative; display:flex; flex-wrap:wrap; align-items:flex-end; width:100%; 
    border:2px solid transparent;
	background:var(--ai-background2-image);
	border-radius:50px; cursor:text; 
	box-shadow:5px 5px 10px rgba(0, 0, 0, .08);
}
.v2_ai_textb {display:flex; width:100%; height:100%; background:#fff; border-radius:50px; overflow:hidden; overflow-y:auto;}
.v2_ai_talk {
	flex-grow:1; width:100%; height:44px; min-height:44px !important; line-height:44px; min-height:initial; max-height:100px; padding:0 50px 0 20px;
	border:none; background:transparent !important; outline:none; 
	font-style:normal; font-size:1em; word-break:break-all; resize:none; overflow:hidden;
}
.v2_ai_talk:focus {outline:none;}
.v2_ai_talk::placeholder {height:44px; line-height:44px; font-family:'Paperozi'; font-weight:800; font-size:16px; color:var(--ai-main-color);}
.v2_ai_talk:focus::placeholder {opacity:0;}

.v2_btn_submit {
	position:absolute; bottom:7px; right:9px; width:30px; height:30px; 
	font-family:var(--ai-font-family); font-weight:bold; font-size:1em; line-height:1; color:#fff !important;
	background:var(--ai-main-color) !important; border-radius:50px; border:none;
	transition:0.3s; transform:scale(1.15);
}
.v2_btn_submit:hover {background:var(--ai-main-color); color:#fff;}
.v2_ai_chat:has(.v2_ai_talk:focus):hover .v2_btn_submit {transform:scale(1.25);}

.v2_ai_bott {padding:10px 10px 15px; background:#f9f9f9; font-size:10px; line-height:1.3; color:#505050; text-align:center;}
.v2_ai_bott > p {margin:4px 0 0; word-break:keep-all;}
.v2_ai_bott a {color:var(--ai-main-color); font-weight:bold;}

.v2_cont.sub .v2_search {padding:0 10px; margin:20px 0 !important;}

/* 2줄 이상 입력 시 */
.v2_ai_talk.expanded {padding:8px 40px 8px 12px; line-height:21px; overflow:auto;}
.v2_ai_chat:has(.v2_ai_talk.expanded) {border-radius:20px;}
.v2_ai_textb:has(.v2_ai_talk.expanded) {border-radius:18px;}

@media(min-width:700px) {
	.v2_ai_wrap {display:block; padding:0 20px;}
	.v2_ai_talk {font-size:16px;}
	.v2_ai_talk::placeholder {font-size:18px;}
	.v2_ai_talk.expanded {padding:10px 50px 10px 20px; line-height:24px;}
	
	.v2_btn_submit {width:40px; height:40px;}	
	.v2_cont.sub .v2_search {padding:0 20px;}
}


/* 주요 기능 바로가기*/
.v2_link {margin:0 0 10px !important;}
.v2_link_inner {overflow-x:auto;}
.v2_link_inner::-webkit-scrollbar {display:none;}
.v2_link_list {display:flex; gap:10px; min-width:640px; padding:0 0 20px;}
.v2_link_list > button {
	position:relative; flex:1; display:flex; flex-direction:column; padding:8px 20px 10px; 
	font-family:var(--ai-font-family); font-size:13px; line-height:1.3; text-align:left;
	background:#fff; border:1px solid #dedede; border-radius:16px; 
	box-shadow:0 6px 16px rgba(30, 41, 57, .08); transition:0.3s;
}
.v2_link_list > button::before {display:block; flex-shrink:0; content:''; width:30px; height:30px; margin:0 0 4px;}
.v2_link_list > button.i01::before {background:url('/images/ai/m_i01.svg') center no-repeat; background-size:contain;}
.v2_link_list > button.i02::before {background:url('/images/ai/m_i02.svg') center no-repeat; background-size:contain;}
.v2_link_list > button.i03::before {background:url('/images/ai/m_i03.svg') center no-repeat; background-size:contain;}
.v2_link_list > button.i04::before {background:url('/images/ai/m_i04.svg') center no-repeat; background-size:contain;}
.v2_link_list > button.i05::before {background:url('/images/ai/m_i05.svg') center no-repeat; background-size:contain;}

@media(max-width:359px) {
	.v2_link_list {display:block; gap:0; min-width:initial;}
	.v2_link_list > button {display:block; width:100%; margin:0 0 4px;}
	.v2_link_list > button::before {width:24px; height:24px;}
}

@media(min-width:700px) {
	.v2_link {margin:0 0 30px !important;}
	.v2_link_inner {overflow:initial;}
	.v2_link_list {flex-wrap:wrap; min-width:initial; padding:0;}
	.v2_link_list > button {
		flex:0 0 calc((100% - 20px) / 3); align-items:center; justify-content:center; min-height:90px; padding:10px 24px;
		border:1px solid #ededed; text-align:center; box-shadow:0 0 2em rgba(0, 0, 0, 0.09);
	}
	.v2_link_list.n3 > * {flex:0 0 calc((100% - 20px) / 3);}
	.v2_link_list.n4 > * {flex:0 0 calc((100% - 10px) / 2);}
	.v2_link_list.n5 > * {flex:0 0 calc((100% - 20px) / 3);}
	.v2_link_list.n5 > *:nth-child(n+4) {flex-basis:calc((100% - 10px) / 2);}
	.v2_link_list.n6 > * {flex:0 0 calc((100% - 20px) / 3);}
}

@media(min-width:1280px) {
	.v2_link_list > button {font-size:13px;}
	.v2_link_list > button::before {width:36px; height:36px;}
	.v2_link_list > button:hover {background:var(--ai-background2-image); border:1px solid transparent;}
}


/* 나에게 맞는 도움 찾아보기*/
.v2_guide {position:relative; z-index:1;}
.v2_guide a {position:relative; display:block; padding:20px 80px 40px 20px; background:#f7f4fe; border-radius:20px 20px 80px 20px; transition:0.3s; z-index:1;}
.v2_guide::after {
	position:absolute; content:''; bottom:-20px; right:-10px; width:auto; height:100px; aspect-ratio:1 / 1;
	background:url('/images/ai/ai_bd_e.svg') center no-repeat; background-size:100%; z-index:1;
}
.v2_guide .v2_tit {position:relative; margin:0 0 .5em;}
.v2_guide .v2_tit::before {
	content:''; height:8px; position:absolute; bottom:0; left:0; bottom:0; display:block; width:0%; 
	background:#e5d9ff; opacity:1; transition:all 0.3s; z-index:-1; 
}
.v2_guide .v2_tit::after {
	position:absolute; top:calc(50% - 10px); right:-30px; content:'\EA6C'; 
	width:20px; height:20px; line-height:20px; 
	font-family:var(--icon-font-family); font-size:12px; font-weight:normal; color:#fff; text-align:center; 
	background:var(--ai-main-color); border-radius:50%; opacity:1; transition:0.3s;
}
.v2_guide .v2_txt {margin:0; color:#505050; word-break:keep-all;}

@media(min-width:700px) {
	.v2_guide a {padding:24px 24px 24px 120px; border-radius:20px;}
	.v2_guide::after {top:50%; transform:translateY(-50%); left:-10px; right:initial; bottom:initial; height:100px;}
}

@media(min-width:1280px) {
	.v2_guide a {border-radius:30px;}	
	.v2_guide a:hover .v2_tit::before {width:100%;}
	.v2_guide .v2_txt {font-size:13px;}
}


/* 자주 묻는 질문*/
.v2_faq {}
.v2_faq_list li {position:relative; margin:0 0 5px; font-size:13px; color:#505050;}
.v2_faq_list li a {display:block; padding:0 0 0 30px; color:#111; transition:0.3s;}
.v2_faq_list li a:hover {
	font-weight:bold; 
	text-decoration-line:underline; 
	text-decoration-thickness:1px; 
	text-underline-offset:4px; 
	text-decoration-color:#000;
}
.v2_faq_list li i {
	position:absolute; top:0; left:0; display:inline-block; width:20px; height:20px; line-height:20px; 
	font-style:normal; font-weight:bold; text-align:center;
	background:#f1f1f1; border-radius:6px; 
}


/* AI 챗봇 선택형 버튼 */
.v2_option_box {
	display:flex; flex-direction:column; gap:8px; width:max-content; max-width:100%;
	font-size:1em; padding:20px; border-radius:20px; box-shadow:0 4px 16px rgba(15, 19, 64, 0.1);
}
.v2_option_box > p {position:relative; font-size:1em; font-weight:bold; padding:0 0 0 24px;}
.v2_option_box > p::before {
	position:absolute; top:0; left:0; content:'😊'; height:100%;
	font-family:var(--icon-font-family); font-weight:normal; font-size:1.15em; line-height:1.5em; 
    color:var(--ai-main-color); transition:0.3s; 
}
.v2_option {padding:8px 24px; border:1px solid #ddd; font-family:var(--ai-font-family); font-size:.9em; line-height:1.5; text-align:left; border-radius:50px;}
.v2_option_list {display:flex; flex-wrap:wrap; gap:8px;}
.v2_option_list.type {flex-direction:column; border-radius:0; overflow:hidden; background:#fff;}
.v2_option_list.type .v2_option {display:block; width:100%; border:1px solid transparent; background:rgba(246, 247, 249, 1); border-radius:10px;}
.v2_option_list .v2_option[aria-pressed="true"] {background:#aaa; border:1px solid transparent; color:#fff;}
.v2_option_list .v2_option[aria-pressed="false"]:disabled {color:#505050; cursor:not-allowed;}
.v2_option_list .v2_option[aria-pressed="false"]:disabled:hover {background:#aaa; border:1px solid transparent; color:#fff;}

.v2_btn {
	display:inline-block; margin:.5em 0; padding:6px 12px; border:1px solid var(--ai-main-color); background:none; 
	color:var(--ai-main-color); font-size:.9em; font-weight:bold; line-height:1.3; border-radius:8px;
	text-decoration:none !important;
}

@media(min-width:700px) {
	.v2_btn_submit {position:absolute; bottom:2px; right:0; width:40px; height:40px;}
}

@media(min-width:1024px) {
	.v2_option {line-height:1.5;}
}


@media(min-width:1280px) {
	.v2_ai_bott {font-size:10px;}
	.v2_option {padding:8px 24px; font-size:.9em;}
	.v2_option:hover {background:#f2f3ff; border:1px solid var(--ai-main-color); color:var(--ai-main-color);}
	.v2_option_list.type .v2_option:hover {background:var(--ai-main-color); color:#fff;}
	.v2_btn:hover {background:rgba(249, 243, 255, .5);}
}


/* 채팅창 대화 디자인 */
.v2_chat_q {display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-end; padding-bottom:2em;}
.v2_chat_q > div {
	position:relative; max-width:90%; padding:.8em 1.5em; 
	font-size:1em; color:#fff; text-align:left; background:var(--ai-main-color); word-break:break-all;
	border-radius:26px 26px 0 26px; backface-visibility:hidden;
}
.v2_chat_a > div {position:relative; background:#fff; padding:0 0 2em; max-width:90%; word-break:break-all;}
.v2_chat_a > div > p {margin:0 0 .8em;}
.v2_chat_a .v2_ai_name {
	position:relative; display:flex; align-items:center; height:40px; margin:0; padding:0 0 0 50px;
	font-weight:800; font-size:1.15em;
}
.v2_chat_a .v2_ai_name::before {
	position:absolute; top:50%; left:0; transform:translateY(-50%); content:''; width:40px; height:40px; 
	background:var(--ai-main-color) url('/images/ai/ai_bd_b.svg') center 8px no-repeat; background-size:100%;
	border-radius:50px; transition:0.3s;
}


/* loader */ 
.ai_loading {display:flex; align-items:center; background:rgba(255, 0, 0, 0);}
.ai_loading div {
	width:10px; height:10px; margin:5px; border-radius:50px; background:#d991c2;
	animation-name:ai_loader;
	animation-duration:.9s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
	text-align:center;
}
.ai_loading div:nth-child(2) {background:#9869b8; animation-delay:.3s;}
.ai_loading div:nth-child(3) {background:#6756cc; animation-delay:.6s;}

@keyframes ai_loader {
	0% {transform:translateY(15px) scale(.5);}
	100% {transform:translateY(5px) scale(1) rotate(360deg);}
}


.v2_chat_a h1,
.v2_chat_a h2,
.v2_chat_a h3,
.v2_chat_a h4,
.v2_chat_a h5, 
.v2_chat_a h6 {color:initial; margin:10px 0; padding:initial; line-height:1.3;}
.v2_chat_a p:has(img) {display:flex; flex-direction:column; gap:10px;} 
.v2_chat_a img {max-width:100%; height:auto;}
.v2_chat_a table td img {max-width:150px; max-height:100px; object-fit:cover;}
.v2_chat_a h2 {
	position:relative; display:inline-block; font-size:1.1em !important; margin:0.8em 0;
	background:linear-gradient(to top, rgba(252, 255, 3, .2) 8px, transparent 8px);
    -webkit-box-decoration-break:clone;
    box-decoration-break:clone;
}
.v2_chat_a h3 {position:relative; font-size:1.15em !important;}
.v2_chat_a h4 {position:relative; font-size:1.05em !important; padding:0.8em 0 0.8em; font-weight:500; display:flex; align-items:center; gap:0.8em;}
.v2_chat_a > p b {font-weight:500;} 
.v2_chat_a strong {font-family:initial !important; color:initial !important; font-weight:bold !important; font-family:'KakaoBig' !important;}
.v2_chat_a h2 + div > ul {margin:0 0 .8em;}
.v2_chat_a ul {padding:0.8em 1.6em; margin:0.8em 0; font-size:1em; background:#f2f3ff; border-radius:1em;}
.v2_chat_a ul > li {margin-bottom:0.5em; position:relative; padding-left:.8em; word-break:break-word;}
.v2_chat_a ul > li:last-child {margin-bottom:0;}
.v2_chat_a ul > li::before {display:block; content:""; width:3px; height:3px; background:#000; position:absolute; top:.75em; left:0; border-radius:100%;}
.v2_chat_a ul > li > h2 {color:initial;}
.v2_chat_a ol {list-style-type:decimal; margin:1.2em; padding-left:0.3em; font-size:1em; color:#505050;} 
.v2_chat_a ol li {margin-bottom:0.5em; font-weight:400; line-height:1.5;}
.v2_chat_a ol li strong {font-weight:600;}
.v2_chat_a a {
	text-decoration-line:underline; 
	text-decoration-thickness:1px; 
	text-underline-offset:3px; 
	text-decoration-color:var(--ai-main-color); 
	color:var(--ai-main-color); 
 }
.v2_chat_a a:active, .v2_chat_a a:hover, .v2_chat_a a:focus {color:var(--ai-main-color);}
.v2_chat_a hr {margin:1.5em 0; border-top:1px solid #ddd;}
.v2_chat_a blockquote {
	position:relative; background:#f2f3ff; margin:1em 0; padding:0.8em 1.6em; border-left:4px solid var(--ai-main-color); 
	font-size:.9em; border-radius:1em; 
}
.v2_chat_a blockquote::before {
	content:"""; 
	font-size:3.2em; 
	color:#b3c6e0; 
	position:absolute; 
	left:-2em; 
	font-family:serif; 
	line-height:1; 
}
.v2_chat_a blockquote::after {
	content:"""; 
	font-size:3.2em; color:#b3c6e0; 
	position:absolute; 
	right:1em; 
	bottom:0.2em; 
	font-family:serif; 
	line-height:1; 
}
.v2_chat_a table {width:100%; overflow:hidden; border-top:2px solid #333; border-collapse:collapse; font-size:.9em; margin:.5em 0 1em; color:#111; table-layout:auto;}
.v2_chat_a table thead th {
	padding:12px; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; 
	background:#f8f8f8; line-height:1.35; 
}
.v2_chat_a table tbody th {
	border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; 
	padding:12px; background:#f8f8f8; line-height:1.35; 
}
.v2_chat_a table tbody td {border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2; padding:12px; line-height:1.35; background:#fff;}
.v2_chat_a table tbody td span.Co1 {
	display:inline-flex; align-items:center; font-style:normal; text-align:center; font-size:12px; line-height:1.5; margin:5px 0 0; 
	padding:2px 6px; font-weight:600; box-sizing:border-box; border-radius:50px; border:1px solid #00bcd0; color:#00bcd0; 
}
.v2_chat_a table tbody td span.Co2 {
	display:inline-flex; align-items:center; font-style:normal; text-align:center; font-size:12px; line-height:1.5; margin:5px 0 0; 
	padding:2px 6px; font-weight:600; box-sizing:border-box; border-radius:50px; border:1px solid #f82fa2; color:#f82fa2; 
}

.v2_chat_a table tbody td span {}
.v2_chat_a table .tdLeft {text-align:left;}
.v2_chat_a table .RNone {border-right:none;}
.v2_chat_a table tbody td a {
	color:var(--ai-main-color);
	text-decoration-line:underline;
    text-decoration-thickness:1px;
    text-underline-offset:3px;
}
.v2_chat_a table tbody td a:hover {text-underline-offset:3px;}
.v2_chat_a table tbody td img {-ms-interpolation-mode:bicubic;}

	.v2_chat_a table .bg01 {background:#fff5f5 !important;}
	.v2_chat_a table .bg02 {background:#fff6e1 !important;}
	.v2_chat_a table .bg03 {background:#ebfdf5 !important;}
	.v2_chat_a table .bg04 {background:#dbf1f7 !important;}
	
	.v2_chat_a table > tbody > tr > td.ov {background-color:#85dfde !important;}

.v2_chat_a table td[rowspan], .v2_chat_a table th[rowspan] {border-right:1px solid #d2d2d2;}
.v2_chat_a table td:first-child, .v2_chat_a table th:first-child {border-left:none;}
.v2_chat_a table td:last-child, .v2_chat_a table th:last-child {border-right:none;}


/* 카테고리 */
.v2_chat_a .R0, 
.v2_chat_a .R01,
.v2_chat_a .R02,
.v2_chat_a .R03,
.v2_chat_a .R04, 
.v2_chat_a .R05 {display:inline-block; text-align:center; font-size:10px; color:#fff; line-height:20px; border-radius:50px; width:20px; height:20px; font-weight:bold; margin:0 5px 0 0;}
.v2_chat_a .R01 {background:#08c4d1;}
.v2_chat_a .R02 {background:#1161be;}
.v2_chat_a .R03 {background:#19bc97;}
.v2_chat_a .R04 {background:#98d157;}
.v2_chat_a .R05 {background:#8e8e8e;}
.v2_chat_a .R0 {background:#8e8e8e;}

.v2_chat_a .LR01,
.v2_chat_a .LR02,
.v2_chat_a .LR03,
.v2_chat_a .LR04,
.v2_chat_a .LR05 {display:inline-block; width:65px; text-align:center; font-size:12px; line-height:20px; padding:3px 0;}
.v2_chat_a .LR01 {color:#fff !important; background:#08c4d1; border:1px solid #08c4d1;}
.v2_chat_a .LR02 {color:#ddd !important; background:#1161be; border:1px solid #1161be;}
.v2_chat_a .LR03 {color:#fff !important; background:#19bc97; border:1px solid #19bc97;}
.v2_chat_a .LR04 {color:#fff !important; background:#98d157; border:1px solid #98d157;}
.v2_chat_a .LR05 {color:#fff !important; background:#8e8e8e; border:1px solid #8e8e8e;}

.v2_chat_a .sort01 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#00aaf2; border-radius:3px;}
.v2_chat_a .sort02 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#90b95b; border-radius:3px;}
.v2_chat_a .sort03 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#ffa628; border-radius:3px;}
.v2_chat_a .sort04 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#71a2bd; border-radius:3px;}
.v2_chat_a .sort05 {display:inline-block; width:65px; text-align:center; font-size:14px; color:#fff; background:#53a79b; border-radius:3px;}

@media all and (min-width:700px) {
	.v2_chat_a .R0,
	.v2_chat_a .R01,
	.v2_chat_a .R02,
	.v2_chat_a .R03,
	.v2_chat_a .R04,
	.v2_chat_a .R05 {font-size:12px; line-height:22px; width:22px; height:22px;}
	.v2_chat_a .LR01, 
	.v2_chat_a .LR02, 
	.v2_chat_a .LR03,
	.v2_chat_a .LR04,
	.v2_chat_a .LR05 {font-size:12px;}
}

@media all and (min-width:1280px) {
	.v2_chat_a .R0, 
	.v2_chat_a .R01,
	.v2_chat_a .R02,
	.v2_chat_a .R03, 
	.v2_chat_a .R04,
	.v2_chat_a .R05 {font-size:13px; line-height:24px; width:24px; height:24px;}
	.v2_chat_a .LR01,
	.v2_chat_a .LR02,
	.v2_chat_a .LR03,
	.v2_chat_a .LR04, 
	.v2_chat_a .LR05 {font-size:13px;}
}

.v2_chat_a .ai_ing {padding:10px 0; animation:star 1s ease-in-out infinite alternate;}

@-webkit-keyframes star {
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes star {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes star {
	0% {opacity:0;}
	100% {opacity:1;}
}

@media(min-width:1024px) {
	.v2_chat_q {padding-bottom:2.4em;}
	.v2_chat_a > div {padding:5px 0 2.4em;}
	.v2_chat_a:last-child > div {padding:.8em 0 2.4em;}
	.v2_chat_a:last-child > div:has(h2) {padding:5px 0 2.4em;}
	.v2_chat_a h2 {font-size:1.15em !important;}
	.v2_chat_a h3 {font-size:1.05em !important;}
	.v2_chat_a h4 {font-size:1.5em !important;}
	.v2_chat_a ul > li {padding-left:1em;}
	.v2_chat_a ul > li::before {width:4px; height:4px; top:9px;}
	.v2_chat_a table thead th {padding:12px;}
	.v2_chat_a table tbody th {padding:12px;}
	.v2_chat_a table tbody td {padding:12px;}	
	.v2_chat_a table tbody td span.Co1 {height:30px; font-size:15px; padding:3px 10px; margin:0 0 0 5px;}
	.v2_chat_a table tbody td span.Co2 {height:30px; font-size:15px; padding:3px 10px; margin:0 0 0 5px;}
}


/* 지금 도움이 필요해요 답변 내용 */
.v2_chat_help {white-space:normal;}
.v2_chat_help > dl {margin:10px 0; padding:20px; border-radius:20px; background:#fff; box-shadow:var(--ai-box-shadow);}
.v2_chat_help > dl dt {margin:0 0 4px; font-size:1.05em; font-weight:bold;}
.v2_chat_help > dl dt strong {color:var(--ai-main-color);}
.v2_chat_help > dl dd {color:#505050;}
.v2_chat_help > dl a {display:inline-block; text-decoration:none; margin:8px 0 0;}
.v2_chat_help > dl ul li {list-style:none;}