@charset "utf-8";

.main .in {width: 134rem;}
.intro_type .in {height: 100%;  }

/* 채팅 */
.intro_type{display: flex; align-items: center; height: 100%; min-height: calc(100svh - var(--hdH)); } 
.intro_type .chat_cont_wrap{display: flex; flex-direction: column; padding: 10svh 0 4svh; }
.intro_type .chat_cont_wrap .cont{display: flex; flex-direction: column; min-height: 75rem; }
.intro_type .chat_cont_wrap .intro_tit_box {text-align: center; display: flex; flex-direction: column; align-items: center; }
.intro_type .chat_cont_wrap .intro_tit_box .desc {display: flex; align-items: center; font-size: var(--p4); font-weight: 700; padding: 0.5em 1.2em; border-radius: 10em; background: linear-gradient(0deg, #122189 0%, #192EB4 100%); color: #fff;}
.intro_type .chat_cont_wrap .intro_tit_box .desc::before { content: '';position: relative;display: inline-block; flex-shrink: 0; width: 1.5em;height: 1.5em;margin-right: 0.3em;background: url(../img/common/starlight.gif) no-repeat center / contain;}
.intro_type .chat_cont_wrap .intro_tit_box .tit {font-weight: 700; font-size: var(--h3); margin-top: 1.5rem; line-height: 1.5; max-width: 100%;}
.intro_type .chat_cont_wrap .intro_tit_box .txt {font-size: var(--p3); color: #3E4C59; margin-top: 1.5rem; max-width: 100%;}
.intro_type .chat_cont_wrap .intro_tit_box .login_info_txt{margin-top: 0;}

.intro_type .chat_cont_wrap .chat_faq_wrap {margin-top: 2rem; display: flex; align-items: center;}
.intro_type .chat_cont_wrap .chat_faq_wrap .tit {font-size: var(--p5); font-weight: 700; margin-right: 2rem; flex-shrink: 0; max-width: 8em; line-height: 1.3;}
.intro_type .chat_cont_wrap .chat_faq_wrap .slide {position: relative; min-width: 0; flex: 1; }
.intro_type .chat_cont_wrap .chat_faq_wrap .swiper-wrapper.static_gap {gap: 10px;}
.intro_type .chat_cont_wrap .chat_faq_wrap .slide .swiper-slide {width: auto; height: auto; max-width: 40%;}
.intro_type .chat_cont_wrap .chat_faq_wrap .slide.left_blur::before,
.intro_type .chat_cont_wrap .chat_faq_wrap .slide.right_blur::after {content: ''; position: absolute; top: 0; z-index: 5; width: 5rem; height: 100%; pointer-events: none;}
.intro_type .chat_cont_wrap .chat_faq_wrap .slide.left_blur::before {left: 0; background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);}
.intro_type .chat_cont_wrap .chat_faq_wrap .slide.right_blur::after {right: 0; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, #fff 100%);}
.intro_type .chat_cont_wrap .chat_faq_wrap .swiper-container {padding: 3px 0;}
.intro_type .chat_cont_wrap .chat_faq_wrap .sample_question {display: inline-block; height: 100%; font-size: var(--p6); font-weight: 500; color: #4F4F4F; background-color: #EFF0F9; line-height: 1.5; padding: 0.6em 1.5em; border-radius: 10em; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}

/* 입력창 */
.chat_input_wrap .chat_input_inner {position: relative; margin-top: 4rem; height: 18rem; border:1px solid #A2B1C1; border-radius: 3rem; overflow: hidden; background: #fff; box-shadow: 0 0 10px 0 rgba(20, 35, 135, 0.06); transition: border-color 0.2s, box-shadow 0.2s;}
.chat_type .chat_input_wrap .chat_input_inner {margin-top: var(--pd4); }
.chat_input_wrap .chat_input_inner textarea { min-height: 0; padding: 2.4rem; height: calc(100% - 5.2rem); background: #fff;border: 0;  resize: none;  font-size: var(--p3);outline: none; line-height: 1.6; overflow-y: auto; overscroll-behavior: contain;}
.chat_input_wrap .chat_input_inner textarea::placeholder { color: var(--gray50);}
.chat_input_wrap .chat_input_inner textarea::-webkit-scrollbar {width: 10px; background: transparent;}
.chat_input_wrap .chat_input_inner textarea::-webkit-scrollbar-button {display: none; width: 0; height: 0;}
.chat_input_wrap .chat_input_inner textarea::-webkit-scrollbar-thumb { background: #b8b8b8; border-right: 5px solid #fff; border-radius: 3px; border-top-right-radius: 8px 3px; border-bottom-right-radius: 8px 3px; }
.chat_input_wrap .chat_input_inner textarea::-webkit-scrollbar-track { background: #fff; margin: 15px 0;}
.chat_input_wrap .chat_send_btn { position: absolute; bottom: 1.5rem; right:1.5rem; width: 5.5rem; height: 5.5rem; border-radius: 10rem; color: #fff;cursor: pointer; display: flex; align-items: center; justify-content: center;  transition: background 0.2s; background: linear-gradient(0deg, #122189 0%, #192EB4 100%);;}
.chat_input_wrap .chat_send_btn:disabled { background: #F0F1F6; cursor: not-allowed;}
.chat_input_wrap .chat_send_btn svg { width: 44%; height: auto; }
.chat_input_wrap .chat_send_btn svg path {fill: #fff;transition: 0.3s ease-in-out;}
.chat_input_wrap .chat_send_btn.chat_inp_off {background: #F0F1F6 ;}
.chat_input_wrap .chat_send_btn.chat_inp_off svg path {fill: #7B8794; }

.chat_input_wrap .chat_input_inner .chat_input_count{ position: absolute; left: 2.4rem; bottom: 1.5rem; font-size: var(--p6); color: var(--gray30); }
.chat_input_wrap .chat_input_inner .chat_input_count .chat_input_count_current{color: var(--gray50);}


/* 입력창_잠금 */
.chat_input_wrap.disabled{cursor: not-allowed;}
.chat_input_wrap.disabled .chat_input_inner{border-color: #EEE; background-color: #EEE; box-shadow: none;}
.chat_input_wrap.disabled .chat_input_inner textarea{background-color: #EEE; }
.chat_input_wrap.disabled .chat_input_inner textarea::placeholder { color:#999;}
.chat_input_wrap.disabled .chat_send_btn{background-color: #000;}
.chat_input_wrap .chat_send_btn svg.chat_lock_ico{display: none;}
.chat_input_wrap.disabled .chat_send_btn svg{display: none;}
.chat_input_wrap.disabled .chat_send_btn svg.chat_lock_ico{position: absolute; display: block; top: 49%; left: 50%; width: 33%; transform: translate(-50%, -50%);}
.chat_input_wrap.disabled .chat_send_btn svg path{fill: #fff;}
/* 하단 안내문구 */
.chat_cont_wrap .ref_txt_box {margin-top: 4rem; display: flex; gap: 0.2em; justify-content: center;}
.chat_cont_wrap .ref_txt_box .txt { font-size: var(--p6); color: #999999; text-align: center; max-width: 100%; }
.intro_type .ref_txt_box{margin-bottom: 12rem;}

/* 배너 */
.intro_type .banner_box {margin-top: auto; }
.intro_type .banner_box .slide {width: 58rem; max-width: 100%; margin: 0 auto; border-radius: 2rem; overflow: hidden;}
.intro_type .banner_box .banner_link{width: 100%; }
.intro_type .banner_box .banner_link .img_box{position: relative; width: 100%; padding-top: 26%; }
.intro_type .banner_box .banner_link .img_box img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right;}
.intro_type .banner_box .banner_link .txt_box{position: absolute; top: 50%; left: 0; width: 100%; padding-left: 4rem; padding-right: 30%; transform: translateY(-50%); z-index: 2;}
.intro_type .banner_box .banner_link .txt_box .tit{font-size: var(--p2); font-weight: 700; }
.intro_type .banner_box .banner_link .txt_box .txt{font-size: var(--p4); color: #444; margin-top: 0.5rem; line-height: 1.5;}

.intro_type .banner_box .swiper-pagination-progressbar {position: static; width: 20rem; height: 0.4rem; margin: 3rem auto 0; background: #E8E8E8;}
.intro_type .banner_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;}

.intro_type .banner_box .banner_link .txt_box .txt br{display:none;}
html[lang="ko"] .intro_type .banner_box .banner_link .txt_box .txt br{display:block;}


/* 채팅 */
.chat_type .chat_cont_wrap { display: flex; flex-direction: column; height: calc(100svh - var(--hdH)); padding: 0 0 4rem; }
.chat_type .content_conversation {flex: 1; display: flex; flex-direction: column; overflow-y: auto; padding: 8svh 3rem 1rem 0; gap: 3rem; }
.chat_type .content_conversation::-webkit-scrollbar {-webkit-appearance: none;}
.chat_type .content_conversation::-webkit-scrollbar:vertical {width: 5px;}
.chat_type .content_conversation::-webkit-scrollbar:horizontal {height: 5px;}
.chat_type .content_conversation::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.4);border-radius: 5px;}
.chat_type .content_conversation::-webkit-scrollbar-track {margin-top: 8svh; border-radius: 10px;background-color:rgba(0,0,0,0.1)}

/* 채팅_질문 */
.chat_type .content_conversation .que {font-size: var(--p3); padding: 0.8em 1.5em; background-color: #EFF0F9; border-radius: 1.5em 1.5em 0 1.5em; font-weight: 500; margin-left: auto; max-width: 80%; word-break: break-all;}

/* 채팅_답변 */
/* .chat_type .content_conversation .result_wrap {margin-top: 3rem;} */
.chat_type .content_conversation .result_wrap {max-width: 80%;}
.chat_type .content_conversation .result_wrap .top_tit {display: flex; align-items: center; font-size: var(--p3); font-weight: 700; margin-bottom: 3rem;}
.chat_type .content_conversation .result_wrap .top_tit svg {width:2em; height: 2em; margin-right: 1rem;}
.chat_type .content_conversation .result_wrap .result .tit {display: flex; gap: 0.2em; font-size: var(--p2); font-weight: 700; line-height: 1.5;}
.chat_type .content_conversation .result_wrap .result .txt {font-size: var(--p3); margin-top: 1rem; line-height: 1.75; overflow-wrap: anywhere;} /*white-space: pre-wrap;*/
/* .chat_type .content_conversation .result_wrap .result p.txt,
.chat_type .content_conversation .result_wrap .result .txt p{color: var(--gray70);} */
.chat_type .content_conversation .result_wrap .result .txt strong{color: var(--black);}

/* 채팅_답변대기중 아이콘 */
.chat_type .content_conversation .result_wrap.ai_chat_pending .top_tit {display: none;}
.chat_type .content_conversation .result_wrap.ai_chat_pending .result .txt:empty {display: none;}
.chat_type .content_conversation .result_wrap .ai_chat_pending_status {display: flex; align-items: center; gap: 1.5rem; min-height: 2.2em; font-size: var(--p3); color: #1F2933;}
.chat_type .content_conversation .result_wrap .ai_chat_pending_icon { position: relative; flex: 0 0 2.2em; width: 2.2em; height: 2.2em; border-radius: 50%; overflow: hidden;}
.chat_type .content_conversation .result_wrap .ai_chat_pending_icon::after {content: ''; position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 90deg, #1921BC 0deg, #3657D8 115deg, #7FAEF2 230deg, #E3F3FF 360deg); animation: aiChatPendingSpin 1.1s linear infinite;}
.chat_type .content_conversation .result_wrap .ai_chat_pending_icon::before {content: ''; position: absolute; inset: 0.2em; z-index: 1; border-radius: 50%; background: #fff;}
.chat_type .content_conversation .result_wrap .ai_chat_pending_icon svg {position: absolute; left: 50%; top: 50%; z-index: 2; width: 50%; height: 50%; margin: 0; transform: translate(-50%, -50%);}

/* 채팅_markdown */
.chat_type .content_conversation .result_wrap .result .markdown_body {white-space: normal;}
.chat_type .content_conversation .result_wrap .result .markdown_body > *:first-child {margin-top: 0;}
.chat_type .content_conversation .result_wrap .result .markdown_body > *:last-child {margin-bottom: 0;}
.chat_type .content_conversation .result_wrap .result .markdown_body p {margin: 0.8em 0; }
.chat_type .content_conversation .result_wrap .result .markdown_body h1,
.chat_type .content_conversation .result_wrap .result .markdown_body h2,
.chat_type .content_conversation .result_wrap .result .markdown_body h3,
.chat_type .content_conversation .result_wrap .result .markdown_body h4 {margin: 1.2em 0 0.5em; font-weight: 700; line-height: 1.4;}
.chat_type .content_conversation .result_wrap .result .markdown_body h1 {font-size: 1.45em;}
.chat_type .content_conversation .result_wrap .result .markdown_body h2 {font-size: 1.3em;}
.chat_type .content_conversation .result_wrap .result .markdown_body h3 {font-size: 1.18em;}
.chat_type .content_conversation .result_wrap .result .markdown_body h4 {font-size: 1.08em;}
.chat_type .content_conversation .result_wrap .result .markdown_body ul ,
.chat_type .content_conversation .result_wrap .result .markdown_body ol {margin: 0.8em 0 0.8em 1.4em; padding: 0;}
.chat_type .content_conversation .result_wrap .result .markdown_body ul ,
.chat_type .content_conversation .result_wrap .result .markdown_body ul > li {list-style: disc;}
.chat_type .content_conversation .result_wrap .result .markdown_body ol,
.chat_type .content_conversation .result_wrap .result .markdown_body ol > li{list-style: decimal;}
/* .chat_type .content_conversation .result_wrap .result .markdown_body ol > li{font-weight: 700;} */
/* .chat_type .content_conversation .result_wrap .result .markdown_body ol{counter-reset: markdownOrderedList;}
.chat_type .content_conversation .result_wrap .result .markdown_body ol > li{position: relative; display: flex; gap: 0.3em; list-style: none; counter-increment: markdownOrderedList; font-weight: 700;}
.chat_type .content_conversation .result_wrap .result .markdown_body ol > li::before{content: counter(markdownOrderedList) "."; white-space: nowrap; position: relative; left: 0; top: 0; } */
.chat_type .content_conversation .result_wrap .result .markdown_body li + li {margin-top: 0.35em;}
.chat_type .content_conversation .result_wrap .result .markdown_body a {color: #122189; text-decoration: underline; text-underline-offset: 0.18em;}
.chat_type .content_conversation .result_wrap .result .markdown_body code {padding: 0.12em 0.35em; border-radius: 0.4rem; background: #F0F1F6; font-family: Consolas, Monaco, monospace; font-size: 0.92em;}
.chat_type .content_conversation .result_wrap .result .markdown_body pre {margin: 1em 0; padding: 1.2rem; border-radius: 8px; background: #1F2933; color: #F5F7FA; overflow-x: auto;}
.chat_type .content_conversation .result_wrap .result .markdown_body pre code {display: block; padding: 0; background: transparent; color: inherit; white-space: pre;}
.chat_type .content_conversation .result_wrap .result .markdown_body blockquote {margin: 1em 0; padding: 0.2em 0 0.2em 1em; border-left: 3px solid #A2B1C1; color: #52606D;}
.chat_type .content_conversation .result_wrap .result .markdown_body table {display: block; width: 100%; margin: 1em 0; border-collapse: collapse; overflow-x: auto;}
.chat_type .content_conversation .result_wrap .result .markdown_body th,
.chat_type .content_conversation .result_wrap .result .markdown_body td {padding: 0.55em 0.7em; border: 1px solid #D9E2EC; text-align: left; vertical-align: top;}
.chat_type .content_conversation .result_wrap .result .markdown_body th {background: #F5F7FA; font-weight: 700;}
.chat_type .content_conversation .result_wrap .result .copy_btn {margin-top: 2rem;}
.chat_type .content_conversation .result_wrap .result button.copy_btn {display: flex; border: 0; background: transparent; cursor: pointer; padding: 0;}
.chat_type .content_conversation .result_wrap .result button.copy_btn svg{width: max(2rem, 18px); height: max(2rem, 18px);}
.ai_chat_copy_toast {--aiChatToastSideW: var(--fixSideMenuW1); position: fixed; left: calc(50% + (var(--aiChatToastSideW) / 2)); bottom: 4rem; z-index: 10000; max-width: calc(100% - 4rem - var(--aiChatToastSideW)); padding: 1.1rem 1.6rem; border-radius: 0.8rem; background: rgba(31, 41, 51, 0.96); color: #fff; font-size: var(--p8); font-weight: 500; line-height: 1.4; text-align: center; box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.18); opacity: 0; pointer-events: none; transform: translate(-50%, 1rem); transition: opacity 0.2s ease, transform 0.2s ease;}
.page_wrap.header_on ~ .ai_chat_copy_toast {--aiChatToastSideW: var(--fixSideMenuW2);}
.ai_chat_copy_toast.on {opacity: 1; transform: translate(-50%, 0);}
.chat_type .content_conversation .result_wrap.ai_chat_error .result .txt {color: #D20E0E;}


/* 채팅_CTA */
.chat_type .content_conversation .result_wrap .inq_box {margin-top: 3rem;}
.chat_type .content_conversation .result_wrap .inq_box .tit {font-size: var(--p4); font-weight: 600;}

.chat_type .content_conversation .result_wrap .inq_consult_box {margin-top: 4rem; padding-top: 4rem; border-top: 1px solid #E4E7EB;}
.chat_type .content_conversation .result_wrap .inq_consult_box .tit{font-size: var(--p2); font-weight: 700;}
.chat_type .content_conversation .result_wrap .inq_consult_box .txt{font-size: var(--p4); color: var(--gray70);}
.chat_type .content_conversation .result_wrap .inq_consult_box .btn_box{margin-top: 2.5rem; flex-wrap:wrap; gap: 1rem;}

/* 채팅_버튼 */
.chat_type .content_conversation .result_wrap .btn_box {margin-top: 1.5rem; display: flex; gap: 1rem; flex-wrap: wrap;}
.chat_type .content_conversation .result_wrap .btn_box .btn { font-size: var(--p5); font-weight: 500; border: 1px solid var(--gray20); background-color: #fff; line-height: 1; padding:0.8em 1.1em; border-radius: 0.8rem; display: flex; align-items: center; transition: 0.3s ease-in-out;}
.chat_type .content_conversation .result_wrap .btn_box .btn svg {display: block; width: auto; height: 0.7em; margin-left: 0.5em;}
.chat_type .content_conversation .result_wrap .btn_box .btn svg path {transition: 0.3s ease-in-out;}
/* .chat_type .content_conversation .result_wrap .btn_box .btn.ico svg,
.chat_type .content_conversation .result_wrap .btn_box .btn svg[height="18"]{width: auto; height: 1.1em; margin-top: -0.1em; margin-left: 0; margin-right: 0.4em;}
.chat_type .content_conversation .result_wrap .btn_box .btn svg.re_svg,
.chat_type .content_conversation .result_wrap .btn_box .btn svg[height="11"]{width: auto; height: 0.95em;} */

.chat_type .content_conversation .result_wrap .btn_box .btn.kakao_btn{background-color: #FEE500; border-color: #FEE500; color: #3C1E1E;}
.chat_type .content_conversation .result_wrap .btn_box .btn.kakao_btn svg path{fill:#3C1E1E}

.chat_type .content_conversation .result_wrap .btn_box .btn.contact_btn{background-color: var(--point02); border-color: var(--point02); color: #fff;}
.chat_type .content_conversation .result_wrap .btn_box .btn.contact_btn svg path{fill:#fff}

.chat_type .content_conversation .result_wrap .btn_box .btn.re_btn{}
.chat_type .content_conversation .result_wrap .btn_box .btn.re_btn svg{width: auto; height: 0.95em; margin-top: -0.1em;}

.chat_type .content_conversation .result_wrap .btn_box .btn.contact_btn:hover{background-color: #061A97;}
.chat_type .content_conversation .result_wrap .btn_box .btn.kakao_btn:hover{background-color: #F5D900;}
.chat_type .content_conversation .result_wrap .btn_box .re_btn:hover {background-color: #000; border-color: #000; color: #fff;}
.chat_type .content_conversation .result_wrap .btn_box .re_btn:hover svg path {fill: #fff;}






/* 채팅_버튼_질문선택 */
.chat_type .content_conversation .sel_btn_box{display: inline-flex; flex-direction: column; gap: 1rem; margin-top: 1.5rem;}
.chat_type .content_conversation .sel_btn_box .sel_btn{width:fit-content; font-size: var(--p4); padding: 0.9em 1.2em; font-weight: 700; border: 1px solid var(--gray20); border-radius: 1rem; transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;}
.chat_type .content_conversation .sel_btn_box .sel_btn:hover{background-color: #000; border-color:#000; color: #fff;}

/* 채팅_간편하게 확인 */
.chat_type .content_conversation .keywrod_cont {background-color: #F8F8F8; border-radius: 2rem; padding: 4rem; margin-top: 4rem;}
.chat_type .content_conversation .keywrod_cont .cont_tit {font-size: var(--h8); font-weight: 700; margin-bottom: 3rem;}
.chat_type .content_conversation .keywrod_cont .tit {font-size: var(--p1); font-weight: 700; margin-bottom: 1rem}
.chat_type .content_conversation .keywrod_cont .txt_box {font-size: var(--p3); color: var(--gray70);}
/* .chat_type .content_conversation .keywrod_cont .txt_box .txt + .txt {margin-top: 1.5rem;} */
.chat_type .content_conversation .keywrod_cont .btn_box {margin-top: 3rem; display: flex;}
.chat_type .content_conversation .keywrod_cont .btn_box .btn {font-size: var(--p6);padding: 0.5em 1em; color: #fff; font-weight: 500; border-radius: 10em; background-color: #000; display: flex; align-items: center;}
.chat_type .content_conversation .keywrod_cont .btn_box .btn + .btn {margin-left: 1rem;}
.chat_type .content_conversation .keywrod_cont .btn_box .btn svg {width: 0.6em; margin-left: 0.6em;}
.chat_type .content_conversation .keywrod_cont.ai_flow_confirm .txt.flow_confirm_blank {min-height: 1.5rem;}
.chat_type .content_conversation .keywrod_cont.ai_flow_confirm .btn_box {flex-wrap: wrap; gap: 1rem;}
.chat_type .content_conversation .keywrod_cont.ai_flow_confirm .btn_box .btn + .btn {margin-left: 0;}
.chat_type .content_conversation .keywrod_cont.ai_flow_confirm .btn_box button.btn {border: 0; cursor: pointer; font-family: inherit; line-height: 1.4;}
.chat_type .content_conversation .ai_flow_question {max-width: 80%; margin-top: 4rem; margin-top: 0;}
.chat_type .content_conversation .ai_flow_question .tit {font-size: var(--p2); font-weight: 700; color: #202A37; line-height: 1.5; display: flex; gap: 0 0.2em; white-space: break-spaces;}
.chat_type .content_conversation .ai_flow_question .desc {margin-top: 2rem; font-size: var(--p5); color: #4B5563;}
.chat_type .content_conversation .ai_flow_question .txt {font-size: var(--p3); line-height: 1.75; overflow-wrap: anywhere;}
.chat_type .content_conversation .ai_flow_question .markdown_body {white-space: normal;}
.chat_type .content_conversation .ai_flow_question .markdown_body > *:first-child {margin-top: 0;}
.chat_type .content_conversation .ai_flow_question .markdown_body > *:last-child {margin-bottom: 0;}
.chat_type .content_conversation .ai_flow_question .markdown_body p {margin: 0.8em 0;}
.chat_type .content_conversation .ai_flow_option_box {display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; margin-top: 1.6rem;}
.chat_type .content_conversation .ai_flow_option_btn {min-height: 3.8rem; text-align: left; padding: 1rem 1.6rem; border: 1px solid #D9E2EC; border-radius: 0.8rem; background: #fff; color: #111827; font-size: var(--p6); font-weight: 700; cursor: pointer;}
.chat_type .content_conversation .ai_flow_option_btn.is_primary {background: #000; border-color: #000; color: #fff;}
.chat_type .content_conversation .ai_flow_option_btn.is_readonly {cursor: default;}
.chat_type .content_conversation .ai_flow_option_btn:disabled {opacity: 0.55; cursor: wait;}
.chat_type .content_conversation .ai_flow_choice_bubble {background-color: #EFF0F9; margin-top: 1rem;}
.chat_type .content_conversation .ai_flow_error .txt {color: #D20E0E;}
.fixed_side_menu.big_type .chat_list .cont .list li.ai_flow_active .tit,
.ai_chat_list_panel .chat_list .cont .list li.ai_flow_active .tit {color: #fff;}

/* 채팅_답변_박스 타입 */
.chat_type .content_conversation .result_box {display: flex; flex-direction: column; gap: 2rem; background-color: #F8F8F8; border-radius: 2rem; padding: 4rem; margin-top: 2rem;}
.chat_type .content_conversation .result_box .top_txt_box .tit,
.chat_type .content_conversation .result_box .txt_box .tit {font-size: var(--h8); font-weight: 700; }
.chat_type .content_conversation .result_box .top_txt_box .txt{font-size: var(--p3); margin-bottom: 1rem;}
.chat_type .content_conversation .result_box .txt_box .txt{font-size: var(--p4); color: var(--gray70);}
.chat_type .content_conversation .result_box .info_txt{font-size: var(--p5); font-weight: 400; color: var(--gray40);}
.chat_type .content_conversation .result_box .txt_box{text-align: left;}

/* 채팅_답변_점수 */
.chat_type .content_conversation .score_cont .score_box + .score_box{margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #CBD2D9;}
.chat_type .content_conversation .score_cont .score_tit{display: flex; flex-wrap: nowrap; align-items: center; font-size: var(--p3); font-weight: 700;}
.chat_type .content_conversation .score_cont .score_tit .num{font-size: var(--p3); font-size: 0.7em; margin-left: 0.4em; padding: 0.1em 0.8em; font-weight: 700; background-color: var(--black); border-radius: 99rem; color: #fff;}
.chat_type .content_conversation .score_cont .score_list{padding-left: 1rem; font-size: var(--p4);}
.chat_type .content_conversation .score_cont .score_list li{text-indent: -0.5em; padding-left: 0.5em;}

/* 작업중 임시 스타일 */
/* .chat_type{display: block !important;} */
/* .fixed_side_menu .side_on .chat_list,
.fixed_side_menu .side_on .chat_list > *{display: block !important;} */


.modal_cont.chat .chat_type .content_conversation .keywrod_cont .txt_box{text-align: left;}
.modal_cont.chat .chat_type .content_conversation .keywrod_cont .txt_box .txt{margin-top: 0;}

/* 채팅 히스토리 모달 */
.modal_cont.chat .chat_type .content_conversation{padding-right: 0;}




@media screen and (min-width: 1241px){
	.intro_type .chat_cont_wrap .chat_faq_wrap .sample_question:hover { background-color: #000; color: #fff;}
}



/* 반응형 */
@media screen and (max-width: 2000px){

	.intro_type .chat_cont_wrap{padding-top: 8svh;}

	.intro_type .ref_txt_box{margin-bottom: 5rem;}

	.chat_type .chat_cont_wrap {padding-bottom: 2rem;}
	.intro_type .chat_cont_wrap .cont{min-height: 68rem;}
	.chat_type .chat_cont_wrap .ref_txt_box{margin-top: 2rem;}
	.chat_type .chat_input_wrap .chat_input_inner{margin-top: 6rem;}


	.fixed_side_menu .side_on .service_box .new_chat_btn_box{margin-bottom: 2rem;}
	.fixed_side_menu .side_on .service_box .new_chat_btn_box .new_chat_btn{padding: 0.8em 1.2em;}
}


@media screen and (max-width: 1440px){

	.ai_chat_copy_toast,
	.page_wrap.header_on ~ .ai_chat_copy_toast {--aiChatToastSideW: 0rem;}

}

@media screen and (max-width: 1240px){
	
	
	.main .page_container{display: flex; flex-direction: column;}
	body.main_chat_active .footer.lap_only,
	body.main_chat_active .footer.mo_only{display: none !important;}

    .intro_type{ flex: 1; height: auto; min-height: 0; }
	/* .intro_type .chat_cont_wrap{min-height: 0; flex: 1; height: 100%;} */
    .intro_type .in,
	.intro_type .chat_cont_wrap{ height: 100%;}

	.intro_type .banner_box .slide{width: 62rem;}
	.intro_type .banner_box .swiper-pagination-progressbar{margin-top: 2.5rem;}
	.intro_type .chat_cont_wrap .chat_faq_wrap .slide .swiper-slide{max-width: 60%;}

	.chat_type .chat_cont_wrap { padding: 0 0 3rem; }
	.chat_type .content_conversation {padding-top: 6svh;}
	.chat_type .content_conversation::-webkit-scrollbar-track {margin-top: 6svh;}
	

	
}




@media screen and (max-width: 1024px){
	.chat_input_wrap .chat_input_inner{margin-top: 9rem;}
}





@media screen and (max-width: 768px){

	.intro_type .chat_cont_wrap .chat_faq_wrap .tit{display: none;}
	.intro_type .chat_cont_wrap .chat_faq_wrap .slide .swiper-slide{max-width: 80%;}

	.intro_type .chat_cont_wrap .intro_tit_box .tit{font-size: var(--h1); margin-top: 2rem;}
	.intro_type .banner_box .slide{width: 62rem;}
	.intro_type .banner_box .banner_link .img_box{padding-top: 30%;}

	.chat_type .content_conversation{padding-right: 0;}
	.chat_type .content_conversation::-webkit-scrollbar{display: none;}
	.chat_type .content_conversation .que{line-height: 1.5;}

	



}



@media screen and (max-width: 600px){
	.chat_cont_wrap {display: flex; flex-direction: column; padding: 12svh 0 5svh}
	.chat_input_wrap .chat_input_inner{border-radius: 15px;}

	/* .intro_type{ min-height: calc(var(--vh, 1vh) * 100 - var(--hdH));  } */
	.intro_type{height: auto; }
	.intro_type .chat_cont_wrap{padding-top: 12svh;}
	.intro_type .banner_box .slide{width: calc(100% + var(--inPd) * 2); max-width: unset; margin-left: calc(var(--inPd) * -1); }
	.intro_type .banner_box .slide .swiper-container{padding: 0 var(--inPd);}
	.intro_type .banner_box .swiper-pagination-progressbar{display: none;}

	.intro_type .banner_box .banner_link .img_box{padding-top: 0; height: 130px;}
	.intro_type .banner_box .banner_link .img_box img{object-position: 92% 50%;}
	.intro_type .chat_cont_wrap .chat_faq_wrap {width: 100%; min-width: 0;}
	.intro_type .chat_cont_wrap .chat_faq_wrap .slide {width: calc(100% + var(--inPd) * 2); max-width: unset; margin-left: calc(var(--inPd) * -1); flex: none;}
	.intro_type .chat_cont_wrap .chat_faq_wrap .slide .swiper-container{padding: 3px 0;}

	.chat_type .content_conversation .ai_flow_option_btn{min-height: 4.3rem;}
	
	.chat_type .chat_cont_wrap{padding-bottom: 15px;}
	.chat_cont_wrap .ref_txt_box{margin-top: 10px;}
	.chat_cont_wrap .ref_txt_box .txt{font-size: var(--p8);}
	.chat_type .content_conversation{gap: 25px;}
	.chat_type .chat_input_wrap .chat_input_inner{margin-top: 30px;}

	.chat_type .content_conversation .que,
	.chat_type .content_conversation .result_wrap,
	.chat_type .content_conversation .ai_flow_question{max-width: 90%;}

	.intro_type .banner_box .slide {border-radius: 0; }
	.intro_type .banner_box .banner_link .img_box{border-radius: 15px; overflow: hidden;}

	
}



@keyframes aiChatPendingSpin {
	to {transform: rotate(360deg);}
}