@charset "utf-8";

#atc02_banner{background:var(--primary-10)}
#atc02_banner .inner{width:100%;max-width:1100px;margin:0 auto;text-align:center;padding:40px 0px 30px 0px;}
#atc02_banner .b_txt{font-size:48px;line-height:64px;color:#222;font-family:'SpoqaHanSansNeo-Bold'}
#atc02_banner .s_txt{margin-top:20px;font-size:20px;line-height:30px;white-space:pre-line;color:var(--primary-50)}
#atc02_banner .reason_list{position:relative;margin-top:55px;padding:0 80px}
#atc02_banner .reason_list ul li{padding:45px 0;border-radius:5px;background:#fff;font-family:'SpoqaHanSansNeo-Bold'}
#atc02_banner .reason_list ul li .num{margin-bottom:20px;font-size:15px;color:var(--primary)}
#atc02_banner .reason_list ul li .tit{margin:25px 0 11px;font-size:18px;color:#222}
#atc02_banner .reason_list ul li .txt{font-size:15px;line-height:25px;white-space:pre-line;color:#666;font-family:'SpoqaHanSansNeo-Regular'}
#atc02_banner .reason_list .button_list p{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:3px dotted #e1e1e1;border-radius:100%;font-size:18px;text-align:center;line-height:44px;color:#222;cursor:pointer}
#atc02_banner .reason_list .button_list p.button-prev{left:0}
#atc02_banner .reason_list .button_list p.button-next{right:0}
#atc02_banner #pager{margin:34px 0 76px}
#atc02_banner #pager span+span{margin-left:7px}
#atc02_banner #pager .swiper-pagination-bullet{opacity:1;background:#cbd7e8}
#atc02_banner #pager .swiper-pagination-bullet-active{width:15px;border-radius:15px;background:var(--primary)}
#atc02_banner .page_btn{display:inline-block;width:325px;border-radius:3px;font-size:15px;text-align:center;line-height:65px;color:#fff;background:#000;font-family:'SpoqaHanSansNeo-Medium'}

@media (max-width:1230px){
#atc02_banner .inner{max-width:none;padding:110px 60px 120px}
#atc02_banner .reason_list{padding:0 70px}
}
@media (max-width:1024px){
#atc02_banner .inner{padding:75px 25px 85px}
#atc02_banner .b_txt{font-size:35px;line-height:51px}
#atc02_banner .s_txt{margin-top:15px;font-size:17px;line-height:27px}
#atc02_banner .reason_list{padding:0 55px}
#atc02_banner .reason_list .button_list p{width:40px;height:40px;font-size:15px;line-height:34px}
#atc02_banner #pager{margin-bottom:60px}
}
@media (max-width:768px){
#atc02_banner .inner{padding:55px 0px 65px;background-color: #FFFCD8;}
#atc02_banner .b_txt{font-size:30px;line-height:46px}
#atc02_banner .s_txt{margin-top:10px;font-size:16px;line-height:26px}
#atc02_banner .reason_list{margin-top:35px}
#atc02_banner .page_btn{width:290px}
}
@media (max-width:650px){
#atc02_banner .b_txt{text-align:left}
#atc02_banner .s_txt{text-align:left}
#atc02_banner #pager{margin-bottom:45px}
}
@media (max-width:480px){
#atc02_banner .b_txt{font-size:25px;line-height:35px}
#atc02_banner .s_txt{font-size:15px;line-height:25px}
#atc02_banner .reason_list{padding:0}
#atc02_banner .reason_list ul li .tit{font-size:16px}
#atc02_banner .reason_list .button_list p{z-index:1}
#atc02_banner .reason_list .button_list p.button-prev{left:15px}
#atc02_banner .reason_list .button_list p.button-next{right:15px}
#atc02_banner #pager{margin:30px 0 40px}
#atc02_banner .page_btn{width:230px;line-height:55px}
}
@media (max-width:380px){
}