@charset "utf-8";

/* #atc01{overflow:hidden;position:relative;z-index:99;max-width:1400px;margin:0 auto;padding:50px 0;opacity:0;transform:translateY(40px)} */
#atc01{overflow:hidden;position:relative;z-index:99;max-width:1400px;margin:0 auto;padding-bottom:50px;opacity:0;transform:translateY(40px)}
#atc01 *{word-break:keep-all}

/* 매물종류 */
#atc01 .list{position:relative;width:100%;justify-content:center}
/* #atc01 .list ul{display:flex;justify-content:center;align-items:flex-start} */
#atc01 .list ul{display:flex;justify-content:start;align-items:flex-start}
/* #atc01 .list ul li{position:relative;margin:10px} */
#atc01 .list ul li{position:relative;margin:10px;width:100%}
#atc01 .list ul li:nth-last-child(1){margin-right:0}
/* #atc01 .list ul li button{width:170px;height:125px;background:rgba(242,242,242,.5);border-radius:45px;box-shadow:0px 5px 5px 0px rgba(0,0,0,10%);transition:all .3s} */
/* #atc01 .list ul li button{width:120px;height:46px;background:blue;border-radius:45px;box-shadow:0px 5px 5px 0px rgba(0,0,0,10%);transition:all .3s} */
#atc01 .list ul li button{width:100%;height:46px;background:blue;border-radius:45px;box-shadow:0px 5px 5px 0px rgba(0,0,0,10%);transition:all .3s}
#atc01 .list ul li a{display:flex;flex-direction:column;background-color:#fff}
#atc01 .list ul li .status{position:absolute;left:15px;top:-20px;z-index:10;width:50px;height:50px;border-radius:50%;opacity:.85;font-size:13px;color:#fff;line-height:53px;text-align:center;background-color:#3174ff;transition:all .2s;font-family:'GongGothicMedium'}
#atc01 .list ul li .status.flash{opacity:0}
/* #atc01 .list ul li p{position:relative;z-index:1;font-size:25px;color:#222;font-family:'GongGothicMedium'} */
/* #atc01 .list ul li p{position:relative;z-index:1;font-size:21px;color:#222;font-family:'GongGothicMedium'} */
#atc01 .list ul li p{position:relative;z-index:1;font-size:16px;color:#fff;font-family:'GongGothicMedium'}
#atc01 .list img{display:block;z-index:-1;margin:-30px 0 0 10%;text-align:center}

/* 라테스트 */
#atc01 .latest{float:left;margin-top:65px;width:100%}
#atc01 .latest .tit .dot{position:absolute;left:calc(50% - 300px);display:block;height:50px;font-size:90px;color:#222;line-height:1.3;font-family:'GongGothicBold'}
#atc01 .latest .txt{padding:15px 30px 45px;text-align:center}
#atc01 .latest .txt p{font-size:38px;color:#222;font-family:'GongGothicBold'}
#atc01 .latest .txt p span{color:var(--primary)}
#atc01 .latest .txt a{display:block;width:fit-content;margin:20px auto 0;padding:15px 35px;border-radius:50px;color:#fff;background-color:var(--primary)}
#atc01 .latest .swiper-container{height:210px!important;border-top:2px solid var(--primary)}
#atc01 .latest ul li{display:flex;align-items:center;padding:0 20px;border-bottom:1px dashed #e1e1e1;line-height:65px}
#atc01 .latest ul li .status{display:block;width:90px;height:33px;margin-right:20px;border-radius:30px;font-size:13px;color:#fff;line-height:35px;text-align:center;background-color:#222;font-family:'GongGothicMedium'}
#atc01 .latest ul li .subj{width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atc01 .latest ul li .date{flex-shrink:0;margin-left:auto;font-size:14px}


@media(hover:hover){
#atc01 ul li:hover .status{opacity:1}
/* #atc01 .list ul li button:hover{background:var(--primary)} */
#atc01 .list ul li button:hover{background:#fff}
/* #atc01 .list ul li button:hover p{color:#fff} */
#atc01 .list ul li button:hover p{color:blue}
}
/* 반응형 [s] */
@media(max-width:1230px){
#atc01 .list ul li{width:100%}
/* #atc01 .list ul li p{font-size:23px} */
#atc01 .list ul li button{width:100%}
}
@media(max-width:1024px){
#atc01{padding:50px 0}
#atc01 .list{float:none;width:100%;padding:0 20px}	
#atc01 .list ul{width:100%}
#atc01 .list ul li{margin:4px}
#atc01 .list ul li button{height:51px}
/* #atc01 .list ul li p{font-size:20px} */
#atc01 .latest{float:none;width:100%;margin-top:30px;padding:0 20px}
#atc01 .latest .tit{margin-top:55px;padding:60px 20px;border-radius:10px;color:#fff;text-align:center;background:var(--primary) url(/sh_img/make24/salelist/bg.png) no-repeat left}
#atc01 .latest .tit .dot{position:relative;left:0;color:#fff}
#atc01 .latest .txt a{margin:20px auto 0;color:#111;background-color:#fff}
#atc01 .latest .txt{padding:0;color:rgba(255,255,255,.6)}
#atc01 .latest .txt p{font-size:30px;color:#fff}
#atc01 .latest .txt p span{color:#fff}
#atc01 .latest .swiper-container{margin-top:15px;border-top:none}
}
@media(max-width:768px){
#atc01 .tit{font-size:15px}
#atc01 .list{padding:0}
#atc01 .list ul{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
#atc01 .list ul:nth-child(1){transform:translateY(0)}
#atc01 .list ul:nth-child(3){transform:translateY(0)}
#atc01 .list img{width:80%;margin:-30px 0 0 15%}
#atc01 ul li p{height:45px;font-size:16px;line-height:47px}
#atc01 .list ul li{margin:0 10px 10px 0}
#atc01 .list ul li p{font-size:16px;padding:15px 0;line-height:1}
#atc01 .list ul li .status{left:10px;bottom:10px;width:40px;height:40px;font-size:10px;line-height:43px}
#atc01 .latest .tit{padding:40px 20px}
#atc01 .latest .txt p{font-size:25px}
}
@media(max-width:480px){
#atc01{padding:30px 0}
#atc01 .tit{margin-bottom:30px;font-size:14px}
#atc01 .tit p{font-size:28px}
#atc01 ul+ul{margin-top:10px}
#atc01 .list ul{gap:5px}
#atc01 ul li p{height:38px;font-size:15px;line-height:40px}
/* #atc01 .list ul li button{height:75px;border-radius:20px}	 */
#atc01 .list ul li button{height:37px;border-radius:10px}	
#atc01 .list ul li p{display:flex;align-items:center;justify-content:center;line-height:1.3;font-size:13px}
#atc01 .list ul li .status{left:5px;bottom:5px;width:32px;height:32px;font-size:10px;line-height:34px}
#atc01 .latest{padding:0}
#atc01 .latest .tit{margin-top:40px;border-radius:0}
#atc01 .latest .txt p{font-size:23px}
#atc01 .latest ul li{padding:0 10px}
}
/* 반응형 [e] */