@charset "utf-8";

#atc01{position:relative}
#atc01 .inner{display:flex;opacity:0;justify-content:space-between;flex-wrap:wrap;max-width:1400px;width:100%;margin:0 auto;padding:95px 0 80px;transform:translateY(40px);animation-delay:.5s}
#atc01 .inner > div{width:50%}

/* 조건별 매물 검색 */
#atc01 .keyword{background-color:var(--primary);margin: 20px 32px 0 32px;border-radius:20px}
#atc01 .key_inner{display:flex;width:100%;max-width:1400px;margin:0 auto;line-height:100px;color:#fff}
#atc01 .key_inner .key_tit{width:430px;font-size:18px;text-align:center;color:#fff;background-color:var(--primary-hover);font-family:'SBAggroM'}
#atc01 .key_inner .key_tit svg{width:22px;margin-right:11px;vertical-align:middle}
#atc01 .key_inner .keyword_list{opacity:0;width:calc(100% - 430px);padding-left:60px;transform:translateY(40px)}
#atc01 .key_inner .keyword_list button{position:relative;margin-right:30px;font-size:17px;color:rgba(255,255,255,.7);transition:all .3s;background:none;font-family:'SBAggroL'}
#atc01 .key_inner .keyword_list button+button{margin-left:30px}
#atc01 .key_inner .keyword_list button+button:before{position:absolute;left:-30px;top:2px;content:'';width:1px;height:14px;background-color:rgba(255,255,255,.3)}
#atc01 .key_inner .keyword_list button:last-child{margin-right:0}

/* 라테스트 */
#atc01 .latest .late_txt{text-align:center}
#atc01 .latest .late_txt .b_txt{margin-top:20px;font-size:43px;line-height:55px;white-space:pre-line;color:#222}
#atc01 .latest .late_txt .b_txt span{color:var(--primary);font-family:'SBAggroB'}
#atc01 .latest .late_txt .s_txt{margin:17px 0 80px}
#atc01 .latest .swiper-container{height:240px!important;padding-right:50px}
#atc01 .latest ul li{display:flex;align-items:center;height:60px;padding:0 20px;border-bottom:1px dashed #e1e1e1;line-height:60px}
#atc01 .latest ul li .status{display:block;width:95px;height:35px;margin-right:15px;border:1px solid #e1e1e1;border-radius:50px;font-size:14px;color:#444;line-height:35px;text-align:center;background-color:#fff;font-family:'SBAggroM'}
#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;color:#888}

/* 상담폼 */
#atc01 .form{overflow:hidden;position:relative;padding:49px 50px 60px;border-radius:20px;background:var(--dark)}
#atc01 .form .tit{text-align:center}
#atc01 .form .tit p{font-size:30px;color:#fff;font-family:'SBAggroB'}
#atc01 .form .tit span{display:block;margin-bottom:26px;font-size:15px;color:rgba(255,255,255,.5);font-family:'SBAggroL'}
#atc01 .form ul li{overflow:hidden}
#atc01 .form ul li+li{margin-top:10px}
#atc01 .form .sh_input{width:100%;height:55px;padding:0 20px;border-radius:3px;border:none;font-size:15px;transition:all .3s;font-family:'SBAggroL'} 
#atc01 .form .sh_input::placeholder{color:#999}
#atc01 .form .sh_input:focus{box-shadow:none}
#atc01 .form .half p{float:left;width:calc(50% - 5px)}
#atc01 .form .half p+p{float:right}
#atc01 .form .sh_txtarea{padding:20px;height:130px;resize:none}
#atc01 .form .prv_area{margin-bottom:12px;font-size:14px;text-align:right;cursor:pointer}
#atc01 .form .prv_area a{vertical-align:middle;color:#666;transition:all .3s}
#atc01 .form .prv_area label{color:#999}
#atc01 .form input[type=submit]{width:100%;height:55px;border:none;border-radius:3px;font-size:15px;color:#fff;background-color:var(--primary);appearance:none;-webkit-appearance:none;transition:all .3s;font-family:'SBAggroM'}

/* 모바일 호버 X */
@media (hover: hover) {
#atc01 .key_inner .keyword_list button:hover{color:#fff}
#atc01 .form input[type=submit]:hover{background-color:var(--primary-hover)}
}

/* 반응형 [s] */
@media (max-width:1430px){
#atc01 .key_inner{max-width:none}
#atc01 .key_inner .key_tit{width:445px}
#atc01 .key_inner .keyword_list{display:flex;width:calc(100% - 445px);padding-left:0}
#atc01 .key_inner .keyword_list button{width:calc(100%/6);margin:0 !important}
#atc01 .key_inner .keyword_list button+button:before{left:0;top:50%;transform:translateY(-50%)}
#atc01 .inner{max-width:none;padding:95px 15px 80px 0}
#atc01 .latest .swiper-container{padding-left:15px}
}

@media (max-width:1230px){
#atc01 .inner{padding:80px 15px 60px}
#atc01 .latest .late_txt .b_txt{font-size:35px;line-height:47px}
#atc01 .form .tit p{font-size:25px}
#atc01 .keyword{margin:0;border-radius:0}
}

@media (max-width:1024px){
#atc01 .key_inner{line-height:normal}
#atc01 .key_inner .key_tit{width:385px;line-height:110px}
#atc01 .key_inner .keyword_list{flex-wrap:wrap;width:calc(100% - 385px)}
#atc01 .key_inner .keyword_list button{width:calc(100%/3);height:55px}
#atc01 .key_inner .keyword_list button:nth-child(4):before{display:none}
#atc01 .latest .late_txt .b_txt{font-size:30px;line-height:42px}
#atc01 .latest .late_txt .s_txt{line-height:25px;word-break:keep-all}
#atc01 .latest .swiper-container{padding-right:30px}
#atc01 .latest ul li{padding:0}
#atc01 .form{padding:49px 30px 60px}
#atc01 .form .tit span{line-height:25px;word-break:keep-all}
}

@media (max-width:768px){
#atc01:before{display:none}
#atc01 .key_inner{display:block}
#atc01 .key_inner .key_tit{width:100%;font-size:17px;line-height:55px}
#atc01 .key_inner .key_tit svg{width:17px}
#atc01 .key_inner .keyword_list{width:100%}
#atc01 .key_inner .keyword_list button{border-bottom:1px solid rgba(255,255,255,.3);font-size:15px;color:#fff}
#atc01 .key_inner .keyword_list button+button:before{height:100%}
#atc01 .inner{display:block;padding:60px 0 0}
#atc01 .inner .latest{position:relative;width:100% !important;padding:0 15px 40px}
#atc01 .inner .latest:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:320px;background:url('./bg.png') no-repeat center #f5f5f5;background-size:cover}
#atc01 .latest .late_txt .b_txt{margin-top:0}
#atc01 .latest .late_txt .s_txt{margin-bottom:70px}
#atc01 .latest .swiper-container{padding:0}
#atc01 .form{width:calc(100% - 30px) !important;margin:15px auto 0}
}

@media (max-width:480px){
#atc01 .latest .late_txt .b_txt{font-size:25px;line-height:37px}
#atc01 .form{padding:39px 25px 45px}
#atc01 .form .tit p{font-size:20px}
#atc01 .form .half p{width:100%}
#atc01 .form .half p+p{margin-top:10px}
#atc01 .form .sh_input{height:50px}
#atc01 .form .sh_txtarea{height:120px}
#atc01 .form input[type=submit]{height:50px}
}

@media (max-width:380px){
#atc01 .latest ul li .status{width:105px}
#atc01 .latest ul li .date{display:none}
}
/* 반응형 [e] */

.main_bnr_area{width:100%;padding:20px 60px 0 60px; margin:0 auto}

.main_bnr_area .sch_bar{overflow:hidden;width:100%;padding:35px 60px;border-radius:20px;background:var(--primary); display:flex; gap:30px; justify-content:space-between; flex-wrap:wrap;}
.main_bnr_area .sch_bar .tit{/*float:left;*/display:inline-block;font-size:20px;line-height:50px;color:#fff;font-family:'SBAggroL'}
.main_bnr_area .sch_bar .btn_area{overflow:hidden;/* float:right */ display:flex; gap:15px; flex-wrap:wrap;}
.main_bnr_area .sch_bar .btn_area button{/*float:left;display:inline-block; margin-left:15px;*/height:50px;border:0;border-radius:5px;padding:0 30px;font-size:15px;color:#fff;background:rgba(255,255,255,.3);font-family:'SBAggroL'}
.main_bnr_area .sch_bar .btn_area .c_btn{padding:0 50px;color:#3b362b;background:#fff}

/* 모바일 호버 X */
@media (hover: hover) {
.main_bnr_area .main_cont .main_icon .big_btn > div:hover{top:-5px}
.main_bnr_area .main_cont .link_icon > div:hover{top:-10px;}
}

/* 반응형 [s] */
@media (max-width:1400px){
.main_bnr_area .sch_bar{padding:35px 50px}
.main_bnr_area .sch_bar .tit{width:100%;/*margin-bottom:20px;*/line-height:20px}
.main_bnr_area .sch_bar .btn_area{width:100%}
.main_bnr_area .sch_bar .btn_area button{padding:0 28px}
.main_bnr_area .sch_bar .btn_area button:first-child{margin-left:0}
}

@media (max-width:1230px){
.main_bnr_area{padding:20px 0}
.main_bnr_area .sch_bar{padding:40px;text-align:center;border-radius:0}
.main_bnr_area .sch_bar .btn_area{font-size:0;text-align:center; justify-content:center; gap:10px;}
.main_bnr_area .sch_bar .btn_area button{float:none;/*margin:0 0 10px 10px*/}
.main_bnr_area .sch_bar .btn_area .c_btn{display:block;margin:10px auto 0}
}

@media (max-width:768px){
.main_bnr_area{margin-top:-24px}
.main_bnr_area .sch_bar{padding:25px 15px}
.main_bnr_area .sch_bar .tit{font-size:18px;line-height:18px}
.main_bnr_area .sch_bar .btn_area button{height:35px;padding:0 20px;font-size:13px;}
}

@media (max-width:480px){
.main_bnr_area .sch_bar{padding:25px 15px}
}
/* 반응형 [e] */