@charset "UTF-8";
/*-------------------------------------------------
title       : 설정
Author      : 박영인
Create date : 2026-09-29
-------------------------------------------------*/
#sectionAi {
--ais-blue: #0342d0;
--ais-red: #df1130;
--ais-line: #e8e8e8;
color: #111;
font-family:"Pretendard","MalgunGothic"sans-serif;
}

#sectionAi *,
#sectionAi *::before,
#sectionAi *::after {
box-sizing: border-box;
}

#sectionAi img{
display: block;
max-width: 100%
}

#sectionAi .ais-stack{
display: flex;
flex-direction: column;
gap: 4rem;
width: 100%
}

#sectionAi .ais-headline-point{
color: var(--ais-blue);
}

#sectionAi .ais-searchbar{
display: flex;
align-items: center;
gap: 1.2rem;
width: 100%;
min-height: 8.4rem;
padding: 0.8rem 1.5rem;
border: 0.4rem solid transparent;
border-radius: 10rem;
background: linear-gradient(#fff, #fff)
padding-box,
linear-gradient(90deg,var(--ais-red), avr(--ais-blue))
border-box;
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06)
}

#sectionAi .ais-searchbar-field{
display: flex;
flex: 1 1 auto;
align-items: center;
gap: 1.2rem;
min-width: 0;
padding: 0 1.2rem;
}

#sectionAi .ais-searchbar-sparkle{
flex: 0 0 auto;
width: 2.225rem;
}

#sectionAi .ais-searchbar-input{
width: 100%;
min-width: 0;
padding: 0;
border: 0;
outline: none;
background: transparent;
color: #1f1f1f;
font: inherit;
font-size: 2.6rem
}

#sectionAi .ais-searchbar-input::place
holder{
color: #666;
opacity: 1;
}

#sectionAi .ais-mic,
#sectionAi .ais-submit{
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
border: 0;
border-radius: 10rem;
cursor: pointer;
}

#sectionAi .ais-mic{
width: 5.6rem;
height: 5.6rem;
background: #f5f5f5;
}

#sectionAi .ais-mic img{
width: 1.867rem;
}

#sectionAi .ais-submit{
gap: 0.4rem;
min-width: 12rem;
padding: 1.6rem2rem;
background: var(--ais-blue);
color: #fff;
font: inherit:
font-size: 2.2rem;
font-weight: 700;
}

#sectionAi .ais-submit img{
width: 2.4rem;
}

#sectionAi .ais-card{
display: flex;
flex-direction: column;
gap: 6rem;
padding: 8rem 6rem;
border: 1px solid var(--ais-line);
border-radius: 2rem;
background: #fff;
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
}

#sectionAi .ais-intro{
align-items: center;
}

#sectionAi .ais-badge{
display: inline-flex;
align-items: center;
gap: 6rem;
padding: 1rem 2rem;
border-radius: 10rem;
background: linear-gradient(239.51deg, 
var(--ais-blue), var(--ais-red));
color: #fff;
font-size: 2.8rem;
font-weight: 600;
}

#sectionAi .ais-badge img{
width: 4.2rem;
}

#sectionAi .ais-intro-title,
#sectionAi .ais-intro-desc,
#sectionAi .ais-suggest-label{
margin: 0;
}

#sectionAi .ais-intro-title{
color: #1f1f1f;
font-size: 4rem;
font-weight: 700;
align-items: center;
}

#sectionAi .ais-intro-desc{
color: #777676;
font-size: 2rem;
text-align: center;
}

#sectionAi .ais-suggest-label{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.2rem;
margin: 0;
padding: 0;
list-style: none;
}

#sectionAi .ais-suggest-item{
display: flex;
align-items: center;
gap: 2rem;
width: 100%;
min-height: 9rem;
padding: 2rem;
border: 1px solid var(--ais-line);
border-radius: 2rem;
background: #fff;
color: #1f1f1f;
font: inherit:
font-size: 1.8rem;
text-align: left;
cursor: pointer;
}

#sectionAi .ais-suggest-icon{
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
border-radius: 50%;
background: #3a3d4e;
}

#sectionAi .ais-suggest-icon img{
width: 2rem;
}

#sectionAi .ais-sr{
position : absolute
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
}

@media (max-width: 1024px){
#sectionAi .ais-suggest-list{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 768px){
#sectionAi .ais-headline{
font-size: 3rem;
}
#sectionAi .ais-searchbar{
flex-wrap: wrap;
border-radius: 2rem;
}
#sectionAi .ais-searchbar-field{
flex-basis: 100%;
min-height: 5.5rem;
}
#sectionAi .ais-submit{
flex: 1 1 auto;
}
#sectionAi .ais-card{
gap: 4rem;
padding: 4rem 2.5rem;
}
#sectionAi .ais-intro-title{
font-size: 2.5rem;
}
#sectionAi .ais-suggest-list{
grid-template-columns: 1fr;
}
}