@charset "utf-8";

#atc01{max-width:var(--mainsize);margin:0 auto;padding:150px 0 200px;overflow:hidden}
#atc01 .inner{position:relative}
#atc01 .inner .bg{z-index:-1;position:absolute;content:'';top:0;left:284px;width:250px;aspect-ratio:1;border-radius:500px;background:linear-gradient(to left, var(--primary) 0%, rgba(148,64,227,0) 80%);opacity:0.1;pointer-events:none}

#atc01 .group-cont .col-2{display:flex;align-items:flex-start;justify-content:space-between}
#atc01 .fl-l{max-width:355px;width:100%;aspect-ratio:355 / 415;border-radius:24px;overflow:hidden}
#atc01 .fl-l .thumb-box img{width:100%;height:100%;object-fit:cover}

#atc01 .fl-r{max-width:570px;width:100%}
#atc01 .fl-r .info-list > li{padding:30px 0;border-bottom:1px solid #ddd;cursor:pointer}
#atc01 .fl-r .info-list > li h3 button{all:unset;display:flex;justify-content:space-between;align-items:center;width:100%;cursor:pointer}
#atc01 .fl-r .info-list > li h3 button .list__tit{font-size:22px;font-weight:600;color:#000}
#atc01 .fl-r .info-list > li h3 button .ic-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;aspect-ratio:1;border-radius:100px;border:1px solid #ddd;color:#000;transition:background-color 0.2s, color 0.2s, transform 0.2s}
#atc01 .fl-r .info-list > li h3 button .ic-arrow svg{width:22px;height:22px;transform:translate(0.2px, 1px)}
#atc01 .fl-r .info-list > li.on h3 button .ic-arrow{background-color:var(--primary);color:#fff;transform:rotate(180deg)}
#atc01 .fl-r .info-list > li .list-data{display:none;padding-top:30px}
#atc01 .fl-r .info-list > li .list-data li{position:relative;padding-left:13px;line-height:1.8;font-size:15px;color:#333}
#atc01 .fl-r .info-list > li .list-data li::before{position:absolute;content:'';left:0;top:12px;width:3px;height:3px;background-color:var(--primary)}

@media (hover:hover){
#atc01 .fl-r .info-list > li:hover h3 button .ic-arrow{background-color:var(--primary);color:#fff}
}

/* 반응형 [s] */
@media (max-width:1500px){
#atc01{padding:120px 0}
#atc01 .group-cont .col-2{align-items:center}
#atc01 .fl-r .info-list > li{padding:20px 0}
#atc01 .fl-r .info-list > li h3 button .list__tit{font-size:20px}
#atc01 .fl-r .info-list > li .list-data{padding-top:10px}
}
@media (max-width:1300px){
#atc01{padding:100px 20px}
#atc01 .inner .bg{top:15px;left:330px;width:190px}
}
@media (max-width:1200px){
#atc01 .fl-r{max-width:500px}
#atc01 .inner .bg{left:360px;width:176px}
}
@media (max-width:1024px){
#atc01[data-aos^=zoom][data-aos^=zoom]{opacity:0}
#atc01[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1) rotate(-45deg)}
#atc01{padding:80px 20px}
#atc01 .inner .bg{top:4px;left:60%}
#atc01 .group-cont .col-2{justify-content:center;gap:40px}
#atc01 .fl-l{border-radius:15px}
#atc01 .fl-r{max-width:385px}
#atc01 .fl-r .info-list > li{padding:18px 0}
#atc01 .fl-r .info-list > li h3 button .list__tit{font-size:16px}
#atc01 .fl-r .info-list > li h3 button .ic-arrow svg{width:20px;height:20px;transform:translate(0, 1px)}
#atc01 .fl-r .info-list > li .list-data{padding-top:5px}
#atc01 .fl-r .info-list > li .list-data li{padding-left:12px;font-size:14px}
}
@media (max-width:768px){
#atc01{padding:70px 20px}
#atc01 .inner .bg{top:-3px;left:60%;width:150px}
#atc01 .group-cont .col-2{flex-direction:column;gap:15px}
#atc01 .fl-l{max-width:325px}
#atc01 .fl-r{max-width:430px}
#atc01 .fl-r .info-list > li{padding:12px 0}
#atc01 .fl-r .info-list > li h3 button .list__tit{font-size:15px}
#atc01 .fl-r .info-list > li h3 button .ic-arrow{width:30px}
}
@media (max-width:480px){
#atc01{padding:45px 20px}
#atc01 .inner .bg{display:none}
#atc01 .group-cont .col-2{gap:10px}
#atc01 .fl-l{max-width:300px}
#atc01 .fl-r{max-width:none}
}
/* 반응형 [e] */