@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%;height:415px;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}
}