@charset "utf-8";

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

/* 매물종류 */
#atc01 .list{display:flex;position:relative;float:left;width:50%;justify-content:center}
#atc01 .list ul{display:flex;width:25%;justify-content:center;align-items:flex-start;flex-flow:column}
#atc01 .list ul+ul{margin-left:10px}
#atc01 .list ul li{position:relative}
#atc01 .list ul li+li{margin-top:10px}
#atc01 .list .l_cont li:nth-child(1) button{border-bottom-right-radius:0}
#atc01 .list .l_cont li:nth-child(2) button{border-top-right-radius:0}
#atc01 .list .r_cont li:nth-child(1) button{border-bottom-left-radius:0}
#atc01 .list .r_cont li:nth-child(2) button{border-top-left-radius: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 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 img{display:block;z-index:-1;margin:-30px 0 0 10%;text-align:center}

/* 라테스트 */
#atc01 .latest{float:left;width:50%}
#atc01 .latest .tit .dot{display:block;height:50px;font-size:90px;color:#222;line-height:1.3;font-family:'GongGothicBold'}
#atc01 .latest .txt{padding:15px 30px 45px}
#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-top:20px;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 p{color:#fff}
}
/* 반응형 [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:32%}
#atc01 .list ul li button{height:90px}
#atc01 .list ul li p{font-size:20px}
#atc01 .latest{float:none;width:100%;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{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 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 .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 .list ul li button{height:75px;border-radius:20px}	
#atc01 .list ul li p{font-size:15px}
#atc01 ul+ul{margin-top:10px}
#atc01 ul li p{height:38px;font-size:15px;line-height:40px}
#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] */