@charset "utf-8";
#atc04{width:100%; }
#atc04 .inner{max-width: 80%;padding: 100px 0;
    margin: 0 auto;
    overflow: hidden;}


#atc04 .icon_box{display: flex;
        align-items: center;
        justify-content: space-between;}
#atc04 .icon_box .txt span{font-size: 38px; font-weight: 200;font-family: "Noto Serif KR", serif;letter-spacing: -3px;}
#atc04 .icon_box .txt span b{font-weight: 600;}

#atc04 .icon_list{}
#atc04 .icon_list ul{display: flex;}
#atc04 .icon_list ul li{padding-left: 30px;}
#atc04 .icon_list ul li a{font-size: 17px;font-weight: 400;gap: 15px; font-family: "Noto Serif KR", serif; display: flex;flex-direction: column;    align-items: center;}
#atc04 .icon_list ul li i{padding: 20px 30px;background-color: #f6f6f6; border-radius: 100px;}



@media (max-width:768px){
    
    #atc04 .icon_box{    flex-direction: column;text-align: center;line-height: 20px;}
    #atc04 .inner{padding: 50px 5%;max-width: 100%;}
    #atc04 .icon_list{width: 100%;}
    #atc04 .icon_list ul{grid-template-columns: repeat(4, 1fr);  display: grid;}
    #atc04 .icon_list ul li{padding-left: 0;margin-top: 20px;}
    #atc04 .icon_box .txt span{font-size: 15px;letter-spacing: -1px;}
    #atc04 .icon_list ul li i{padding: 20px 15px; width: 85%;}
    #atc04 .icon_list ul li i img{width: 75%;}
    #atc04 .icon_list ul li a{font-size: 12px; gap: 10px;}

}