@charset "utf-8";

#atc02 .inner{opacity:0;width:100%;max-width:1400px;margin:0 auto;transform:translateY(40px)}
    
/* 부동산뉴스 */
#atc02 .box_wrap{display:flex;justify-content:space-between}
#atc02 .box_wrap .news_box{overflow:hidden;width:calc(100% - 597px);border:1px solid #e1e1e1;border-radius:20px}
#atc02 .box_wrap .news_box .news_tit{padding:41px 50px 12px;font-size:25px;color:#222;background:#f5f5f5;font-family:'SBAggroB'}
#atc02 .box_wrap .news_box .news_tit span{position:relative;margin-left:15px;padding-left:16px;font-size:15px;color:#999;font-family:'SBAggroM'}
#atc02 .box_wrap .news_box .news_tit span:before{position:absolute;left:0;top:1px;content:'';width:1px;height:14px;background:#999}
#atc02 .box_wrap .news_box .news_tit a{float:right}
#atc02 .box_wrap .news_box .news_tit svg{width:19px;stroke-width:3px;transition:all .2s;color:var(--primary)}
#atc02 .sh_lt{display:flex;padding:50px 0}
#atc02 .sh_lt li{width:50%;padding:0 50px}
#atc02 .sh_lt li+li{border-left:1px solid #e1e1e1}
#atc02 .sh_lt li .lt_subj{overflow:hidden;margin-bottom:16px;text-overflow:ellipsis;white-space:nowrap;color:#333;font-family:'SBAggroM'}
#atc02 .sh_lt li .lt_cont{line-height:25px;color:#888}
#atc02 .sh_lt li .lt_date{margin-top:37px;text-align:right;color:#888}
    
/* 매물지도보기 */
#atc02 .box_wrap .find_box{width:577px;padding:46px 50px;border-radius:20px;background:url('/sh_img/make24/inc02/img_bg.png') no-repeat right top var(--primary)}
#atc02 .box_wrap .find_box .b_txt{margin-bottom:21px;font-size:30px;line-height:40px;white-space:pre-line;color:#fff;font-family:'SBAggroB'}
#atc02 .box_wrap .find_box .s_txt{color:rgba(255,255,255,.6)}
#atc02 .box_wrap .find_box a{display:block;width:180px;margin-top:61px;border-radius:60px;text-align:center;line-height:60px;color:#fff;background-color:var(--dark);font-family:'SBAggroM'}
#atc02 .box_wrap .find_box a span{display:inline-block;position:relative;width:7px;height:13px;margin-left:2px;vertical-align:middle}
#atc02 .box_wrap .find_box a span:before,#atc02 .box_wrap .find_box a span:after{position:absolute;bottom:0;width:25px;height:15px;content:'';background:url('/sh_img/make24/inc02/arr.png') no-repeat center;color:#fff;transition:all .2s}
#atc02 .box_wrap .find_box a span:before{left:0}
#atc02 .box_wrap .find_box a span:after{left:-4px;opacity:0} 
    
/* Contact Us */
#atc02 .contact_wrap{display:flex;margin-top:20px;padding:20px 0;border-radius:20px;background-color:var(--dark)}
#atc02 .contact_wrap>div{width:50%;padding:0 50px}
#atc02 .contact_wrap>div .tit{float:left;margin-right:40px;padding-right:40px;border-right:1px solid rgba(255,255,255,.1);font-size:14px;line-height:90px;color:#fff;font-family:'SBAggroB'}
#atc02 .tel_box{overflow:hidden}
#atc02 .tel_box .tel{float:left;padding-top:19px;line-height:33px;color:rgba(255,255,255,.4)}
#atc02 .tel_box .tel span{display:block;font-size:30px;color:#f4bc43;font-family:'SBAggroB'}
#atc02 .link_box ul{display:flex;padding-top:18px;justify-content:space-between}
#atc02 .link_box ul li{width:calc(100%/2 - 5px);border-radius:5px;line-height:55px;background-color:rgba(255,255,255,.08)}
#atc02 .link_box ul li a{display:block;width:100%;height:100%;padding:0 8px 0 26px;color:#fff;font-family:'SBAggroM'}
#atc02 .link_box ul li span{display:inline-block;position:relative;float:right;width:40px;height:40px;margin-top:7px;border-radius:5px;text-align:center;line-height:40px;background-color:var(--primary)}
#atc02 .link_box ul li.kakao span{background-color:#f7de00}

#atc02 .link_box ul li span:before,#atc02 .link_box ul li span:after{position:absolute;top:50%;transform:translate(-50%, -50%);width:7px;height:11px;content:'';background:url('/sh_img/make24/inc02/arr03.png') no-repeat center;color:#fff;transition:all .2s}
#atc02 .link_box ul li.kakao span:before,#atc02 .link_box ul li.kakao span:after{background:url('/sh_img/make24/inc02/arr02.png') no-repeat center}
#atc02 .link_box ul li span:before{left:50%}
#atc02 .link_box ul li span:after{left:calc(50% - 7px);opacity:0} 

/* 모바일 호버 X */
@media (hover: hover) {
#atc02 .box_wrap .news_box .news_tit svg:hover{color:var(--dark)}
#atc02 .box_wrap .find_box a:hover span:before{left:4px;opacity:0;transition-delay:0s}
#atc02 .box_wrap .find_box a:hover span:after{left:0;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
#atc02 .link_box ul li a:hover span:before{left:calc(50% + 7px);opacity:0;transition-delay:0s}
#atc02 .link_box ul li a:hover span:after{left:50%;opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
}

/* 반응형 [s] */
@media (max-width:1430px){
#atc02 .inner{max-width:none;padding:0 15px}
#atc02 .box_wrap .news_box .news_tit{padding:41px 30px 12px}
#atc02 .sh_lt li{padding:0 30px}
#atc02 .sh_lt li .lt_cont{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#atc02 .box_wrap .find_box{padding:46px 30px}
#atc02 .contact_wrap>div{padding:0 30px}
#atc02 .contact_wrap .tel_box{width:45%}
#atc02 .contact_wrap .link_box{width:55%}
}

@media (max-width:1230px){
#atc02 .box_wrap .news_box{width:calc(100%/2 - 7.5px)}
#atc02 .box_wrap .news_box .news_tit{padding:20px 30px;font-size:23px}
#atc02 .box_wrap .news_box .news_tit a{margin-top:5px}
#atc02 .sh_lt{display:block;padding:0 30px}
#atc02 .sh_lt li{width:100%;padding:35px 0}
#atc02 .sh_lt li+li{border-left:none;border-top:1px solid #e1e1e1}
#atc02 .sh_lt li a{position:relative}
#atc02 .sh_lt li .lt_date{position:absolute;right:0;top:0;margin-top:0}
#atc02 .box_wrap .find_box{width:calc(100%/2 - 7.5px);background-size:50%}
#atc02 .contact_wrap{margin-top:15px}
#atc02 .contact_wrap>div .tit{margin-right:30px;padding-right:30px}
#atc02 .contact_wrap .tel_box{padding-right:0}
#atc02 .link_box ul{justify-content:flex-start}
#atc02 .link_box ul li{width:170px}
#atc02 .link_box ul li+li{margin-left:10px}
#atc02 .link_box ul li a{padding:0 15px}
#atc02 .link_box ul li span{width:30px;height:30px;margin-top:12px;line-height:30px}
}

@media (max-width:1024px){
#atc02 .sh_lt li .lt_date{display:none}
#atc02 .sh_lt li .lt_subj{margin-bottom:5px}
#atc02 .box_wrap .find_box{padding:91px 30px 46px}
#atc02 .box_wrap .find_box .b_txt{font-size:25px;line-height:35px}
#atc02 .box_wrap .find_box a{width:170px;margin-top:30px;line-height:55px}
#atc02 .contact_wrap{display:block}
#atc02 .contact_wrap>div{width:100% !important}
#atc02 .contact_wrap>div+div{margin-top:10px}
#atc02 .contact_wrap>div .tit{width:178px;line-height:65px}
#atc02 .tel_box .tel{padding-top:3px}
#atc02 .tel_box .tel span{font-size:25px}
#atc02 .link_box ul{padding-top:3px}
}

@media (max-width:768px){
#atc02 .box_wrap{display:block}
#atc02 .box_wrap .news_box{width:100%}
#atc02 .box_wrap .find_box{width:100%;margin-top:15px;padding:40px 30px;background-size:contain}
#atc02 .contact_wrap>div .tit{width:168px;margin-right:20px;padding-right:20px}
}

@media (max-width:560px){
#atc02 .box_wrap .find_box{background-size:50%}
#atc02 .contact_wrap{padding:35px 0}
#atc02 .contact_wrap>div .tit{float:none;width:100%;margin-bottom:15px;border-right:none;line-height:normal}
#atc02 .contact_wrap .tel_box{margin-bottom:25px}
}

@media (max-width:480px){
#atc02 .box_wrap .news_box .news_tit{padding:20px 25px;font-size:20px}
#atc02 .sh_lt{padding:0 25px}
#atc02 .box_wrap .find_box{padding:40px 25px;background-size:42%}
#atc02 .box_wrap .find_box .b_txt{margin-bottom:10px;font-size:20px;line-height:30px}
#atc02 .box_wrap .find_box .s_txt{word-break:keep-all}
}

@media (max-width:380px){
#atc02 .link_box ul{display:block}
#atc02 .link_box ul li{width:100%}
#atc02 .link_box ul li+li{margin:10px 0 0}
}
/* 반응형 [e] */