@charset "utf-8";

#atc03{padding:150px 0}
#atc03 .section-tit{display:flex;justify-content:space-between;align-items:center}
#atc03 .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin-top:100px}
#atc03 .grid>div{overflow:hidden}

#atc03 .review{position:relative}
#atc03 .review .wrap{display:flex;align-items:center;gap:20px}
#atc03 .review .count{display:flex;align-items:center;gap:10px}
#atc03 .review .count p{font-size:20px;color:#000;font-family:var(--p-font)}
#atc03 .review .count p i{font-style:normal}
#atc03 .review_area{overflow:hidden;position:relative}
#atc03 .review_area li a{display:block;padding:30px;border-radius:13px;background:#f5f5f5}
#atc03 .review_area li a:hover .img_area img{transform:scale(1.1)}
#atc03 .review_area li .img_area{overflow:hidden;border-radius:13px}
#atc03 .review_area li .img_area img{width:100%;transition:all .3s}
#atc03 .review_area li .txt{margin-top:25px;text-align:center}
#atc03 .review_area li .list-tit{margin:15px 0 10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#atc03 .review_area li .txt img{display:block;margin:0 auto}
#atc03 .review_area li .name{display:inline-flex;margin-top:20px;padding:3px 7px;border-radius:5px;font-size:13px;font-weight:600;color:#aaa;background:#fff}
#atc03 .review_area li .name span{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
#atc03 .review_area li div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#777}
#atc03 .swiper-pagination{display:none !important}

#atc03 .fap li{border-bottom:1px solid #e1e1e1}
#atc03 .fap li a{display:flex;width:100%;justify-content:space-between;align-items:center;padding:15px 15px 15px 0;font-size:16px;font-weight:500;word-break:keep-all}
#atc03 .fap li a:hover p{color:#fff;background:var(--primary)}
#atc03 .fap li a:hover p svg{opacity:1}
#atc03 .fap li span:before{display:inline-block;content:'';width:3px;height:3px;margin-right:13px;border-radius:50px;vertical-align:3px;background:#111}
#atc03 .fap li p{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50px;background:#f5f5f5;transition:all .3s}
#atc03 .fap li p svg{width:15px;opacity:.5}

#atc03 .photo .gall_area a:hover img{transform:scale(1.1)}
#atc03 .photo .gall_area .img_area{overflow:hidden;border-radius:13px}
#atc03 .photo .gall_area .img_area img{width:100%;height:210px;object-fit:cover;transition:all .3s}

/* 반응형 [s] */
@media (max-width:1600px){
#atc03{padding:120px 0}
}
@media (max-width:1500px){
#atc03 .arrow{display:none !important}
#atc03 .swiper-pagination{display:flex !important}
#atc03 .review_area{padding-bottom:40px}
}
@media (max-width:1400px){
#atc03{padding:100px 0}
}
@media (max-width:1200px){
#atc03 .review .wrap{gap:14px}
#atc03 .review .count{gap:8px}
#atc03 .review .count p{font-size:18px}
#atc03 .review_area li a{padding:24px}
#atc03 .review_area li .txt{margin-top:20px}
#atc03 .review_area li .name{margin-top:15px}
}
@media (max-width:1024px){
#atc03{padding:80px 0 0}
#atc03 .review .wrap{flex-direction:column;align-items:center;gap:8px}
#atc03 .review .count{gap:5px}
#atc03 .review .count p{font-size:17px}
#atc03 .review_area li .img_area, #atc03 .review_area li a{border-radius:10px}
#atc03 .review_area li a{padding:20px}
#atc03 .review_area li .txt{margin-top:15px}
#atc03 .review_area li .txt img{width:90px}
#atc03 .review_area li .name{margin-top:10px}
#atc03 .grid{grid-template-columns:repeat(1,1fr);margin:80px 0}
#atc03 .photo .gall_area .img_area{border-radius:10px}
}
@media (max-width:768px){
#atc03{padding:60px 0 0}
#atc03 .review .count p{font-size:15px}
#atc03 .review .count span{font-size:14px}
#atc03 .review_area li div{font-size:14px}
#atc03 .grid{gap:40px;margin:60px 0}
#atc03 .fap li a{padding:12px 0;font-size:15px}
}
@media (max-width:480px){
#atc03 .fap li a{font-size:14px}
#atc03 .grid{gap:30px;margin:30px 0}
}
/* 반응형 [e] */