@charset "utf-8";

#atc01{position:relative;width:100%;max-width:1145px;margin:0 auto 80px;padding-top:40px;font-size:15px;text-align:center;font-family:'SBAggroL'}
#atc01 .tit span{font-size:16px}
#atc01 .tit p{padding:5px 0 80px;font-size:33px;color:#222;font-family:'SBAggroM'}
#atc01 .tit p b{color:#2399b4}
#atc01 ul:after{display:block;clear:left;content:''}
#atc01 ul li{float:left;width:355px;transition:all .3s}
#atc01 ul li+li{margin-left:40px}
#atc01 ul li .img{width:100%;height:260px;border-radius:20px;background-size:cover !important;background-position:center !important}
#atc01 ul li:nth-child(1) .img{background:url('/sh_img/include/inc01/img01.jpg') no-repeat}
#atc01 ul li:nth-child(2) .img{background:url('/sh_img/include/inc01/img02.jpg') no-repeat}
#atc01 ul li:nth-child(3) .img{background:url('/sh_img/include/inc01/img03.jpg') no-repeat}
#atc01 ul li a .tit{padding:30px 0;font-size:22px;color:#222;font-family:'SBAggroM'}
#atc01 ul li a .txt{opacity:0;white-space:pre-line;color:#777;transition:all .3s}

/* 모바일 호버 X */
@media (hover: hover) {
#atc01 ul li:hover{margin-top:-30px}
#atc01 ul li:hover a div{opacity:1}
}

/* 반응형 [s] */
@media (max-width:1300px){
#atc01{width:90%;margin-bottom:0}
#atc01 .tit p{padding-bottom:50px}
#atc01 ul li{width:calc(100%/3 - 13.4px)}
#atc01 ul li+li{margin-left:20px}
#atc01 ul li img{width:100%}
}

@media (max-width:1024px){
#atc01{width:calc(100% - 60px);padding-top:60px}
#atc01 .tit p{font-size:30px}
#atc01 ul li .img{height:210px}
#atc01 ul li a .tit{padding:20px 0 10px;font-size:18px}
#atc01 ul li a .txt{opacity:1;white-space:normal;word-break:keep-all}
}

@media (max-width:768px){
#atc01 .tit p{font-size:25px;line-height:35px;word-break:keep-all}
#atc01 ul li{width:100%}
#atc01 ul li+li{margin:20px 0 0}
#atc01 ul li a{overflow:hidden}
#atc01 ul li a .img{float:left;width:35%;height:150px}
#atc01 ul li a .txt_box{float:left;width:65%;padding-left:30px;text-align:left}
}

@media (max-width:530px){
#atc01 ul li a .img{width:100%;height:180px}
#atc01 ul li a .txt_box{width:100%;padding-left:0;text-align:center}
#atc01 ul li a .txt{white-space:pre-line}
}

@media (max-width:480px){
#atc01{width:100%;padding:60px 15px 0}
#atc01 .tit p{font-size:22px;line-height:32px}
#atc01 ul li a .tit{padding-bottom:5px}
#atc01 ul li a .txt{font-size:14px;line-height:24px}
}
/* 반응형 [e] */